What are Two-Column Sections?
Two-Column Sections are a layout container in the FERMÀT funnel editor that lets you place two modules side by side on desktop. On mobile, the same modules automatically stack vertically, no additional configuration required.
Before this feature, displaying two modules horizontally required a custom-built combined module for each specific pairing. That meant every new combination (SPC next to a product grid, text alongside a video, reviews beside an image) had to be engineered individually. Two-Column Sections remove that constraint entirely.
Now you can pair any two standard modules — Single Product Card, product grids, text blocks, media, reviews, and more — in a two-column layout and configure each module independently, just as you would if they were placed on their own.
How to Add a Two-Column Section
Open your funnel in the editor
Navigate to your Lander, PDP, or DPP Template in the FERMÀT dashboard and enter the funnel editor.Add a Two-Column Section element
In the module panel, find and select Two-Column Section.This places a two-column container into your funnel layout. You'll see two empty column placeholders side by side.
Add a module to each column
Click into the left column placeholder and select the first module you want to display. Repeat for the right column. Each column supports most standard FERMÀT modules, including Single Product Card (SPC), product grids, text blocks, media, and reviews.Configure each module independently
Click into either module to open its standard configuration panel. All module settings — content, styling, CTAs — are available just as they would be for a standalone module. Each column is configured separately.Set Two-Column Section styling
Click the Two-Column Section container itself (not either module inside it) to access its own styling options, including the gap between columns. Adjust to match your funnel's visual design.Preview and publish
Use the desktop/mobile toggle to preview how your layout renders on each device. On desktop, the two modules appear side by side. On mobile, they stack vertically automatically. When satisfied, publish your funnel as usual.
Where It Works
Surface | Two-Column Sections Supported |
Landers | ✅ |
PDPs (Product Detail Pages) | ✅ |
DPP Templates | ✅ |
BDPs (Brand Detail Pages) | — |
Slug pages | — |
AI Search funnels (AIS) | — |
Shop previews | — |
Use Cases
SPC + Product Grid: Keep the buy action next to product discovery
Place your Single Product Card (with CTA) in the left column and a product grid in the right. Shoppers can add the featured item to cart while browsing complementary or related products — all without scrolling.
Text + Media: Lead with copy, reinforce with visuals
Pair a text block with an image or video in an adjacent column. This layout works well for feature callouts, brand storytelling sections, or product benefit highlights where the visual and the message need to land together.
Media + Reviews: Social proof alongside the product
Combine a product image or video with a reviews module in the adjacent column. Desktop shoppers get the visual and the validation in a single glance — a proven pattern for reducing purchase hesitation.
SPC + Category Grid: Bundle discovery with the main CTA
Display your primary product CTA on one side and a category or collection grid on the other. This is especially effective on landing pages where you want to drive an immediate conversion while surfacing the full catalog for browsers.
FAQs
Does the two-column layout affect how the page looks on mobile?
No. On mobile, the two modules automatically stack vertically — left column on top, right column below. You don't need to configure anything separately for mobile. The switch happens automatically based on the viewer's screen size.
Can I nest a Two-Column Section inside another Two-Column Section?
No. Nesting containers is not supported. Each Two-Column Section holds two standard modules as its children — not other containers. If you need a more complex layout, use multiple Two-Column Sections in sequence in your funnel.
Can I control how wide each column is?
Currently, columns split evenly (50/50). You can adjust the gap between columns through the Two-Column Section's own styling panel, but independent column width percentages are not configurable at this time.
Does this interact with FERMÀT experiments or A/B tests?
Yes. Two-Column Sections work within experiment layouts. If you're running a split test on a funnel that uses Two-Column Sections, both variants can independently use or omit the container — each variant's layout is fully independent.
Will adding a Two-Column Section affect my funnel analytics or Pierre recommendations?
No. Analytics tracking and Pierre's recommendations operate at the module level and are not affected by how modules are arranged in the layout. Impressions, clicks, and conversion events are attributed to the individual modules inside the Two-Column Section, not the container itself.