Customizing your payment form is easy. In this short article, we will discuss how it's done.


Step 1: Create Your Product

Before you customize your payment form you will need to create a product. Please refer to this article to learn how to set up a product in Cartfuel.

Step 2: Customize

Once you created your product in step 1, navigate to step 2. From there you'll see 5 different tabs. "Layout", "Header", "Placeholder", "Buttons", and "URL".

You can customize a different area of your payment form in each tab. As you customize each element you'll be able to see the customization in the payment form preview which is located on the right-hand side.

Layout

In the layout tab, you'll be able to change your payment forms font, form style, and default fields language.

Font

You can choose from hundreds of fonts that are populated from Google Fonts. If you choose a different font from the dropdown, the payment form will change to that selected font.

Form Style

You can select two different form styles; Classic and Two-Step. The Classic payment form style is vertical and has all information in one viewing. The Two-Step payment form asks for customers' names and emails first and then shows the product details, billing details, etc.

Default Fields Language

You can change your payment form language from English into Russian, Spanish, or French. The payment form will change to the select font.

Header

The next tab is the header tab. In this tab, you'll be able to change the header text, header text color, payment header text, shipping address header text, coupon link text, and coupon link color.

Placeholder

In the placeholder tab, you can edit the different placeholders on your payment form. Those placeholders include the name text and email text.

Buttons

You can edit the buttons on your payment forms including the button text, button color, button text color, button size, and button radius size.

URL

In this tab, you'll be able to add your own terms of service URLs, privacy policy URLs as well as add custom code and custom CSS. However, please note that if you add custom code or custom CSS we do not offer support if something were to break.



Don't have a Cartfuel account? Sign up for one here or log in.

Did this answer your question?