How to Add a Vertical Form in FlexiFunnels

A vertical form is a sign-up box where the fields sit stacked on top of each other — Name on top, Email below it, then the button. Think of it like a stack of pancakes: one thing under the next, going down the page. (A horizontal form lines the fields up side by side, like books on a shelf.)

You use a form to collect leads — the names and email addresses of people who visit your page. This guide shows you how to drop a vertical form onto your page and — just as importantly — how to make sure the leads it collects actually land somewhere you can use them.

? Prefer to watch? There's a short walkthrough video at the top of the live article. The written steps below cover everything in it, plus the parts the video doesn't.

Before you start

You'll need:

• A FlexiFunnels project with a landing page already created. (New here? See How to Create a Landing Page and Use the Page Settings.)
• At least one Section on the page to drop the form into. A form can't float in empty space — it has to live inside a section. (See Adding Sections in Landing Page Editor.)

? Quick mental model: In FlexiFunnels, every page is built like this: Section → Row → Element. A section is a big horizontal band of the page, a row sits inside a section, and elements (text, buttons, forms) sit inside rows. A vertical form drops in as its own pre-built row, so it needs a section to live in.

Step-by-Step Guide:

Step 1 — Open the Editor

Open the landing page where you want the form, and click into the page editor. This is the drag-and-drop screen where you build and arrange everything on your page.

Why this matters: You can only add a form from inside the editor — not from the dashboard or the page list.

? New to the editor? Read the Landing Page Editor Overview first to learn where everything lives.

Step 2 — Click the “+” (Add) Icon on the Left

On the left sidebar of the editor, click the “+” icon. This is the "add something to my page" button. A menu of things you can add will slide open.

• 
  Step 3 — Go to Components → Forms

  In the menu that opened:

  1. Select the “Components” tab.
  2. Click the “Forms” category.

• Why this matters: FlexiFunnels keeps building blocks in two buckets — Elements (single small pieces) and Components (ready-made combinations). A full form lives under Components, not Elements. If you're hunting under Elements and can't find a form, this is why.
  
  

• 

  ? Want the full tour of what's in each bucket? See Understanding Page Building Components in FlexiFunnels Editor.

Step 4 — Pick “Form Row” and Drop It on the Page

From the form layouts shown, choose “Form Row.” Then drag and drop it onto your page, into the section where you want it.

⚠️ This is the make-or-break choice — read this carefully.

• “Form Row” = a vertical form (fields stacked top to bottom). ← This is the one you want.
• “Form” = a horizontal form (fields side by side).

If your form ends up looking sideways instead of stacked, you almost certainly picked “Form” instead of “Form Row.” Delete it and re-drag the correct one.

(Screenshot: choosing the “Form Row” layout and dragging it into a section.)

✅ At this point the form is visible on your page. But here's the catch most people miss…

Common Situations & Quick Fixes

Try these first — most form problems are solved in under a minute without contacting support.

“My form looks sideways, not stacked.”

You picked the wrong layout. A vertical form is “Form Row.” A horizontal one is “Form.” Delete the current form and re-drag “Form Row.” (For horizontal forms on purpose, see Horizontal Form Element Settings.)

“I can't find a form anywhere in the menu.”

You're probably looking under Elements. Forms live under Components → Forms. Switch tabs.

“I can't drag the form onto the page.”

A form needs a section to live in. Add a section first (Adding Sections), then drop the Form Row inside it.

“People are filling out my form, but no leads are showing up.”

This is the #1 cause of "the form isn't working." Open the form's gear ⚙️ → settings and check:

• Is an Autoresponder selected?
• Is a real account chosen under “Connect here”?
• Did you save and publish the page after connecting it?
• Are you testing on the live URL, not the editor preview?

If all four are correct and leads still don't arrive, then contact support.

“The button doesn't go to my thank-you page after submitting.”

Open form settings and set the Form Action (the after-submit redirect). Make sure the thank-you page URL is correct and published.

“I want different fields (phone, dropdown, etc.).”

Add or edit fields in the form's settings under Input Type. See Form Element Settings.

“The form looks great on desktop but cramped on mobile.”

Switch to Mobile View in the editor and adjust the form's spacing/width there. Mobile edits don't change your desktop layout.

Quick Recap

1. Open the editor.
2. Click the “+” on the left.
3. Go to Components → Forms.
4. Drag in “Form Row” (= vertical). Not “Form” (= horizontal).
5. Connect it via the gear ⚙️ → Autoresponder + “Connect here.”
6. Publish and test on the live page.

Still need help?

If you've worked through the steps and quick fixes above and your form still isn't behaving, we're happy to help. Please submit a ticket and include:

• The page URL where the form is added
• A short note on what you expected vs. what happened
• Which autoresponder you connected (if any)
• A screenshot or screen recording of the issue