Using the Checkout Form Element

In this tutorial, we’re going to walk you through how to use the Checkout form in OptimizePress Builder.

Please Note: You will be required to have the Suite plan in order to see and use the OptimizeCheckout features.

To get started, open a page you would like to insert your checkout form to OptimizeBuilder.

Next, scroll down the side elements listings and under Cart Elements, select the Checkout Form element

Drag the element to the area of your page you would like it embedded.

A lightbox will appear to set your product and what fields you would like included on the form.

We recommend using as few fields as possible as this will reduce cart bounces and encourage buyers to complete the order.

With your options selected, confirm the selection and the checkout form will be nicely displayed on your page to edit and customize.

In this example, we’re going to customize a few notable areas to better fit the style of the page. In this case, the button size and colour.

Hover and select the button to display the button settings. Click the button arrow icon followed by the Sizing tab.

Under Button Size, select the M option.

This will change the size of the payment button.

To change the button colour, you will simply need to click on the Palette icon in the button settings and display a colour palette. Here, you will be able to set the colour of the element.

Updated on December 9, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support