Pages

Before you follow these steps, make sure you :

  • Already have the product you want to create for express checkout

  • Already has its own pages for you to enter the express checkout function

Get Product Variant ID

1. Log in to your Commerce account.

2. Click on Products.

3. Click on the Product for which you want to enter the Express Checkout function.

4. Click on Express checkout

5. Select the variant you want your customers to continue buying and save the link

6. Make sure you save the URL of the link first as it will be used for setting on your pages.

Setting on Pages

1. Log in to your Commerce account.

2. Click on Online Store -> Pages

3. Click on the Edit button on the pages where you want to enter the Express Checkout function.

4. Click on the <> icon to enter your button's custom code

5. Next, you just need to enter this code in the field.

Code: <a class="btn btn-success btn-lg text-white" href="your product variant link" target="_blank">Buy Now</a>

** In the href section, you can enter the product link your variant that you just got in step 1

6. Once done you can click Save and see the result by pressing on the Preview button.

Additional Info

If you want to change your button styling, you can refer to this link for more information: https://getbootstrap.com/docs/4.0/components/buttons/

If you want to make your customers continue to checkout with 3 products directly, you can separate each product variant ID with a comma symbol.

For example: /cart /57085: 1,12345: 2, 57779: 3

** The number after the colon refers to the quantity of items purchased.

** A maximum of only 3 ID variants (valid) can be read by our system.

Last updated