When creating buttons on your website, you can add clear calls-to-action that guide visitors to important content or highlight key information. Button blocks can link to various destinations including web pages, downloadable files, email addresses, and phone numbers.

To add a button block:

1. Edit your page or post
2. Click "Add Block" or an insertion point
3. Select "Button" from the menu
4. Enter button text (keep under 25 characters)
5. Click "Attach Link" and add your destination URL
6. Customize the design settings for style and alignment

Styling Options:

• Choose between Main, Secondary, or Tertiary button styles
• Adjust size (S, M, L)
• Set alignment (left, center, right)
• Customize colors and shapes through site styles
• Use section themes for different color combinations

For optimal layout:

• When using Fluid Editor, set buttons to "Fit Block with padding" or "Fill Entire Block"
• Maintain consistent styling across similar calls-to-action
• Consider button hierarchy (primary vs secondary actions)

Track Button Performance: Use Form and Button Conversions to monitor:

• Number of button views
• Click-through rates
• Conversion metrics

This data helps optimize your button placement and effectiveness.

Related Features:

• Adding Links
• Defining Button Styles
• Navigation Style Options
• Fluid Editor Tools
• Shopify Integration

Related Articles

Previous Articles