[ClickFunnels Page Editor] How to use the ClickFunnels button element

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 you can click file support here so
00:02
in this video I’m just going to go over
00:03
how we can configure and use the button
00:06
element
00:06
I currently have a simple page setup we
00:08
don’t have any content on yet so we’ll
00:10
begin by adding a new element we can
00:12
click form to get a sub section I’m just
00:14
the form related elements we’ll add in a
00:17
but then we can get into the settings by
00:19
clicking on the element or by hovering
00:21
over it and then clicking on the gears
00:23
icon inside the settings there’s a
00:27
number of things that we can adjust
00:28
beginning with the top margin we can use
00:32
edit action to choose what we want the
00:34
button to actually do we can alter the
00:40
button headline text we can also add a
00:43
subtext if we want we can that choose a
00:50
font family
00:58
we can adjust the size of the font we
01:02
can also configure a font size for
01:04
mobile independently and we can do the
01:08
same thing for the sub headline text
01:10
adjusting the size and if we want
01:14
adjusting the mobile size independently
01:19
we can choose a text color and we can
01:24
also alter the background color itself
01:34
if we want we can click on the seams tab
01:37
to choose from a pre-built theme we can
01:43
also click on the Advanced tab to mainly
01:45
configure various options by default the
01:48
style tab is going to be pre-selected we
01:50
can set a button width from fluid which
01:52
will be based on the size of the element
01:55
or the text inside of the element or
01:56
fill width which will fill all of the
02:00
available space in this example I’m
02:02
using a one column row so just filling
02:04
the entire row if I did have a
02:07
multi-column row though it would fill
02:08
the entire column in which it was placed
02:15
we can choose in line slash block have
02:18
it display centered versus permanently
02:23
in lines that will override the button
02:28
alignment if we have that set as well if
02:32
we had if we have it set to a two in
02:34
line we can choose a style from custom
02:38
or a flat line which will just give us a
02:40
outline we can adjust the vertical space
02:47
that will be added to the top in the
02:50
bottom and we can do the same thing for
02:53
the horizontal space which will be added
02:56
on each side
02:58
we can adjust the roundness of the
03:00
corners
03:06
going all the way up to 15 pixels 30% or
03:11
just a square
03:18
we can set a border
03:25
we can add shadows to the box itself
03:34

  • with the texts
    03:37
    we’d use texture information to quickly
    03:42
    change all of the texts so setting it to
    03:45
    all uppercase for example all lowercase
    03:47
    or all capitalized
    03:54
    we can adjust the letter spacing if we
    03:56
    want making it much larger or even a
    03:59
    little bit smaller if we want we can
    04:03
    choose icons as well
    04:04
    the first option icon picker will add it
    04:07
    on the left side and we can choose a
    04:12
    icon picker after which will appear on
    04:13
    the right side
    04:23
    we can choose a button effect if we want
    04:26
    which will animate the button and we can
    04:29
    adjust the button alignment choosing
    04:31
    from left right or center we can get a
    04:37
    few other options by clicking on the
    04:39
    animation tab you can set a time delay
    04:41
    choosing fade in or fade in with scale
    04:43
    if we set this to one minute and 30
    04:45
    seconds for example the element will not
    04:48
    actually appear on the page until 1
    04:49
    minute in 30 seconds after page has been
    04:52
    loaded we can set a animation choosing
    04:55
    on page load or on page scroll on page
    04:58
    load will take effect as soon as the
    05:01
    page is loaded on page scroll will only
    05:03
    take effect when the element in question
    05:05
    comes into view for the user from there
    05:08
    we can choose a style and we can set a
    05:10
    delay in milliseconds so hopefully this
    05:13
    helps clear things up a little bit in
    05:15
    terms of how you can use and configure
    05:16
    the button element if you do some more
    05:18
    questions though or anything like that
    05:19
    definitely go ahead whole episodes for
    05:21
    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.