Editing 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.
```