[ClickFunnels Page Editor] How to use the Navigation Element in ClickFunnels

ClickFunnels™ Helpdesk Support Video

ClickFunnels™ Gives You EVERYTHING You Need To Market, Sell and Deliver Your Product Online!

:arrow_right: Start Your Free 14 Day Trial

Sign-Up Takes Less Than 60 Seconds.

YouTube Transcript: English (auto-generated)

00:00
[Music]
00:08
hey you can click file support here so
00:11
in this video I’m just going to go over
00:12
how we can configure the navigation
00:14
element I just want to start off by
00:16
noting that you can always build your
00:17
own if you want so for example we could
00:19
add a five column row add in a text
00:25
element we probably want to shrink the
00:27
size of that
00:44
then place a text element in each column
00:49
and hyperlink each element independently
01:00
however because this is something that
01:02
people often do we’ve created an element
01:04
that makes this a lot easier so we’ll
01:10
add it in a one column row we now have a
01:12
simple page setup but no content so
01:13
we’ll start by adding in an element we
01:16
can click on content to get a sub
01:18
selection of just the content related
01:19
elements we’ll add in a navigation
01:21
element we can get into the settings by
01:24
clicking on the element itself or by
01:26
hovering over it and clicking on the
01:28
gears icon here there’s a number of
01:30
things we can adjust starting with the
01:32
top margin then we can configure the
01:37
navigation options themselves each link
01:42
text will be the text that you actually
01:44
want to make visible to the user and the
01:49
second line here will be the link that
01:51
you actually want to place you can use
01:53
some built-in options here to example to
01:56
for example open a pop-up submit a form
01:58
go to the next step in the page close a
02:01
pop-up if this happened to be a IOT Oh
02:04
page you could also use the yes and no
02:05
links here or scroll to a particular
02:07
section typically though this will be
02:09
used to navigate to other pages in your
02:11
funnel scrolling down from there we can
02:16
adjust the font size and we can choose
02:21
that the color that we want the links to
02:22
appear before they’re actually clicked
02:24
we can get some additional configuration
02:27
options by clicking on the Advanced tab
02:28
by default the style tab will be
02:31
pre-selected first we can choose how
02:34
many links we actually want to appear
02:35
from 2 to 5
02:41
so there’s five built-in options here
02:43
but the later ones will only appear if
02:47
we have the correct amount of links
02:49
selected here
02:56
you can also adjust the tax to weight
02:59
choosing from normal or bold and finally
03:03
we can adjust the alignment choosing
03:04
from center left or right we can get
03:09
some additional configuration options by
03:11
clicking on the animation tab here we
03:13
can choose to set up a time delay
03:15
choosing from fade in or fade in with
03:16
scale if I set this see one minute 30
03:19
seconds for example the element in
03:21
question will not appear on the page
03:22
until 1 minute and 30 seconds after the
03:24
page has been loaded we can also set up
03:26
an animation choosing from on page load
03:28
or on page scroll on page load will take
03:30
effect as soon as the page is loaded on
03:32
page scroll will only take effect when
03:34
the element in question actually comes
03:35
into view for the user finally we can
03:38
choose a style and set a delay in
03:40
milliseconds the navigation element
03:44
allows you to quickly and easily add up
03:46
to 5 links however it can be used in
03:50
conjunction with other navigation
03:52
elements to increase this number so for
03:54
example if we wanted to have 6 links we
03:58
could add a two column row add a
04:03
navigation element to the left hand
04:05
column and add a second navigation
04:07
element to the right hand column and we
04:09
can further adjust things here by
04:11
playing with the padding and margins for
04:15
the row and the column as well as the
04:17
justification inside of the elements
04:19
itself
04:29
and obviously with this you could vote
04:31
that or even further going with three
04:32
rows and with each one of these well
04:34
have three things selected I could set
04:37
that to five links
04:48
and by adjust the size of the section
04:50
and it’s in it will then display ten
04:52
links in a row well only having to set
04:55
up two elements so hopefully the
04:58
substitute things up a little bit in
04:59
terms of how you can configure the
05:00
navigation element inside of the
05:02
clickfunnels editor if you do some more
05:03
questions or anything like that
05:04
definitely go ahead let us know in sport
05:06
chat

ClickFunnels™ Gives You EVERYTHING You Need To Market, Sell and Deliver Your Product Online!

:arrow_right: Start Your Free 14 Day Trial

Sign-Up Takes Less Than 60 Seconds.