[ClickFunnels Page Editor] How to use the headline 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
hey a human could fall in support here
00:02
so in this video I’m just going to go
00:03
over the tax element I have a simple
00:05
page setup that currently has no content
00:07
so we’ll begin by adding in the element
00:09
you can click text to get a subsection
00:12
of just the text elements then we can
00:14
choose headline now the text elements
00:18
work a little bit differently than some
00:19
of our other elements if we click on it
00:21
instead of opening the settings on the
00:23
right hand side it will open this text
00:25
editor with the headline text by default
00:29
it will all be bold it however we can
00:32
unbold we can also italicized underline
00:40
and strikethrough
00:45
we can change the justification - left
00:50
right or center
00:54
and we can hyperlink some or all of our
00:57
tax
01:02
to get into the settings for the element
01:03
you can hover over the element and click
01:06
on the Settings icon here alternatively
01:09
we can go into the elements menu and
01:10
click manage then choose the elements in
01:14
question from here there’s a number of
01:17
things that we can configure starting at
01:20
the bottom with the text type we can
01:22
choose contacts or headline and these
01:28
will pull from your default settings and
01:30
settings typography
01:48
going up from there we can set an
01:50
opacity from zero or none all the way up
01:53
to heavy fade we can choose a border
01:58
color an icon color we can set a
02:02
background for the elements as a whole
02:08
we can choose colors independently for
02:11
bold or and regular text
02:20
we can choose a font family which will
02:23
override our settings from the text type
02:28
we can adjust the size and we can set
02:32
aside for mobile independently
02:40
finally we can adjust the top margin we
02:44
can get some more configuration options
02:46
by going into the Advanced tab for this
02:49
portion of the demonstration I’m going
02:50
to add a new headline element and add
02:58
some additional text to make some of the
03:00
features I’m going to show off a little
03:01
bit more obvious I’ll also note we can
03:04
go directly from this text editor into
03:07
the settings for the element as a whole
03:09
by clicking on the gears icon on the
03:10
right hand side from there we’ll go into
03:15
advanced by default the style tap will
03:18
be pre-selected for us here we can
03:21
adjust the number of things we can
03:23
change the line height
03:28
we can use the texture information to
03:32
set everything to uppercase lowercase or
03:36
capitalization we can adjust the letter
03:40
spacing making it much larger or even a
03:44
little bit smaller we can add a text
03:48
shadow
03:53
we can configure how many columns we
03:55
would like this textile to use one two
03:59
three or four
04:05
we can choose an icon
04:10
the color for which is that via the
04:11
settings
04:22
as I mentioned earlier this is where we
04:24
can also configure a border which will
04:26
now become more apparent when we set up
04:28
the border again via advanced styles
04:33
we’ll begin by choosing full border
04:36
bottom only top bone are both top and
04:38
bottom in this example I’m going to use
04:40
full border to make it as obvious as
04:42
possible then we can set a border style
04:45
from solvent dashed or dotted and
04:48
finally we can configure the size from 1
04:52
all the way up to 10 pixels
05:00
we can set a border radius which will
05:04
adjust the corner from zero to slightly
05:09
around it all the way up to 150 we can
05:15
choose whether we want that to apply to
05:18
all edges only the top or only the
05:22
bottom
05:26
the two other options available in size
05:28
are padding
05:36
and shadow
05:38
if we choose drop shadow the shadow will
05:40
appear outside of the border of the
05:42
element and if we choose inner shadow it
05:47
will show up inside the CL and its
05:49
itself finally we can click on the
05:51
animation tab here and set a time delay
05:53
where we can choose faded or fade in
05:56
with scale if I set this to one minute
05:58
and thirty seconds for example this
06:00
element will not appear on the page for
06:02
one minute and thirty seconds we can
06:06
also choose an animation we can set that
06:09
to on page load which will take effect
06:11
to the page initially loads or on page
06:14
scroll which will only take effect when
06:16
the elements question comes into view
06:18
for the user additionally we can
06:21
configure a style and we can set up a
06:23
delay in milliseconds so hopefully this
06:25
helps clear things up a little bit in
06:27
terms of how you can use and configure
06:28
the headline elements inside of the
06:30
clickfunnels editor if you do small
06:31
questions over anything like that
06:32
definitely go ahead will let us know in
06:34
support check

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.