The Confirmation of Purchase feature enables you to integrate a confirmation section into your funnel page. This is especially useful when capturing orders on a previous page and having a confirmation page as the following step in your funnel. Upon adding this element, a range of customization options will be accessible from the left-hand menu of the builder.
Basic Settings
Element Label: In the General Settings section, you'll first encounter the Element Label. By default, this label is the name of the current element you're modifying. You can either retain the existing name or change it. Renaming the element is particularly helpful when building funnel pages with multiple elements, making it easier to manage and identify them.
Background Shade: To change the background shade of your order confirmation element, click on the color icon and select from the available palette. If your preferred shade isn’t listed, you can manually input a color code and hit "Add Color."
Font Customization
Font Style: You can choose a font style for your order confirmation element by selecting from a dropdown. The available options include either fonts you previously set for headlines and content or custom fonts. If you opt for a custom font, simply click "Default Font" to browse various options.
Text Size for Mobile and Desktop: To adjust the font size for the order heading on both mobile and desktop, use the size adjustment bars or input a specific number in the field.
Sub-Text Font Size: Likewise, you can change the font size for sub-text for mobile and desktop by adjusting the size bars or entering a value.
Color Settings
Order Heading Color: Edit the color of the order heading text.
Headline Color: Modify the color of the headline text.
Product Detail Color: Change the color of the product detail (dynamic item) text.
Total Text Color: Customize the color of the "Total" field text.
Shipping Address Color: If a shipping address is included, you can change its color here.
Spacing Adjustment: There are multiple options for adjusting the spacing around your content.
Padding (Top, Bottom, Left, Right): You can shift your content in various directions by using toggle bars that control the padding for the top, bottom, left, and right.
Margins (Top and Bottom): You can also adjust the top and bottom margins using similar toggle bars or by inputting specific numbers to maintain consistent spacing throughout your funnel.
Advanced Features
Device Visibility: Determine if you want this element to be visible only on mobile, only on desktop, or both. You can select the appropriate icon to highlight and enable your choice.
Order Title Toggle: You can choose to display or hide the order title form field.
Order Title Text: This allows you to modify the text in the Order Title (Order Confirmation) field.
Item and Price Text: You can also customize the text for the Item and Price form field.
Total Toggle: You have the option to show or hide the "Total" field.
Total Field Text: You can modify the description in the Total form field.
Shipping Details Toggle: Choose to display or hide the Shipping Details field.
Shipping Details Title: Edit the title text for the Shipping Details form.
CSS Customization: If you need to copy the custom CSS code for the element, click the "Copy" icon to obtain the reference.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article