Quick Fix: Scrolling to Any Part of Your ClickFunnels 2.0 Page
Channel: Dan Havey
Date: 2022-10-26

For More Training on ClickFunnels 1.0 and 2.0, Membership Sites, Courses and Custom Code Hacks - Go To https://CFninjas.com

Check out the One Funnel Away Challenge here… https://funneldesignmastery.com/ofa-challenge

Hey there, welcome back! This is Dan Havey with CF Ninja Hacks, and today, we’re diving into a question from Francis. He wanted to know if you could set it up in ClickFunnels 2.0 so that clicking a button in a navigation element would scroll down to any part of the page. Let’s get into it and see how we can make this happen.

First, let’s look at our navigation element. When you click on "About Us," you’ll notice it has a custom Action Link. Now, this Action Link can be changed to a custom URL, but it defaults to the Action Link. If you try putting a hashtag, it won’t give you much information. So, what do we do? Well, we need to scroll to a specific part of the page. I’ll show you how.

We start by identifying the element we want to scroll to. For example, I’ve got an element named "scroll here." But changing the name alone doesn’t do much. You need to generate an ID for that element. ClickFunnels 2.0 gives each element a unique class identifier. So, we generate the ID, copy it to the clipboard (without the hashtag), and then use this ID in our custom Action Link in the navigation element.

Next, we go to our navigation element, like "About Us," and paste the ID there with a hashtag. This way, ClickFunnels 2.0 knows exactly where to scroll. It’s crucial to remember that in ClickFunnels 2.0, every element has a unique class, unlike 1.0 where IDs were used more broadly. After setting this up, save your changes and preview the page. Clicking on the button should scroll you right to the target element.

We can also do this with hyperlinks and buttons. Just create a hyperlink, paste the generated ID with a hashtag, and you’re good to go. This method works smoothly for buttons and hyperlinks within the navigation element. However, it seems that scrolling doesn’t work for images in ClickFunnels 2.0. I tried it, and it just didn’t function the way it does for text elements and buttons.

So, to sum it up, you can scroll to any element in ClickFunnels 2.0 by generating an ID for the target element and using that ID in your navigation element’s custom Action Link or hyperlink. Just remember, it works for buttons and text links, but not for images. If you have any more questions or run into any issues, feel free to reach out. Happy funnel building!