Campaigns Nav Bar Block

The Nav Bar Block provides a header at the top of your Campaigns microsite.

When to Use the Nav Bar Block

The Nav Bar Block is typically used at the very top of your campaigns microsite. It's recommended for:

• Maintaining brand consistency across your campaign pages
• Creating a professional, polished appearance for your campaign

Elements

The Nav Bar Block includes the following customizable elements:

Logo Image

• Default: An image placeholder will appear until you add your logo
• Purpose: Displays your company logo
• Customization: Click directly on the logo to edit. You can upload your logo image via URL or file upload, and set the size to small, medium, large, or extra large.
• Link: Automatically links to your company URL
• Best Practice: Use a transparent PNG file for best results

CTA (Call to Action)

• Default: Uses the secondary button style from your theme
• Purpose: Provides a navigation or action button
• Customization: Click directly on the CTA to edit. You can change the button text and enter a destination URL.
• Best Practice: Keep the text concise (1-3 words)

Layout & Styling Options

To access the Nav Bar Block settings, click on the block and then click the settings menu (wrench icon).

Theme

• Options: Dark or Light theme
• Customization: Select the theme that works best with your logo and overall site design
• Best Practice: Choose a theme that provides good contrast with your logo and CTA button

Background Color

• Default: Uses your brand's dark color
• Customization: Select from your brand color palette
• Best Practice: Choose a color that provides good contrast with your logo and CTA button

Prospect Logo Option

• Feature: You can choose to include the prospect's logo alongside your own
• Effect: When enabled, displays two logo elements in the nav bar
• Best Practice: Consider your relationship with the prospect and campaign purpose when deciding whether to include their logo

How to Edit the Nav Bar Block

1. Access Block Settings: Click on the Nav Bar Block, then click the settings icon to access block-specific layout and styling options
2. Edit Logo: Click directly on the logo image to open the logo editing menu
   • Enter a URL or upload a file
   • Set a destination URL for the logo link
   • Select the logo size (small, medium, large, or extra large)
3. Edit CTA: Click directly on the CTA button to edit
   • Change the button text
   • Enter a destination URL

Best Practices for Nav Bar Block

1. Keep it simple: The navigation bar should be clean and uncluttered
2. Ensure logo quality: Use a high-resolution logo image that looks clear at all screen sizes
3. Consider mobile users: Test how your nav bar appears on mobile devices
4. Maintain contrast: Ensure text and logo are clearly visible against the background color
5. Use consistent styling: Match the nav bar styling with your overall brand guidelines

Common Questions

Q: Can I add multiple CTAs to the Nav Bar? A: The standard Nav Bar Block includes one CTA. If you need additional navigation links, consider customizing your campaign template.

Q: What size should my logo be? A: For optimal display, your logo should be at least 150px wide while maintaining the correct aspect ratio. The height will automatically adjust.

Q: Can I change the position of the logo and CTA? A: The standard layout places the logo on the left and CTA on the right. This layout provides the best user experience and follows web conventions.