How to add new rows and columns to a ClickFunnels page

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 human quit ball sport here so in
00:03
this video I’m just going to go over how
00:04
we can add and configure rows I have a
00:07
page set up here with one section but we
00:09
haven’t added in eros yet
00:11
to add a row we can hover over it and
00:12
click the add new row button they’ll
00:15
then bring up a menu on the right-hand
00:16
side where we can select how many
00:17
columns we want in that row if you have
00:19
when you saved custom rows you can also
00:21
choose those to add it there’s a couple
00:25
ways we can do it first of all you can
00:27
double click once you have some rows on
00:33
the page we can hover over and click
00:35
this plus button with the add new robot
00:38
and it will bring up the menu again the
00:42
second way that we can add rows will be
00:45
to drag and drop and I can add it above
00:49
my existing row or below my existing row
00:53
finally we can also add rows via the
00:55
rows menu can hover over that and click
00:58
Add row which will again open up this
01:01
menu on the right hand side and from
01:03
there we can double click or drag and
01:05
drop
01:11
once we have the Rose setup we can also
01:13
do some configuration there’s two ways
01:16
to approach this one is to hover over
01:18
the row in question and click on this
01:20
blue gears Settings icon to bring up the
01:24
settings or we can use the roll menu
01:26
hover over click manage it will show you
01:30
all of your existing rows you can scroll
01:33
over each one and it’ll get highlighted
01:35
in blue to make it a little bit more
01:36
obvious which one you’re about to choose
01:38
or select and then you can do a single
01:41
click to get into the settings for it so
01:45
starting at the top we can add a top
01:46
margin which will float it down from the
01:49
row that exists above it in the page
01:52
template we can set a background image
01:55
and we can also set a background color
02:06
in addition to the background color we
02:08
can also choose a default text color at
02:13
this point I’m going to add a single
02:15
image element just to make some of these
02:17
other settings a little bit more
02:18
apparent
02:33
going down we can choose the width which
02:37
is going to be what percent of the total
02:40
default size of the row you want to use
02:42
100 percent being its maximum size all
02:45
the way down to 40 percent we can choose
02:49
the justification for text left center
02:54
and right going down from there we can
02:58
also add or adjust the padding we can
03:01
set it for the top the bottom as well as
03:06
the left and right we can get it some
03:13
more settings by going into the advanced
03:14
stop here by default the style tab is
03:18
going to be pre selected from there we
03:21
can set a corner radius from square to 5
03:24
pixels which is a very small rounded
03:26
corner to 150 pixels which is a much
03:30
more obvious or a hundred percent
03:39
we can also choose whether we want this
03:42
to apply to all which review both the
03:44
top and the bottom only the top or only
03:49
the bottom we can set a border as well
03:54
we can set full border which will do it
03:57
for the entire element we can do bottom
04:02
only top only or only top and bottom we
04:12
can adjust the size we can adjust the
04:18
style solid dashed or dotted and finally
04:24
we can adjust the color as well
04:34
next we can set a drop shadow if we want
04:38
ranging from none up to 40% we can add a
04:44
drop shadow which will do it outside of
04:46
the border or we can set an inner shadow
04:49
which will do it on the inside of the
04:51
border finally we can click on the
04:54
animations tab here we can choose to set
04:56
a time delay we can fade in or fade it
04:59
in with scale and then we can set how
05:02
long of a delay we want if I set it to 1
05:06
minute and 30 seconds for example this
05:08
row will not show up until 1 minute and
05:10
30 seconds after the page has initially
05:12
been loaded we can also set an animation
05:18
we can choose whether we want this to
05:20
occur on page low and that will be when
05:22
the page is initially loaded or on page
05:25
scroll which will only take effect once
05:27
the element actually comes into view for
05:29
the user we can choose a couple of
05:33
styles here and we can also set a delay
05:35
in milliseconds hopefully this helps
05:41
clear things up a little bit in terms of
05:42
how you can act and configure rodents
05:44
and the clickfunnels editor of course if
05:46
you do have some more questions though
05:47
or anything like that
05:47
definitely go ahead and let us know in
05:49
sport 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.