There are two prerequisites before we can work on adding the Order form to the landing page:
Connect a payment gateway:
You can connect payment gateways like Stripe and PayPal with Swipe Pages.
To sell your product using a landing page in Swipe Pages, you have to connect to at least one payment gateway.
To learn how you can connect to Stripe, click here
To learn how to connect to Paypal, click here
Create an E-commerce store and add products in Swipe Pages:
First, you need to open an e-commerce store in Swipe Pages and then, you have to add products to your E-commerce store.
To learn how to open your E-commerce store in Swipe Pages, click here.
To learn how you can add the product in Swipe Pages, click here
Once you have completed the two prerequisites, it is time to add the Order form module to your landing page.
Adding an Order Form module to your Smart page:
1. Order forms work only on Smart Pages. Once the payment gateway and products are added, the order form can now be added to the landing page.
2. The order form is present within the modules tab.
3. Add the order form to your page like you would any other module.
To learn more about how to add modules to your landing page, click here
A short video tutorial is below:
Description of the different components present within the Order form:
1. Link Product:
The link product option will list the products added to the dashboard.
(Please note that it is possible to add only one product per landing page)
2. Customer Info:
Name, email, phone number, and shipping address fields are present within Customer Info.
Visibility of name, phone number, and shipping address fields can be turned on or off by clicking on the eye icon adjacent to the respective fields.
3. Billing info:
Billing Info can be turned 'On' or 'Off' using a Toggle switch.
There are two additional fields to get the information of country and zip code with the Billing Info.
Note: If you are using PayPal as your preferred payment gateway, it is imperative to enable Billing info. If not, then the payment will not get processed through PayPal.
4. Order Bump:
An order bump is an additional product that is offered to a user at the time of purchase.
Order Bump can be turned 'On' or 'Off' using a Toggle switch.
Select the products from the list of products added to the dashboard and using the Order Bump button you can add the description of your choice.
5. Coupons:
Coupons can be enabled using the Toggle switch. Using coupons, you can provide a discount to the user when they make a purchase of the product.
6. Payment Methods:
Payment Methods added to the dashboard will be automatically listed here. It is mandatory to select at least one payment method.
7. Button:
The payment button’s text and colour can be changed here.
Also, there is a toggle switch that adds or removes the payment amount.
8. Order Summary:
Order Summary can be added or removed using a Toggle switch.
9. Trust Badge:
Here you can upload trust badges that may have in the form of png, jpegs, etc.
10. Redirect:
Once the payment is successful, the user will be redirected automatically to the page as per the URL provided within the Success Redirect field.
Please do not forget to add https:// before the URL.
11. Edit Form labels:
If you are a non-English speaker and wish to change the order form labels form to your native language, you can do so by changing the respective label names within the Edit Form Labels tab.
