While we have a few order page templates that you can choose from, you can also start creating an order page using a blank template. In this article you will learn how to build an order page from start to end.
What is an Order Page?
An order page is also called a check-out page with a form and a submit button that allows you to collect the customer's payment details and other details needed to complete the purchase. The information and payment will be processed through a merchant provider which you will need to integrate with your order page to make it work. The order page is the most essential page you will need in a sales funnel because that's where you will collect payment from customers.
Order Page from Scratch
1. Create a Campaign
From the dashboard, click the Add [+] button to create a campaign, select the Blank Campaign (Start from Scratch) campaign template, then create your first page.
2. Select a template
Since you're starting from scratch, select the Blank Template. After selecting this template, it will load the page editor and you'll see that the page isn't totally blank, there are a few objects there (text and picture) that you may delete or replace with your own content.
3. Add Form Fields
For an order page to work, you will need to following fields:
- Credit Card Type
- Credit Card Number
- Credit Card CVV
- Credit Card Expiration Month
- Credit Card Expiration Year
You may want to add these other fields if you're shipping the purchase:
- Address Line 1
- Address Line 2
- Zip Code
- Shipping Method
- Billing Model
To add a form field, click the Add [+] button and drag a form to the page, then click settings icon of the form or double click the form to slide out the property settings. Select Text Content, then click the Field Type dropdown to select the type of field that you want to add. Repeat this step until you've added all the form fields needed.
4. Add a Button
Since we're working on an order page, the CTA button on this page will have 2 functions when it's clicked. First is to submit the payment information entered by the customer to the merchant provider and redirect the prospect to a thank you page after the purchase.
- Click the Add [+] button
- Drag a button component to the page
- Click the settings icon of the button or double click the button to slide out the property settings
- Select Button Actions
- Select Purchase Items (New Card) from the dropdown
- Select Products I've Selected from the second dropdown.
Note: You can drag other page objects to the page or replace the existing content with your content to customize the page.
5. Integrate Your Merchant Provider
While your order page is all set, it wouldn't work if you don't have a merchant provider integrated with it. Assuming that you already signed up for a merchant provider and have integrated the API with 10 Minute Funnels, the next thing that you need to do is integrate the merchant provider to your order page.
- Click Open Payment Settings from Button Actions or click Payment Settings from the sidebar menu in the editor
Payment Settings in Button Actions
Payment Settings from Sidebar Menu
- Select your merchant provider, then click Next.
- Set the price of your product, then click Next.
- Click OK.
6. Publish Your Campaign
Given that you're done editing your order page and the other pages in your campaign (sales page and thank you page), then you're ready to publish and test your campaign. This is what you should expect on your test:
- The information submitted will be captured in merchant provider
- The payment will be processed in the merchant provider
- You will be redirected to the next page in your campaign