ClickFunnels Page Editor v2 Overview

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:03
this is my head of customer education
00:06
here at click box and in this video I’ll
00:08
be showing you the new page editor first
00:10
off in order to edit the page in the new
00:12
page editor you’re going to want to
00:13
click on edit page in version 2 I
00:15
recommend holding down the ctrl key if
00:18
you’re on a PC or the command key if
00:20
you’re on a Mac to open the editor and a
00:22
new tab that way you can quickly switch
00:24
back and forth between the editor and
00:26
your funnel dashboard this is useful if
00:30
you want to copy links from other pages
00:32
or steps within your funnel or if you
00:35
need to adjust some settings upload
00:37
digital assets anything like that so
00:39
first off what you’re gonna notice is
00:42
that the layout of the editor has
00:45
changed
00:46
we now have up here at the top all the
00:50
settings and toolbars and right here is
00:54
the exit button so this is what you’ll
00:56
click to exit the page right here is the
01:00
desktop and mobile toggle so you can
01:03
switch that back and forth to preview
01:05
between the desktop and mobile version
01:07
as well as edit in the mobile version
01:09
this button here is where the apps and
01:12
plugins will be added as new features
01:14
moving forwards that way you can enable
01:16
or disable those features this is where
01:19
you’ll access the settings within your
01:22
account this is where the pop-up is here
01:28
you can add or c-sections rows columns
01:32
and elements you can also preview and
01:37
save the page here as well so when you
01:42
go through the new editor you’ll notice
01:45
that when you click on a setting for
01:47
example if I if I click on show pop-up
01:51
it’s gonna show me the pop up here I can
01:53
then edit the pop up settings and the
01:55
settings are gonna pop up over here on
01:57
the right-hand side but when I click off
02:01
the settings they will disappear
02:02
completely in order to contact support
02:04
you’ll click down here on the bottom
02:06
left-hand corner on this form icon one
02:09
of the things that you’ll notice inside
02:11
the new page that
02:11
is the desktop mobile toggle this allows
02:15
you to toggle between the desktop and
02:17
mobile views right within the editor so
02:20
you’ll notice that I can choose the
02:23
mobile view here or the desktop view to
02:25
better illustrate this I’m gonna switch
02:27
to a different page in the funnel that
02:29
already has a template selected I’m
02:32
gonna go ahead and open this page in the
02:33
editor now you’ll notice that when I
02:36
switch to mobile you can see everything
02:37
changes for mobile and desktop and you
02:42
can actually set different images
02:44
elements text to be different on mobile
02:48
devices as well so if I want this image
02:51
to be in a different place on mobile I
02:54
could set this to desktop only and
02:58
that’s gonna take me back to the desktop
02:59
I would need to duplicate it and then I
03:03
would set this one to mobile only that’s
03:05
gonna take me back to the mobile device
03:07
I could then set this image to be a
03:10
different size such as 200 pixels so
03:15
that it takes up less space on mobile I
03:17
can also duplicate sections and set
03:21
sections to be mobile or desktop and as
03:23
you see when I switch back to desktop it
03:25
only shows the elements that belong on
03:27
the desktop or on mobile the elements
03:29
that belong on mobile the other thing I
03:32
can do is with any text element so
03:35
headlines sub headlines input fields
03:38
buttons I can actually set a different
03:41
mobile size for these elements so let’s
03:44
say I want this headline to be a large
03:47
headline on desktop I could then set
03:50
this to be a smaller size on mobile so I
03:56
could even say let’s make that 24 so
04:00
that’s quite a bit smaller I can say I
04:03
want this one to be bigger on desktop
04:06
and then I need to edit that so it
04:09
doesn’t drop down but then I want it to
04:13
be a little bit smaller on mobile so I’m
04:15
going to change that back to 14
04:18
I can also do the same thing with the
04:20
input fields I have the option of having
04:23
a mobile size to make them smaller on
04:27
mobile devices this is helpful to make
04:31
sure that you’re conserving your screen
04:33
real estate on a mobile device I can
04:36
also do the same thing with buttons
04:38
buttons have an optional mobile size as
04:41
well another feature of the version 2
04:44
page editor is the ability to add the
04:47
section templates so if I go to add a
04:50
section here you’ll notice that I can
04:52
choose a layout width I can also choose
04:55
from different calls to action
04:57
these are preset templates that you can
04:59
use and then modify as you desire so we
05:02
have some opt-in forms ebook opt-ins
05:04
video opt-ins all different kinds of
05:07
things I can also see the different
05:10
types of content that are available so I
05:12
could essentially go to a blank landing
05:15
page delete this existing section add a
05:19
new section have a video call to action
05:24
at the top and then I could add a new
05:27
section and that could be maybe a
05:32
breakdown of some information and then I
05:35
could add a new section under that and
05:39
that could be even more information so
05:44
you’ll see quickly I can build out a
05:45
page with elements and text and various
05:49
images to build out that template that I
05:52
want I would then just need to go into
05:54
the button to set this to open the
05:57
pop-up by selecting the open pop-up
06:00
action I can also edit this button by
06:04
changing the color and it’s a mobile
06:06
size as I mentioned previously I can
06:08
also select any of these existing themes
06:10
if I want to change how that button
06:12
looks
06:14
additionally there are advanced editing
06:16
options if I go to the Advanced tab I
06:20
can change a lot of these different
06:22
options here on the button I can choose
06:25
an icon that goes at the front of the
06:28
text
06:29
and then an icon that goes to the right
06:32
of the text as well in order to save
06:39
your sections
06:40
once you have customized the section and
06:43
done what you like you can go to the
06:45
Save icon for your section you can also
06:48
do this with rows so you’ll click on the
06:52
Save icon that’ll bring up the save menu
06:54
and I’m gonna call this the video call
06:59
to action I can save that as a personal
07:02
template now when I go to add a new
07:05
section I can click on my sections and I
07:09
can see the content that I just added
07:12
and then click and drag this onto the
07:15
page and the settings will be the same
07:17
as what I saved one of the things that’s
07:20
new inside the page editor is the
07:22
ability to set your typography you can
07:26
go in here and set the body font and
07:30
then you can also select a different
07:32
headline font you’ll notice that when
07:36
you add text elements there is a sub
07:40
headline and a paragraph element as well
07:42
one of the important things to take note
07:44
of is when you’re editing the settings
07:46
of your sections rows columns and
07:50
elements the settings panel will appear
07:53
on this side and down at the bottom is
07:55
where you change the desktop and mobile
07:57
mobile toggle you can hide the element
08:00
row section or column you can get the
08:02
CSS info or you can delete if I delete
08:08
this it’s going to remove it from the
08:10
page but I could also quickly go back
08:13
here and select one of my templates that
08:15
I added previously to add it back to the
08:18
page I can remove that top section to
08:25
access the column settings you’ll click
08:27
on columns
08:28
and then you’ll need to select the
08:29
column that you want to to change for
08:32
example if I wanted to change the
08:34
background color for just this one
08:35
column I could do so here with the color
08:38
picker
08:40
I would then adjust the padding I could
08:48
go over here and adjust adjust the
08:50
corners as well make some rounded
08:52
corners add a border if I like and
09:04
adjust that however I like the other
09:08
thing that you’ll want to pay close
09:09
attention to is your SEO meta settings
09:12
this is where you’ll change the title of
09:15
the page the page description as well as
09:18
keywords author and the social image
09:20
below you’ll notice that the content
09:23
will change as you change the page so
09:27
I’m going to change this to special
09:30
offer then I’m gonna say act now to get
09:36
this special offer keywords won’t show
09:41
up in the preview but those are for
09:42
these search engines to index I can
09:45
change the name here and then I can pick
09:48
an image to use as my social image now
09:53
you can see the preview as it would show
09:54
up the first one is how it will show up
09:55
in the Google search results and the
09:57
second one is how it would show up on
09:59
Facebook the other thing to be aware of
10:01
is the image manager when you click on
10:05
an image to edit the image you would
10:07
click the image button and then you can
10:10
click the upload directly from your file
10:12
manager or you can drag an image on top
10:15
of this button to add it you can also
10:18
search images on pixabay icon finder or
10:22
unsplash simply type in your keyword so
10:26
if I wanted to look at houses I could
10:28
search and it’s gonna show me all the
10:31
houses that are on pixabay I could then
10:34
have the image like double clicking and
10:38
that’s going to add it to my image
10:40
manager inside my account once that is
10:43
done I’ll need to double click on the
10:45
image to add it to the page if you’ve
10:48
integrated with your you sign account
10:49
you can pull in any images from your
10:52
user account
10:53

  • your clickfunnels account I’d also
    10:56
    like to point out the general settings
    10:58
    for your page this on submit go to this
    11:03
    is your redirect over by default when
    11:06
    someone submits the form on the page
    11:08
    it’s going to take them to the next page
    11:10
    in the funnel however if you put a
    11:12
    different URL here you can send them to
    11:14
    a third-party page or a different page
    11:15
    inside your clickfunnels account you can
    11:18
    set your digital assets here and by
    11:20
    selecting it from the drop-down you can
    11:22
    choose whether or not to show the
    11:23
    affiliate ads on the page and whether or
    11:26
    not to index the page in search engines
    11:28
    you can also save this entire page as a
    11:30
    template to use throughout your account
    11:34
    [Music]

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.