Navigation Tab

Navigation Tab in the Design Functionality

The Navigation tab in the Design Functionality offers extensive customization options for your landing pages’ navigation menu, site name design, and call-to-action (CTA) buttons. These settings ensure that your lead capture landing pages’ navigation is not only functional but also aligns with your overall design aesthetics.

Navigation Menu Style

Customize the appearance of your LeadsWithDemos landing pages’ main navigation menu with the following settings:

Text Size

Set the default size for text in the navigation menu to ensure readability and visual appeal.

Text Style

Choose the default style for navigation text, such as bold, underlined, or strikethrough, to match your landing pages’ design.

Background Color

Select a color for the navigation menu’s background to align with your overall color scheme.

Line Height

Adjust the spacing between lines of text in the navigation menu for improved readability and aesthetic balance.

Font Family

Choose a font for the navigation menu text from a range of options available in the Font Family settings, ensuring consistency with your landing pages’ typography.

Shadow Color

Pick a color for any shadow effects in the navigation menu. Set it to fully transparent if no shadow is desired, offering versatility in design.

Letter Space

Set the spacing between letters in the navigation menu text to enhance legibility and visual appeal.

Text Color

Select a color for the navigation menu text, ensuring it contrasts well with the background for clarity.

Active Link Color

Choose a color to highlight the active link in the navigation menu. This is ideal for helping users identify which landing page they are currently on.

Site Name Design

In LeadsWithDemos, you have the option to add a logo to your landing pages. If you choose not to use a logo, the platform will display the site’s name in the navigation menu. Customize its appearance with the following settings:

Text Size

Define the size of the site name text in the navigation menu to ensure it’s appropriately scaled.

Text Style

Select a style for the site name text, such as bold, italic or strikethrough text, to match your landing pages’ overall design.

Background Color

Choose a background color for the site name area, ensuring it complements or contrasts effectively with the overall navigation menu.

Line Height

Adjust the line height of the site name text to enhance readability and visual appeal.

Font Family

Pick a font for the site name from the available options, aligning with your landing pages’ typography.

Shadow Color

Set a shadow color for the site name text to add depth or visual interest. If a shadow is not desired, you can opt for no shadow.

Letter Space

Control the spacing between letters in the site name for better legibility and aesthetic quality.

Text Color

Choose a color for the site name text that stands out or blends well with the navigation menu’s design.

CTA Buttons

Add and customize up to two call-to-action (CTA) buttons in your LeadsWithDemos landing pages’ navigation to effectively guide your potential leads’ actions.

Enable CTA Button 1

Toggle on/off to add or remove the first CTA button. When enabled, this feature allows you to craft a visually appealing and strategically placed CTA, increasing engagement from potential leads. Customize its appearance with the following settings:

Button text

Define the text to convey a clear call to action, directly influencing user interaction.

Button URL

Set a destination URL, directing traffic to other landing pages or external pages.

Open CTA button in new tab

This on/off toggle lets you decide whether to open the link in a new tab, enhancing potential leads experience by keeping your landing page accessible.

CTA Button 1 Design

Customize these elements to create a visually appealing button that aligns with your landing pages’ design and draws potential leads’ attention.

Text Size

Define the text size within the button, ideal for readability and visual impact.

Text Style

Select the style (e.g., bold, italic or strikethrough text) for the button text, for emphasis and brand consistency.

Line Height

Adjust the spacing between lines in the button text for text clarity and aesthetics.

Font Family

Choose a font for the button text to match your landing pages’ typography.

Letter Space

Set the spacing between letters in the button text to fine-tune for readability and style.

Text Color

Pick a color for the button text to complement or contrast with the button’s background.

Background Color

Choose a background color for the button to catch the user’s eye.

Border Width

Specify the width of the button’s border to add prominence or subtlety to the button.

Border Color

Select a color for the button’s border to tie in with your color scheme.

Border Radius

Adjust the curvature of the button corners to affect its overall style.

CTA Button 1 Design on Hover

Enhance the button’s interactivity with these hover-specific settings, making the button more dynamic and engaging.

Text Color

Change the text color when the button is hovered over to signal interactivity to your potential leads.

Border Radius

Modify the border radius on hover for a subtle effect.

Background Color

Alter the background color on hover to highlight the button.

Letter Space

Adjust the letter spacing on hover for a stylistic change.

Border Color

Change the border color on hover to add an interactive element.

Enable CTA Button 2

Toggle on/off to add or remove the second CTA button. When enabled, this feature allows you to craft another visually appealing and strategically placed CTA, further increasing potential lead engagement. Customize its settings by adjusting the CTA Button 2 Design and CTA Button 2 Design on Hover, which have the same structure as CTA Button 1.