ClickFunnels: How to Add a Navigation Bar With Page Links (Option 1)

Get Your Free 14 Day Trial Of ClickFunnels Here!!

If you need help with a specific issue and want me to personally take a look at your setup, I can help! Check out the ‘My Services’ section of my blog:

Counting how many links we want to have: 0: 45

Adding the navigation bar: 1: 26

Adding titles to the menu: 4: 10

Making the menu scroll to the corresponding location: 5: 20

Preview: 8: 28

What is the downside with this option?: 8: 53

Check out my video on how to add your own FULLY CUSTOMIZABLE vertical navigation bars using custom CSS (I give you my code to simply copy and paste) –

Check out my video on how to add your own FULLY CUSTOMIZABLE horizontal navigation bars using custom CSS (I give you my code to simply copy and paste) –

Welcome back! Last post we discussed how you can set a really cool Clickbank Trust Badge onto your ClickFunnels webpage and customize it based on your choice so that your website can look more authentic to your visitors.

But I wanted to jump gears in this post a little and talk about navigation bars.

So suppose you have a super-duper-puper-fuper-chluper long landing page.

Suppose you want your customers to feel comfortable on your landing page and be able to navigate to any area within your page with a click of a button… Well you can set that up… with the navigation bar option.

Let’s just straight to it!

1) Log into your ClickFunnels account.

2) Go to your desired page edit mode.

3) Add a new column block, whether it’s 1, 2, 3, etc…

4) Select the ‘Navigation’ panel, which is 3rd left from the bottom.

Ta-da! You’re done!

We’re done right?

Absolutely not.

Now we have to LINK each of your menu options above with the desired area you want the page to go to when clicking on it.

Suppose your first menu option says ‘testimonials’, and you want it to scroll to the ‘testimonial’ area of your landing page.

5) Go to the exact place you want the page to scroll down to upon menu item being clicked.

6) Click on the gear icon of the corresponding section. So for example, if I want the page to scroll down to the word ‘TESTIMONIALS’, I will click on that element’s gear icon.

7) At the top right corner of that element’s popup window, copy the ‘element ID’.

8) Click on the gear icon of your navigation panel.

9) On the word that you want to be clicked on so it scrolls to the ‘testimonials’, PASTE the element ID you have just copied. So if I want the menu word ‘testimonials’ to lead down to the part of my page that has the testimonials, I will paste that element ID into the part that says ‘link URL’.

That is it. So now, when people click on the ‘testimonials’ menu option you have at the top (or wherever you have put it), it will instantly appear on your testimonials part.

There is a problem with this method however, and that is that if you have ANY animations on that part of the page that is being scrolled to, the animations will NOT appear if they are programmed to be ‘on scroll’.

That’s because if you use the navigation panel this way, your page is not SCROLLED to the area of the page, it just instantly jumps there.

To solve this dilemma, I explain how you go an alternative route in setting navigation bars in this next video.

Here is the link to option 2:

It is very useful when your landing page is very long and you want to direct your customers toward specific parts of your page.

Don’t want to see my face or hear me talk?

No problem! Read this stuff on my blog at:

Here is my affiliate link for ClickFunnels. If you want to learn more about how it works, try ClickFunnels out FREE for 14 days!

ClickFunnels is a very simple and easy-to-use website builder that can be used by anyone, for anything.

In my next video, I will show you how to add a different kind of menu at the top of your page to avoid the scrolling problem we have encountered.

Like my Facebook page!: s

You May Also Like