FERMÀT’s Button Settings let you define consistent styles for primary and secondary CTA buttons across your funnel experiences. Once configured, these styles automatically apply to supported modules
What's in this guide:
What’s Included in Button Settings
FERMÀT’s Button Settings let you control four key aspects of your CTA buttons:
Font and Text Styling
Choose a font from your brand library, set weight, alignment (left, center, right), and fine-tune letter spacing for maximum legibility.
Button Shape
Select from three button shapes to match your brand tone:
Square
Rounded
Pill (fully rounded)
Padding
Adjust the padding around your CTA text to control the size and tappability of your buttons.
Colors and Borders
Set background and text colors for both button types. You can optionally toggle a black border.
Important: Border color and border weight are not currently customizable.
Where Button Styles Apply
Button styles can be manually selected, automatically inherited, or partially styled, depending on the module or component.
The following Lander modules support both Primary and Secondary button style selection:
Hero Header
Shoppable Product Card
Video & Product
Product Grid
Open PDP Button
Open Grid Button
Additional button configurations available on these Modules:
CTA Text: Add custom copy for each button
Button Width: Choose Hug or Fill
PDP Modules
The following PDP modules will allow a user to choose their button style:
Product Grid: Button style (Primary or Secondary) can be manually selected
Add to Cart Button: Primary styling
Upsell List: Primary styling
Non-Module Buttons (Auto-Inherited)
There are additional buttons that are not configurable from the dashboard Lander or PDP editors today, but inherit button styling:
Component Type | Button Type | Primary or Secondary |
Catalog | Close | Secondary |
Catalog | View Bag | Primary |
Cart | Upsell Carousel | Primary |
Lander/PDP | Variant Selector Dialog (Product Grid) | Primary |
Lander/PDP | View Bag (visible as a sticky CTA on Landers when items are in the Cart) | Primary |
Mixed Styling Buttons
The following buttons use alternative background colors, but still inherit Primary button fonts and shape:
Redirect Button on Lander → Uses Secondary background color
“Shop Product” Button on Empty Cart Page → Uses Accent background color