Checkout Form- Billing is a comprehensive checkout page widget of ShopEngine. With this widget, you can do bottomless customization of your billing checkout page.
You can alter and adjust font, color, background, alignment, etc. of different elements existing in the form. The widget is so comprehensive that you can get your desired form appearance trying different combinations.
How to Use Checkout Form- Billing?
First of all, go to the dashboard of your admin panel and find ShopEngine from the list of items. Click ShopEngine and then select Templates from the drop-down menu. Then, click the “Add New” button on top right beside the text “Templates”.
Immediately after that, a popup window will show up for template settings. Set your template name in the Name field and select the type Checkout as your goal is to use checkout form-billing widget.
Also, you can choose a default sample design or start designing from scratch. Finally, hit the “Save Changes” button.
Your template is created and you can see it on top of the list. Now, click “Edit with Elementor” to switch to the Elementor window.
In this step, you will notice a sidebar on the left with a list of ShopEngine widgets. Find Checkout Form- Billing widget from the ShopEngine Checkout section or you can normally search the widget on the search field and then drag and drop it to the designated area.
The billing checkout form will show up instantly after that. Then, you can edit the form title using the parameters like margin, color, font size, etc. in Form Title section under the Style tab.
You can also show or hide different elements in the form like first name, last name, company name, street address, etc. by turning on toggles in the Field Visibility section.
In the Form Container section, you can tweak the background, alignment, padding, etc. of the form containers.
You can alter the labels of the billing form using the parameters like color, font size, margin, etc. in the Label section.
You can tweak the field inputs as well from the Input section using parameters like input color, background, font size, etc.
With Global Font section, you can adjust the the text typography from Primary and Secondary Typography parameters.
Finally, you can view the checkout form-billing on the checkout page as displayed below.
In this way, you can easily make use of the Checkout Form- Billing widget and improve your buyers’ experience.
To get access to additional fields of checkout, enable the Checkout Additional Fields Module and take a look at the checkout additional fields. Then, make your necessary changes in the additional fields.