Will there is no doubt that people love their
parallax scrolling and if you're using Elementor
for some reason Elementor just has never added
the parallax feature to the page builder that
they built but good news is in this video
I want to show you three different ways to
accomplish getting that parallax scrolling
on your Elementor pages or posts hi my name
is Adam from Adam Preiser.com and I made WordPress
tutorial videos for non-techies people love
their parallax that's when you're scrolling
down the page and the image moves at a different
speed than what you're scrolling and people
love this feature now Elementor which is an
amazing page builder for some reason they
have not added this true parallax scrolling
feature to it but the good news is is there
are three different ways that you can add
parallax to your Elementor pages that your
building arena cover them in this video hi
my name is Adam from WPCrafter.com where I
make WordPress tutorial videos for non-techies
if you know your consider clicking on the
subscribe button and if you don't want to
miss a thing click on the bell off to the
right anything I talked about this video put
a link who has this amazing blog where he's
made some really really in-depth tutorials
on features like this that you can add to
Elementor output a link to this blog post
down below now this is a method that's going
to involve adding some custom code to your
website it's really not that hard to do in
fact he even has a video of his own down here
on how to do it so essentially were just adding
this little snippet of code right here in
this little snippet of code right here and
he can show you how to get the parallax rolling
and I could save from I watches video when
he first released it this is an excellent
way there's no cost to it to getting parallax
scrolling on your Elementor page and this
is exit the way I'm not can attest in this
video you can watch how he does it in his
video but what's nice about this is you have
some control over this speed of the parallax
that's how fast that scrolling happens as
you are scrolling which is one of the really
nice things about this method this actually
might be the best method doesn't cost any
money and it's easy to implement sets Lyle's
blog will put a link to this down below the
next is something new there's a plug-in that
just came out called granular controls for
Elementor in this is a free plug-in it adds
a lot of neat things to this Elementor kind
of the the way you interact with Elementor
doesn't add anything really new to it does
at this parallax features organ a test that
out this is really plug and it just came out
I'm usually very hesitant on recommending
any of these plug-ins for Elementor because
I don't know if the developers really get
to be committed to it and is going to make
sure that it works as Elementor is moving
fast that there can update their plug-in to
make it move just as fast and quickly respond
to changes that Elementor makes so here's
one of them working to test this one out in
the video and the last option is a paid option
now if there was any Elementor add-on plug-in
today that I think is a goodbye it would definitely
be Elementor extras they have all these neat
things that they're adding design features
to Elementor and one of them is parallax and
it's right here as you can see it as I'm scrolling
to see how the content of the section is moving
at a different pace of that image back there
that's one of the features it adds is the
parallax and there are some features that
it gives you to control the amount of parallax
and some of those controls that you get out
of Lyle's article just a quick note the reason
I would recommend their add-on plug-in over
all the other ones is there the only add-on
plug-in that's not trying to make an Elementor
Pro clone and that's what I like about it
Elementor is in this lane and Elementor extra
stays out of Elementor's Lane it's not trying
to copy and provide an alternative to Elementor
Pro in fact they are trying to make Elementor
Pro shine even more with the different modules
that they add right here I'll put a link you
can check this out or just do a Google search
for Elementor extras here's the cost of it
now this is not a free solution it does give
you more control and Morgan attested a bite
right here you can see for single sites it's
\'8026 so I don't know what that would end
up being in US dollars I think maybe like
US$30 so it's not an expensive plug-in and
site is also ahead and test these out so I've
gone ahead and installed and activated that
add-on that free plug-in called granular controls
for Elementor now I think I'll do maybe a
video off of some of its different features
but the settings for this are to be found
in under Elementor and then it adds this new
option called granular controls now this is
something that will not be activated by default
you would have to go into the settings in
turn on the parallax feature so here are the
various things it does let me just do a quick
snapshot is really I think overcoming some
of the annoyances people might have or they
might have different preferences for some
of the things that Elementor does so here's
an option key Pelham accordions closed remove
the Elementor dashboard widget editor options
this is going to be the one were looking at
there's options to change the color and change
how many how many elements are in a row stuff
like that but here it is enable parallax you
want to click on yes right here and they also
have the ability to enable particles that's
we have these like little things floating
around if that interests you and you can also
tweak some of the additional behavior in Elementor
here's another one I'll probably do a video
on later and that's right here where you can
add a custom welcome panel to your WordPress
dashboard that you designed in Elementor that's
pretty neat if you're making Elementor base
websites for clients you'll be able to use
this free plug-in and have some kind of dashboard
welcome that has the content that you would
want in it may be pointing to where to get
support from you and things of that nature
so that is this plug-in but were really just
can hit this editor thing so let's go ahead
and take a look at that parallax settings
in effect on this in the morning to try it
with Elementor extras so irony have some templates
in my library my Elementor library this is
a throwaway WordPress website so it's okay
if I break it here it is parallax and so I
want to go ahead and click on edit with Elementor
open the sucker up in a new tab in here it
is so the parallax can only be applied to
Elementor sections it can't be applied to
maybe an image here are some random thing
it's only sections so the option is going
to be found in the sections panel so here
we are right here I'm in a click right here
to get the section options, click on style
and when you scroll down there'll be this
new option right here that's is enable parallax
and you can just turn it on now when you turn
it on it doesn't give you additional controls
and in my testing of this the parallax isn't
strong enough to really notice it so I here
let me show you with that office just normal
I'm scrolling right now here is with it on
him and to turn it on and it's kind of hard
to notice you might notice a little bit right
here you see it's kinda really hard to notice
I even put an image down here to try to notice
it more let's see if I have it turned on in
this section CM to scroll down my parallax
is on it just it just so subtle in my testing
that it's really hard to notice so unfortunately
this way of getting parallax I find is to
settle for to be really useful at this point
now that doesn't mean that the developer won't
add maybe an additional control to give you
the ability can to control it or at least
have some kind of setting to increase the
parallax effect so it's actually Norton noticeable
but is just not noticeable here and let me
show you a preview of the page so this is
going to open it up in a new tab and we can
look at it again and you're to see it's it's
still kinda hard so I have it on this section
right here you can see you're not getting
it the normal way you see that you can kinda
see right here as I scroll you're in a see
some of this effect start to appear so it's
very subtle and hard to notice and so the
same thing is right here I have it here you
can kind of see with the amount of the sand
as I scroll down but it just it just so subtle
and hard to notice so I think it's because
it might be doing a parallax with the entire
section versus just the image in the background
I don't know but I think unfortunately right
now it is a mess so I'm in a go here in the
back up and let's go ahead and try it with
that paid ad on Elementor extras so let me
go back to my dashboard here and let's go
ahead and disable it and then enable that
other plug-in so here's my list of plug-ins
I'm testing a bunch of things with this website
right now okay so I'm in a go ahead and activate
Elementor extras right here and it might prompt
me to pop in the license code or something
like that and then I'm in a go back into the
granular control is a great plug-in maybe
just not for parallax right now okay someone
it disabled the parallax feature click on
save changes so now let's go ahead and jump
in that same page and see what we can do with
the Elementor extras someone to go to Elementor
my library and then let's go ahead and go
back in that same page like this and let's
see what we have going on and let's see if
we can have a more noticeable parallax effect
alright so I'm in a go ahead and click right
here whoops right here and get into my section
settings and then I'm going to style and let's
see where it does okay so now we have the
parallax background but you can see this is
from Elementor extras such turn it on and
you can already see a difference you can already
see the text scrolling above the image like
that it's just much better and we also get
options for parallax so we can control the
speed and we can also control the direction
so if I wanted the parallax direction to move
to the right I could do that so now you see
how when I scroll it kind of moves a little
bit I think I'd actually like that more if
it was left let's see there is so when you
scroll you get that option which is really
nice and you'd expect that from a paid plug-in
let's see what the speed increase does now
you see that it moves jarringly fast so I
don't need to continue experimenting with
this plug-in you can see when it comes to
parallax right now were getting the best results
out of Elementor extras right here but I think
there's a lot of potential still with granular
controls for the developer to tweak it and
make it more effective or maybe give you an
option if he wants to do that but if you just
want a freeway that guaranteed to work right
now go ahead and click on this article for
sniffle valve and just follow this easy tutorial
just copying and pasting a little bit of code
on over in the full tutorials are right here
so anyways what you think of parallax personally
it's funny I just made this video I'm not
a fan of parallax I don't feel like it's something
that I have to have on my website but what
I've noticed is a lot of people are passionate
about having this effect and they really want
that motion on their website and I totally
get it we all have different tastes and preferences
but I want to hear what you think about parallax
in the parallax effect down below in the comment
section and if you use any of these methods
to add parallax to Elementor successfully
go ahead and share your experiences down below
thank you for watching and I'll see you in
the next video to down below and you might
want to definitely reference that because
there's can be three different things were
talking about in this video so we've got these
three ways of getting parallax let's go ahead
and jump into the three ways and let's test
a little bit and see what the different results
are with these different ways of doing it
while actually the first way of getting parallax
scrolling I'm not going to actually demonstrate
in this video this is the original the OG
way of adding parallax to your website it's
just an article here on sniffle valve this
is Lyle Jamie
