Navigation block

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

Add a Navigation block to your ActiveCampaign page

Introduction

The Navigation block is a crucial feature in ActiveCampaign that allows you to guide visitors around your landing page and website. This feature enhances user experience by enabling navigation to different sections, downloading files, or opening links directly through clickable items. By effectively utilizing the Navigation block, you can ensure that visitors easily find important information, which can lead to higher engagement rates and improved conversion rates.

How to Access This Feature

To access the Navigation block, you need to be within the ActiveCampaign page editor. This block can be found in the right pane along with other building blocks available for your page layout. You must have an active plan that includes access to this feature, specifically the Plus, Pro, or Enterprise plans.

Step-by-Step Instructions

Adding and configuring a Navigation block involves a series of straightforward steps:

Step 1: Add the Navigation Block

1. From the page editor, drag the Navigation block into your desired position within the page layout.

Step 2: Edit the Default Text

2. The default navigation text appears as "Home." To customize this, double-click on the text within the layout. Type your intended text over the default "Home" text. A modal toolbar will appear, allowing you to style your text. You can apply various formatting options such as making it bold, italicized, underlined, or changing the font size.

Step 3: Add Additional Navigation Items

3. To include more items in your navigation bar, click the + button next to Navigation Items in the right pane. This action will add a new item to your Navigation block.

Step 4: Assign Actions to Navigation Items

4. By default, navigation items do not perform any action when clicked. To assign an action:

  - Select the block on your layout.
  - In the right pane, click the specific navigation item you wish to configure.
  - A modal window opens, featuring a dropdown field. Click this dropdown to select an action such as opening a link, jumping to a section, downloading a file, printing an image, calling a phone number, or sending an email.
  - For the Jump to Section option, ensure that you have set an ID to the target section.

Step 5: Save Your Changes

5. Once you've completed your configuration, click the checkmark button to save your changes.

Configuration Options and Settings

The Navigation block provides several configuration options to enhance its functionality and appearance:

Navigation Theme

- A newly added navigation block shares its theme with other navigation blocks by default. Uncheck Use Shared Theme to customize its appearance independently.

Navigation Items

- Add a navigation item by clicking the grey + in the top-right corner. - Rearrange items by dragging and dropping them using their grey || handle. - Remove an item by clicking the red x next to it.

Navigation Styles

- Adjust the color, size, and alignment of the navigation:

  - Click the left square to modify its color, which is determined by your page theme's color palette.
  - Choose from small, medium, or large sizes.
  - For alignment, select from left, center, or right.

Hide Logo

- Enable or disable the visibility of the navigation logo by toggling the Hide Logo option.

Replace Logo Image & Alt Text

- You can replace the logo image and add alt text for accessibility.

Logo On Click

- Assign actions for when the navigation logo is clicked, selecting from options like Open Link, Jump to Section, etc.

Best Practices and Tips

To maximize the effectiveness of your Navigation block: - Ensure that navigation items are clearly labeled, indicating their functions. - Utilize the styling options to maintain consistency with your overall branding. - Regularly test the navigation to verify that all links and actions perform as intended. - Consider user experience; keep navigation simple and intuitive to improve user engagement.

Common Use Cases with Examples

- **Section Navigation**: Use the Navigation block to allow visitors to jump to different sections of a long landing page. This is especially useful for one-page sites with multiple topics. - **File Downloads**: Provide downloadable resources, such as eBooks or whitepapers. Users can click the navigation item to download a PDF file directly from your page. - **Contact Options**: Implement a navigation item that initiates a phone call for mobile users or opens a calendar link for scheduling appointments.

Troubleshooting

If you encounter issues with the Navigation block: - Ensure that you have correctly assigned actions to each navigation item. - Check that the correct file formats (jpg, png, pdf) are being used if you're enabling file downloads. - Make sure to save your changes before exiting the editor to prevent any loss of progress.

Related Features

For more information on how navigation can enhance your ActiveCampaign experience, consider exploring these features: - Pages - Design

FAQ

Q1: What types of actions can I assign to a navigation item? A1: You can assign actions such as opening a link, downloading a file, jumping to a section, printing an image, calling a phone number, or sending an email.

Q2: Can I change the default "Home" text? A2: Yes, you can double-click the default "Home" text to edit it to your preferred title.

Q3: What file types can be used for downloads? A3: The supported file types for downloads are jpg, png, and pdf, with a maximum file size of 5MB.

Q4: How do I customize the appearance of the navigation block? A4: You can customize the appearance by adjusting color, size, alignment, and even hiding the navigation logo through the editing options provided.

Q5: Can I remove a navigation item after adding it? A5: Yes, you can delete a navigation item by clicking the red x next to the item in the right pane.

Q6: Is the Navigation block available in all ActiveCampaign plans? A6: No, the Navigation block is available only in the Plus, Pro, and Enterprise plans.

Q7: What should I do if a navigation item isn’t working properly? A7: Verify that you have assigned an action to the item, and ensure all links are correct and functional.

This article provides a detailed overview of the Navigation block, its features, and how to implement it effectively in your ActiveCampaign pages. For more information, feel free to explore related sections or consult the ActiveCampaign documentation. ```