How to use the image list element inside the page editor 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:02
you
00:08
hey a human click file sport here so in
00:11
this video I’m just gonna go over how we
00:13
can configure the image list element
00:15
I’ll begin by noting that we do have a
00:18
bullet list element as well which will
00:22
allow you to choose from a wide range of
00:24
built-in icons however obviously these
00:29
don’t cover all scenarios and in some
00:31
cases you will want to use your own
00:33
image so we have a separate element that
00:35
will allow you to do that so I currently
00:38
have a simple page setup with no content
00:40
so we’ll start by adding in a new
00:42
element we can click on content to get a
00:44
sub selection of just the content
00:46
related elements we’ll add in a image
00:48
list now because this element contains
00:51
text to behaves a little bit differently
00:53
than some of our other elements if we
00:55
just click on the element itself it’ll
00:56
actually jump us into a text editor to
00:58
get into the settings for the element we
01:00
can hover over it and click on the gears
01:01
icon or we can click on the elements
01:04
menu click manage and then select the
01:06
element in question if we just click on
01:10
it and jump in to the text editor
01:11
there’s a number of things we can do we
01:13
can bold italicize underline and
01:17
strikethrough texts we can also adjust
01:21
the justification choosing from left
01:23
right or center
01:33
and we can hyperlink some or all of the
01:36
text jumping back into the settings
01:42
there’s number of things we can
01:43
configure here as well starting with the
01:45
top margin here we can choose the custom
01:50
icon we want to use I will note that the
01:52
icon should be 32 pixels squared
02:01
you can create your own icons or you can
02:05
find public domain icons like for
02:10
example this icon which is the public
02:13
domain symbol we can adjust the font
02:17
family for the text portion of the
02:19
element we can adjust the font size you
02:23
can adjust the color of the text and we
02:27
can adjust the color of the bold text
02:29
independently we can click on the
02:33
Advanced tab to get some additional
02:35
configuration options by default the
02:37
Styles tab will be pre selected here we
02:41
can choose whether or not we want to
02:42
show the icon or just have a simple list
02:48
we can configure a bottom border which
02:51
will appear underneath each item in the
02:55
list so we can do dark solid dark dashed
03:04
and we can do the equivalent with white
03:06
as well or light so I’ll change the
03:09
background there and we can do light
03:15
solid or light dashed finally we can
03:19
click on the animation top here and set
03:21
up a time delay choosing pervaded or
03:23
fade in with scale if I set this to one
03:26
minute and 30 seconds for example the
03:28
list won’t actually appear on the screen
03:29
until 1 minute and 30 seconds after the
03:31
page has initially been loaded we can
03:33
also set up an animation choosing form
03:35
on page load or on page scroll on page
03:38
load will take effect as soon as the
03:39
element are soon as the page is loaded
03:41
on page scroll will only take effect
03:43
when the element in question actually
03:45
comes into view for the user
03:48
finally we can choose a style and set it
03:51
delay in milliseconds so hopefully this
03:53
helps clear things up a little bit in
03:54
terms of how you can configure the image
03:56
list element if you do some more
03:58
questions though or anything like that
03:59
definitely go ahead and let us know in
04:01
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.