[ClickFunnels Page Editor] How to use the image 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
a human code balls board here so in this
00:02
video I’m just going to go over how we
00:03
can use and configure the image element
00:05
so I have a simple page setup here we
00:07
currently don’t have any elements we’ll
00:09
click add new element we can then click
00:11
on media to get a subsection of just the
00:13
media related elements will then add it
00:15
in an image element we can click on it
00:20
to get into the setting so where we can
00:21
hover over and then click on the gears
00:22
icon so the first thing we’re going to
00:27
want to do is probably to actually set
00:29
our own custom image I’ll just use this
00:32
one for the example from there there’s a
00:34
couple things that we can configure and
00:36
we’ll start by manually changing the
00:38
size of it so you can manually change
00:40
both the height and the width I will
00:46
note though that generally you only want
00:48
to change one or the other because if
00:50
you change both of them it will change
00:51
the aspect ratio that is the ratio of
00:54
its horizontally to it vertically which
00:57
can make it up here a little bit
00:58
scrunched up or distorted if we only set
01:02
one the other will auto defaults to
01:07
maintain that same aspect ratio
01:14
we can also link it if we want so you
01:16
could place in a link to any external
01:18
URL that you want you can also use the
01:20
built-in options here do for example
01:23
open the pop-up submit a form bring
01:25
through the next step in the funnel
01:27
close the pop-up or the yes and no links
01:30
if this happened to be a OTO page we can
01:34
choose the link target normal we’ll have
01:36
it just open or just occur in the same
01:38
browser window but we can also have it
01:40
open that link in a new tab or window we
01:45
can adjust the top margin and we can add
01:48
alternative text which has two functions
01:51
is mainly used for SEO search engine
01:54
optimisation and it just allows crawlers
01:58
to understand what that image actually
02:01
represents because they won’t be able to
02:03
see it so you just want to give it a
02:04
descriptive name like funnel hacking
02:08
live I will also note on the other main
02:12
place that this would come into play
02:13
would be someone who is accessing your
02:14
page via a screen reader again the
02:17
screen reader isn’t able to describe the
02:19
image itself to the person however it
02:22
will look at the alternative text and
02:23
let them know what the picture of so in
02:26
this case it would let them know that
02:27
there is a picture of funnel hacking
02:29
live moving over from there we can click
02:32
on themes and choose from a couple of
02:35
pre-built themes we can also manually
02:39
configure things by going into the
02:41
Advanced tab by default the style tab
02:44
will be pre-selected so if we can choose
02:46
an alignment between left right and
02:49
center
02:52
week and choose to have it appear as a
02:55
circle or to appear with just slightly
02:58
rounded corners we can add a shadow we
03:06
can change the opacity from fully
03:07
visible till I fade all the way up to
03:10
strong fade and finally we can choose if
03:15
we want full color or just a black and
03:16
white version of the image lastly we can
03:20
click on the animation top and set up a
03:22
time delay we can choose between fade in
03:24
and fade in with scale I set it to 1
03:27
minutes and 30 seconds for example the
03:29
element in question will not actually
03:30
appear on the page until 1 minute and 30
03:32
seconds after the page has been loaded
03:33
we can also add add an animation and we
03:37
can choose between on page load or on
03:39
page scroll on page load will take
03:42
effect as soon as the page is loaded and
03:44
on page scroll will only take effect
03:47
when the element in question actually
03:48
comes into view for the user along with
03:53
that we can choose the style and we can
03:54
set up a delay in milliseconds so
03:56
hopefully the subscripts things up a
03:57
little bit in terms of how to use and
03:59
configure the image element inside of
04:00
the clickfunnels editor if you do some
04:02
more questions though or anything like
04:03
that definitely go ahead well let us
04:05
know it’s for 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.