Creating effective buttons helps guide visitors to important content and calls-to-action. Here's how to use the Button Block effectively:

Adding a Button Block (Version 7.1)

1. While editing, click [Add Block] and select [Button]
2. Click the pencil icon to open Block Editor
3. Enter button text (keep under 25 characters)
4. Add link by clicking [Attach Link] or using URL dropdown
5. Under [Design], choose button style (Primary, Secondary, or Tertiary)
6. Select [Fit] or [Embed] for button placement
7. Choose alignment (Left, Center, or Right)

Adding a Button Block (Version 7.0)

1. Click insertion point and select [Button]
2. Enter button text in [Text] field
3. Add link via [Attach Link] or URL dropdown
4. Use [Design] tab for styling
5. Click outside editor to save

Styling Your Buttons

Version 7.1:

• Modify font, shape, and size for each button type
• Edit colors through the [Color] option
• Use section themes for different color schemes

Version 7.0:

• Select size (S, M, or L)
• Choose alignment (Left, Center, Right)
• Adjust colors and shapes through site style settings

Tracking Performance

Enable Form and Button Conversions to:

• Monitor click-through rates
• Compare views vs. clicks
• Measure button effectiveness
• Track conversion rates

Best Practices:

• Keep button text concise
• Use clear, action-oriented language
• Maintain consistent styling
• Place buttons strategically
• Test different variations for optimal performance

Remember to save changes automatically by clicking outside the block editor when finished.

Related Articles

Previous Articles