We will demonstrate how you can set up your checkout, changing the color and editing text and sizes. Many users confuse this configuration with form fields configuration. Shall we go?
- In the Supercheckout, under “Products”, click on “Edit” the product;
2. Go to “Design”;
3. Choose the checkout type and click the “pencil” to set it up;
4. This page will appear with the fields to be configured;
5. Field “Product” ;
6. Field “Field Style”;
7. Field “Steps/Price/Button”;
8. After setting it to your liking, click “Save”;
9. This will be the checkout layout after it is set up;
10. To insert form fields to your checkout, we will have to configure the fields in a list, in Mailing Boss. To do this, go to Mailing Boss. Choose a list and click “Update”. If you want, you can create a new list;
11. This page will open, click on “Fields”;
12. Several field options will be shown and you can use them in your list;
13. Assemble your form fields and then “Save”;
14. After the list is saved, we will go back to Supercheckout. Go to the product that you have configured the checkout layout for, and then to “E-Mail Campaign”;
15. This page will be shown. Click here to choose a list;
16. Choose the list you configured in Mailing Boss;
17. Update and Finish this configuration;
18. Go to “My Products” and click on “Links”;
19. A “Panel Links” will appear. Copy the link “Checkout URL”;
20. Go to the Cheetah Builder. Open the page where the checkout will be positioned and click “Elements”;
21. Go to “Iframe”. Drag and drag into your page;
22. This “iframe” box will open. Click on it and then click on “General Settings”;
23. Paste the copied link into “Embed URL”;
24. Now just adjust the checkout on your page. When you go to step 2 of the checkout, it will look like this;
25. And this is how you will insert more form fields to your checkout.