Standard Checkout

In this example we are going to build a simple 2 column checkout section, but you can customize and design your checkout section however you like.

Required Items

• Email Input

• Shipping Address

• Payment Component

• Submit Button

 

---

 

1. Click on ADD NEW SECTION

 

2. Add an additional column to your checkout section by hovering over your column and clicking either the left or right + icons

 

3. In the left column click on ADD COMPONENT

 

4. Add an INPUT component

 

 

5. Click on the Input component you just added and in the right side panel select Email under Type

 

 

6. Add a SHIPPING ADDRESS component

 

 

7. In the right column click ADD COMPONENT and select either the ADVANCED CART or the BASIC

The advanced cart will show the product image and will also have a delete trash can

 

 

8. Add an ORDER SUMMARY component

 

 

9. Add a STRIPE component

 

10. Add a BUTTON component

 

11. Click on the Button text

 

12. In the right side panel change the Text to "Complete Order" or "Submit"

 

13. Click on the BUTTON component

 

14. Change the Action to Submit Form

 

15. Congrats! You just built a custom standard checkout

We recommend testing all pages in "Test Mode" before going live!