Step Layout Override

Adjusting the Response Layout in a Specific Step

By default, LeadCapture.io lead forms display responses in a single-column vertical layout. This works well for mobile users, but in some cases, you may want a multi-column horizontal layout for better visual appeal.

This guide will show you how to override the default step layout and customize response columns to fit your needs.

In this video, you will learn how to override the layout of the responses for individual steps.

Steps to Override the Step Layout

Navigate to the Step Layout Settings

Open your LeadCapture.io form editor.
Select the step where you want to adjust the response layout.
Scroll down to Advanced Settings.
Click on Step Layout Override.

Adjust the Response Column Width

Single Row Layout: Set the response column width to 12.

Multiple Columns Layout:

-Set 3 for four responses per row.

-Set 6 for a two-column layout.

-Experiment with different values depending on the number of respond

Preview Your Changes

The form editor preview may not be fully to scale.
To see the actual layout, preview the lead form on a live page.

Save and Refresh

Click Save to apply the changes.
If the layout appears incorrect, refresh the page to reset the editor display.
LeadCapture.io continuously improves its system, but occasional UI quirks may occur.

Why Use Step Layout Override?

Customize Individual Steps: Not every step needs the same layout.
Enhance User Experience: Makes forms more visually appealing and user-friendly.
Improve Response Rates: A better layout can lead to more conversions.

Need Help?

If you encounter any issues or need assistance, contact us at support@leadcapture.io