Horizontal Form Element Settings

Modified on Mon, 8 Jun at 12:58 AM

What is the Horizontal Form, and why use it?

A Horizontal Form is a sign-up form where the fields sit side by side in a single row — typically a name box, an email box, and a button, all lined up horizontally. Compare this to a vertical form, where fields stack on top of each other.

Why use the horizontal layout? Because it's compact and quick. It fits neatly into a single line — perfect for the top of a page, a header bar, or any spot where you want a fast "enter your email" capture without taking up much vertical space. It's a common choice for newsletter signups and lead capture.

What's a "form" for? A form collects information from your visitors (like their name and email) and saves it — usually to build your contact list or trigger a follow-up. The button submits what they typed.

Quick reminder on where things live: Every FlexiFunnels page follows the Section → Row → Element structure. Note that forms live under Components → Forms, which is a different category from the regular Elements list — so if you've been adding elements, you'll need to switch tabs.

Step-by-Step Guide:

Step 1: Open your editor

Open the Landing Page Editor for the page where you want the form.

Step 2: Click the "+" (Add) icon

On the left sidebar, click the "+" (Add) icon to open the menu of things you can add.

Step 3: Go to Components → Forms

In the menu, select the Components tab.
Open the Forms category.

⚠️ Common mix-up: Forms are under Forms, not under Elements. If you can't find the form, you're probably looking in the wrong category.

Step 4: Add the Horizontal Form

From the available form layouts, choose the “Form” option.
Drag and drop it onto your landing page wherever needed.
Once it's placed, click it to configure the fields and where the submitted data goes, then save and publish.

Common situations & quick fixes
Check these before contacting support.

"I can't find the form / it's not in the Elements list." → Forms have their own category. Go to Components → Forms, not Components → Elements.

"My form fields stack on top of each other instead of sitting in a row." → On narrow screens this is intentional — a horizontal form automatically stacks on mobile so it stays usable. Check desktop view; if it's stacked there too, the form's container (Row) may be too narrow. Widen the Row or reduce the number of fields.

"My form looks squished or runs off the edge." → A horizontal layout needs horizontal room. Too many fields in one row gets cramped. Either remove a field, shorten field widths, or switch to a vertical form for that spot.

"People are filling out my form but I'm not receiving their details." → This is the most important one to check. A form needs to be connected to where the data should go (your contact list, autoresponder, or integration). Open the form's settings and confirm:
The form is linked to a list/integration.
The integration (e.g., your email tool) is properly connected and active.
Test it yourself: submit the form on the published page and check whether your entry arrives

"What happens after someone submits — nothing changes." → Check the form's after-submit action in its settings (show a message, redirect to a thank-you page, etc.). If nothing's set, the visitor gets no confirmation. Set a clear next step.

"My form works in the editor but not live." → Always test forms on the published page. Submissions and integrations don't run inside the editor.

"The form looks fine on desktop but awkward on mobile." → Switch to mobile view. Horizontal forms stack vertically on phones by design — confirm the stacked version still looks clean and the button is easy to tap.

Need more help?

If your form still isn't working after the steps above, submit a ticket and include:
- The page URL where the form sits
- Which integration/list it's connected to
- Whether a test submission reached you (and where you checked)
- What you expected vs. what's actually happening
- A screenshot of the form's settings