Button block

```mediawiki Navigation: Main_Page > Pages > Button block

Add a Button block to your ActiveCampaign page

Introduction

The Button block feature in ActiveCampaign allows users to create interactive call-to-action buttons on landing pages. This feature is crucial for enhancing user engagement by guiding visitors towards specific actions, such as downloading files, sending emails, or navigating to different sections within a page. Utilizing a Button block effectively can significantly improve conversion rates by providing clear, actionable paths for users.

How to Access the Button Block

To access the Button block, navigate to the page editor within your ActiveCampaign account. Here, you will find the button block available in the right pane of the page builder. This accessibility ensures that adding interactive elements to your web pages is both intuitive and straightforward.

Step-by-Step Instructions

To insert a button into your page layout, follow these steps:

1. From the page editor, find the Button block in the right pane and drag it into your desired layout position.
2. To edit the text displayed on the button, double-click the block within your layout and type the new text.
3. To adjust the button style and define its action, click on the block in your layout. The right pane will display all style and action options available for your button.

Configuration Options and Settings

The following options can be configured for the Button block. Each option allows you to tailor the button's appearance and functionality to fit your page's design and objectives:

1. **Visibility**: Choose whether the button should be visible on Mobile, Desktop, or on both. 2. **Button Width**: The default button width is set to Auto. You can customize this width using either percentage (%) or pixels (px). 3. **Button Styles**: Select the desired color, size (small, medium, or large), and shape (square, rounded, or pill) for your button. 4. **Button Theme**: Use the dropdown to choose from different themes for your button, including flat, blocky, bubbly, or outlined. 5. **On Click**: This dropdown allows you to define what happens when the button is clicked. Available actions include:

  - Default (nothing happens)
  - Open link
  - Jump to section
  - Download file
  - Print image
  - Call phone
  - Send email
  - Custom code

After selecting an action from the On Click options, further configuration settings may be presented. Additionally, users can choose to toggle page metrics for the button block within this section. For more information about page metrics, please refer to the [ActiveCampaign documentation](https://help.activecampaign.com/hc/en-us/articles/4418241188764).

Best Practices and Tips

- **Clear Call-to-Action**: Ensure that the text on your button clearly conveys the action you want users to take, such as "Download Now" or "Contact Us". - **Styling Consistency**: Maintain consistent button styles across your page to enhance branding and user experience. - **Test Visibility**: Utilize the visibility settings to ensure buttons are appropriately displayed across devices, catering to your audience's preferences. - **A/B Testing**: Consider running A/B tests with different button texts and styles to determine which versions yield better engagement from your audience.

Common Use Cases with Examples

1. **File Downloads**: Use the Button block to allow users to download promotional materials, such as PDFs or images (supported formats: jpg, png, pdf). 2. **Contact Initiatives**: Implement a button that allows users to call your business or send an email directly, encouraging direct communication. 3. **Event Registrations**: Use a button to link to registration forms for events or webinars.

Troubleshooting

If you encounter issues while using the Button block, consider the following tips: - Ensure that any links you add in the On Click settings are correctly formatted and lead to the intended destination. - Check the button visibility settings to confirm it is not inadvertently hidden on mobile or desktop versions of your page. - If a button is not functioning as expected, double-check the assigned action in the settings to make sure it aligns with your goals.

FAQ

Q: What file types can be downloaded using the Button block? - The supported file types are jpg, png, and pdf.

Q: Is there a limit to the number of Button blocks I can add to a page? - No, there is no limit to the number of buttons that can be added to your page or page template.

Q: How can I duplicate a Button block? - To duplicate a button, click the block you wish to duplicate and then click the duplicate icon in the top right corner.

Q: Can I customize the styles of the Button block? - Yes, you can adjust the width, color, size, shape, and theme of the button based on your preferences.

Q: Is there a way to measure the performance of my Button block? - Yes, you can enable page metrics for the button within the On Click settings, which allow you to track interactions.

Q: How do I delete a Button block? - To delete a button, click the block you wish to remove and select the trash icon in the top right corner.

By following the instructions and guidelines laid out in this article, you can effectively utilize the Button block feature to enhance user engagement and improve the functionality of your ActiveCampaign pages. ```