Shop (How payment works [order received tracking] ) - GaryLamKa/DWD210-Design-Studio-Web GitHub Wiki

In this page, I will show you how the shop work, when orders had received, how to track the payments and proceed the order.

How to set up the account:

Then click to the WooCommerce tab in the menu.

In the Dashboard page, there will be shown the overall of how many order has been made from per order and Charts.

Then click to the sub-menu of the WooCommerce setting. You can change your address, Currency, Payment methods, email receive (when order is made or any issue customer needs) and RAE Setting (Litter to the customer). But now we focus on the payment first, so click to the Payment tab, then you will see all the payment method shown below. The payment we used is Paypal Checkout (Paypal) and Stripe (All cards). Which PayPal Checkout and Stripe are the places that you can change your payment account when needed.

So now please click to the Mange button next to Stripe in order to change the Live Publishable Key, Live Secret Key and Live Webhook Secret. There is also a Test vision for testing the payment, the process is the same as the Live one and just need to Tick the Enable Test Mode and put the Key there, I will show you after when we go on.

Now we need the Live Publishable Key, Live Secret Key and Webhook Secret from the Stripe.com. Login to your Stripe account and from the home page, you can find Get your live API keys. And Get your test API keys if you want to test the vision. Click on the button and there is your Publishable key and the Secret key, just copy both to the WooCommerce page we started with. If you can't find the button on the home page, click Developers, then API keys that below the Developers. So both key will be there, just copy to the WooCommerce page. Then click to the Webhooks button below API key under the Developers sub-menu. Click on the Endpoints URL list of your website, if there is then click + Add endpoints to create your webhook endpoint. Copy the Webhook Endpoints from the WooCommerce page and choice the event that you want to receive then click add endpoint. Once you are done, click on the URL of your website, and click Click to reveal under the Signing secret to get your webhooks key. Just copy that to your website and you are set with your Stripe. It the same process for the test vision.

Back to the WooCommerce page, and then click Save Change. Then it all set with the Stripe.

Now, back to the WooCommerce setting, payment and then PayPal Checkout Mange.

In the page, there will be a Setup or Link an existing Paypal account button under API Credentials. Click that and login to your Paypal account. And remember to save change when finished.

Order step by step:

How the order works. How to know if there is an order. When there is an order had made from customers, you will receive an email that you set up on the setting page. If you want to change the email, click to WooCommerce setting and then Email, Click on the Manage button with the one you wish to change. Mainly with New order, Cancelled order and Failed order.

So when there is a new order you will receive an email, then Click to WooCommerce Order tab. It will be shown all the order in process and the new orders. Base on the email you received and find the correct order number order in the list. So now to confirm the order payment is received, open Stripe and login to your account. Then click on the Payments, find the order number on the DESCRIPTION list and check the status. Once the order is confirmed, go back to the WooCommerce page and check if the order needed to do the shipping or not. You can find all the information about the customers (Customer's email, Building address and shipping address). After the shipping is done, change the Status (For your own tracking) to the process you are on, as if it has done/ completed, go to Order action (For customer) and choose an action (Some action will send email to the customers).