A button block creates visually engaging call-to-action elements to direct visitors to important content on your site. These buttons can link to internal pages, external websites, downloadable files, email addresses, or phone numbers.

Adding a Button Block (Version 7.1)

1. Edit a page or post and click Add Block
2. Select Button from the menu
3. Click the pencil icon to open block editor
4. In Content tab, enter button text (keep under 25 characters)
5. Click attach link to add URL or choose other link options
6. Under Design, select button style (Primary, Secondary, or Tertiary)
7. Choose button layout (Fit or Fill) if using Fluid Engine
8. Set alignment (left, center, or right)

Adding a Button Block (Version 7.0)

1. Edit a page and click an insert point
2. Select Button from the menu
3. Enter button text in Text field
4. Click Attach Link to add URL or other link types
5. Use Design tab to customize size and alignment
6. Click outside editor to save changes

Styling Buttons

Version 7.1:

• Click paintbrush icon while editing
• Under Buttons: customize font, shape, and size
• Under Colors: modify button colors
• Use section themes for varied color schemes

Version 7.0:

• Access Design tab in button block editor
• Choose size (S, M, or L)
• Set alignment (Left, Center, Right)
• Adjust color and shape in site styles

Track Performance

Use form & button conversions to monitor:

• Number of button clicks
• Button conversion rates
• Views-to-clicks comparison

This tracking helps optimize your call-to-action performance and improve user engagement rates.

Related Articles

Previous Articles