Add dividers

```mediawiki Navigation: Main_Page > Pages > Add dividers

Add dividers to your page layout

Introduction

The ability to add dividers to your page layout in ActiveCampaign is essential for creating visually appealing and well-organized content. By using the Divider block, you can effectively break up sections of your page, enhancing readability and user experience. This feature is particularly important for landing pages, where clear separations between content can lead to better engagement and conversions.

This article will guide you through the process of adding and styling dividers in your pages, ensuring you make the most of this feature to present your content effectively.

How to Access This Feature

To begin using the divider feature, access the Pages section in your ActiveCampaign account. Make sure you are subscribed to one of the plans that support this feature, namely the Plus, Pro, or Enterprise plan.

Step-by-Step Instructions

Inserting a Divider

1. Navigate to the Website menu and click on Pages to access your Pages overview. 2. Select the name of the page you want to edit, or click the Edit Design button to enter the page editor. 3. In the page editor, find the Divider block in the block options and drag it to your desired location in the page layout.

Styling the Divider

Once the divider has been added, you can customize its appearance: 1. Click on the divider block to open the style and editing options in the right pane. 2. Adjust the following settings:

  - Thickness: Set the thickness of your divider in pixels. The default thickness is set to 1 pixel.
  - Divider Color: Change the color of your divider using options pulled from your theme's color palette.
  - Divider Theme: Choose between two themes: solid (default) or blended. If you'd like to customize a divider different from the rest on the page, uncheck Use Shared Theme.

Duplicating a Divider

To duplicate a divider: 1. Click on the divider block you wish to replicate. 2. Select the duplicate icon located in the top right bar to create a copy.

Deleting a Divider

If you need to remove a divider from your page layout: 1. Click the divider block you wish to delete. 2. Click the trash icon found in the top right bar to remove the block.

Configuration Options and Settings

Within the Divider block, you have several configuration options that allow for personalization: - Thickness can be defined in pixels to suit different design needs. - Divider Color allows you to select from your theme's palette for consistency. - Divider Theme provides two styles to choose from, enhancing the visual diversity of your landing page.

By leveraging these options, you can ensure that your dividers fulfill both aesthetic and practical roles in your layout.

Best Practices and Tips

- **Use Dividers Sparingly**: Overusing dividers can create a cluttered layout. Use them to delineate significant sections or transitions in content. - **Align with Theme Colors**: Make sure your divider color complements your overall page design. This maintains a professional and cohesive appearance. - **Consistency**: If using multiple dividers, consider using the same thickness and color for uniformity across your page. - **Preview Changes**: Always preview your page after making changes to ensure that the dividers enhance readability rather than distract from the content.

Common Use Cases with Examples

- **Landing Pages**: Use dividers to separate different sections of an offer, guiding users through the content logically. - **Blog Posts**: Break up long articles with dividers to create a more digestible experience for the reader. - **Event Promotions**: Use dividers to distinguish between different event details, such as dates, venues, and special instructions.

Troubleshooting

If you encounter issues with adding or editing dividers, consider the following: - Ensure you’re using a compatible plan that allows access to the divider feature. - If a divider is not displaying as expected, check the style settings to confirm proper thickness and color are applied. - Refresh the page editor if the changes do not appear immediately after editing.

Related Features

- For more in-depth customization options, see the articles related to Pages and other page building blocks available in ActiveCampaign.

FAQ

Q: Can I add multiple dividers on the same page? A: Yes, you can add as many dividers as you need to your page layout.

Q: What happens if I delete a divider? A: Once you delete a divider, it cannot be undone. It's advisable to duplicate dividers instead if you might need them later.

Q: Can I customize the color of my divider? A: Yes, the divider color can be customized from the theme’s color palette.

Q: Is there a limit to the thickness of dividers I can set? A: No, there is no explicit limit, but extreme values can affect design visually.

Q: Do dividers affect the mobile view of my page? A: Dividers are designed to work responsively, but always check how your page looks on mobile devices after making changes.

Q: Can I re-order dividers once added? A: Yes, you can drag and drop dividers to re-order them within your page layout.

Q: Are there any predefined styles for dividers? A: You can choose between two themes for your dividers: solid and blended.

By following this guide, you will be equipped to effectively utilize the Divider feature in your ActiveCampaign pages, creating clear and organized content layouts. ```