Add Buttons & Links: How to Customize Your Site with Call-to-Action Elements
Buttons are powerful tools to guide visitor actions and enhance site navigation. Here's how to effectively use them:
Button Blocks Add button blocks to any Fluid Engine section or classic editor area. These versatile blocks can link to:
- Site content
- External content
- Files
- Email addresses
- Phone numbers
Keep button text concise for maximum impact (e.g., "Donate" or "Take Action").
Young African student at desk smiling
Strategic Button Placement
Header Buttons
- Position at page top for immediate visibility
- Encourage instant visitor action
Woman joyfully tossing pink confetti
Banner Buttons
- Stand out against background images
- Ideal for primary calls-to-action
- Add via block section (version 7.1) or template options (version 7.0)
Beige wall with hanging white shirt
Footer Buttons
- Guide visitors after main content exploration
- Include important information or final actions
vineyard rows with distant trees
Specialized Button Types
Auto Layout Buttons
- Organize content in columns and rows
- Include individual or section-wide buttons
- Perfect for showcasing projects or team members
Snowy mountains reflected in calm lake
Form and Newsletter Buttons
- Customizable submit buttons
- Default "Submit" or "Sign Up" text options
Sign up button
E-Commerce Features
- Add to Cart buttons on product blocks
- Express checkout options
- Donation block buttons for fundraising
Additional Button Options
- Image block buttons
- Promotional pop-up buttons (up to two)
- Pinterest Save buttons
- Content sidebar buttons (version 7.0)
- Cover page buttons
- Share buttons
Button Customization Style options include:
- Background color
- Font selection
- Shape modification
- Size adjustment
- Keep text under 25 characters for optimal display
Analytics Track button performance through:
- Form & button conversion analytics
- Purchase funnel analytics for e-commerce
- Click-through rates and effectiveness metrics
