In this video I went to share with you three
free Elementor plug-ins that will speed up
or have the potential to speed up your workflow
when you're building websites using Elementor
hi my name is Adam from WPCrafter.com remake
WordPress tutorial videos for non-techies
try to make this stuff makes sense if you
know your consider clicking on the subscribe
button and if you want notifications of new
videos there's little bell you can click on
YouTube let you know when I have a new video
okay so if you go to the WordPress directory
plug-in directory or some people called the
repository and do a search for Elementor or
First Circuit to see that Elementor's gotta
ton of active installations but you see a
whole mesh of plug-ins and in this video were
to go over three that may help you with your
web development workflow and some of these
I'm sure you may not have heard of before
okay the first one is navigation tree Elementor
and essentially what this is going to do is
add this little side panel that when you click
on the little arrow I want to show you in
a moment it will slide this out and you can
see a list of your sections the columns and
easily jump back and forth into them and there
is a reason why this is important and that
is if you're using overlapping elements sometimes
you know it's hard to click the little section
a button or something like that here let me
show you really quick so here I am right here
I hope you can see already have it opened
as I've been testing it all right it's just
this little arrow right here on the right
when you click on it boom there you have it
you have your list of sections on the page
so this is ideal to get a good overview over
your entire page and how it's broken down
you can click this icon here to quickly jump
into the settings now you see here just a
section section section section of the obvious
I have four sections on this page you can
see them here 123 and four will you can make
these more meaningful so the first section
is obviously this one here in the top I can
click this right here to get into the section
settings versus clicking here how many times
have you tried to click that little section
settings icon but for some reason you just
can't get to it you see this mostly when you
are applying some very advanced design techniques
to your layouts where you might have overlapping
elements and it's hard to get into the element
that you want that's where this plug-in shines
so okay so we have these sections and we jump
into the settings that we can actually change
it from St. section to sing something a little
more meaningful it super easy to do you would
click on advanced you'd scroll down and here
it says CSS ID I want to go ahead and enter
something in here I named it hero I'm in a
click on update to update the saving of this
page and you can see it's already updated
right there so if you have a very long page
this is really going to come in helpful and
so when you click in this if I click in that
you can see the way the the section is configured
as a hero section with two columns and I can
jump straight into specific columns just by
clicking on it and then I can even go further
I can jump into the settings of individual
elements in the side of those columns this
is a very useful plug-in now I think this
is something that really bridges a great gap
with Elementor one of the things I wish the
state was the ability to reorder sections
so if this one on the bottom I wanted to lift
it up I could just drag and drop it up that
would be very sweet I want to give you couple
caveats with this plug-in though and it's
not that is not been around that long and
some like it's being sold I did run into some
bugs trying to use it where this was in populating
here on the right what I needed to do is click
on the update button to actually save the
page and then it would show and as you notice
I'm in Elementor canvas mode and that's because
when I had it in the normal mode it wasn't
working so let me actually to show you that
in the reason I bring these up it is to just
reduce any frustration that you might have
until the developer can fix these small little
bugs so I went back to default and I clicked
on update right here but see maybe it's can
work now if there it is it's working now so
I had to play around with it to get it working
it's not rocksolid but I think when the developer
gets this thing dialed and this is probably
one of those for me anyhow must have plug-ins
if error while I am developing a website so
I can just see quickly where everything is
and I have quick access to those settings
are right so that is the first plug and it
was navigate tree Elementor just go to plug-ins
add new pop that sucker in there and check
this one out the second one is going to be
flexible Elementor panel and you could do
some really interesting things with this that
I think some of them are useful now you can
just come here to the plug-in page and you
can see through these animated shifts all
of the neat things that you can do with it
you can totally detach the editor you can
move it around there's some nice things to
that for sure so let's go ahead and test this
one out actually before I jump on over to
that let's just list out some of the main
features so that we can try to find those
very easily in the plug and draggable Elementor
panel anywhere collapsible Elementor panel
resize the Elementor panel collapsible widget
category sortable widget category exit to
dashboard button in the footer I know a lot
of people don't like that one right there
editor skin and accordion widget first tab
closed options interesting the way all of
those are worded okay so let's go ahead and
jump on into it here we are I through the
magic of video editing disabled the that navigation
one and just enabled this one I did a quick
refresher on the page and you can see it looks
a little different and actually got to say
I was a little on the skeptical side of this
plug-in but I so far really like it so we've
got some things here that are new that I could
see you got this arrow here so let's see what
happened what their ago I could just go ahead
and click that I actually like that better
than the little edge to have that we would
have in here normally with Elementor I do
kind of like that better I do like that a
lot lot better okay see this little toggle
bit here let's he would have Zoe do that I
guess that's doing something up there you
go okay so when it's off everything is collapse
that's actually very useful because if you
notice of use any of the add on packages for
Elementor this list of widgets gets insanely
long so this is to expand or contract all
of these elements I do like that and it is
good that these are smaller boxes they didn't
need to be as large as they were I find no
with the number of elements now for Elementor
I find myself using the search more and more
and down here we have a new icon if you see
it it's right here in that is exit I know
this is gonna make a lot of people happy and
I like that that is there just like that this
is very good I don't like how the icon is
because there is the 10th element in it just
takes up the full with the just looks a little
out of place I'd much think visually look
nicer if it was just a small icon right here
all right so lastly I guess we can click right
here and we can move this sucker around that
is pretty cool so I guess if I click in this
text it's can a change that is really cool
and of course we can put it here on this side
like that I don't see it fully docking yet
I wonder if I have to move it more let's see
okay get them back is a look at there we go
but good night on this side it doesn't look
like it wants to go to the top but it does
if I go here to the left okay so I guess this
was gonna take just a little getting used
to but I gotta say it's pretty cool and it
looks like right here there is a settings
option for it so I got to that by clicking
on the hamburger icon and here it is FTP settings
so we have our editor skins now this is actually
cool let's go dark ha that's great I think
dark is easier on the eyes of for sure all
right let's go back to light we have our exit
the dashboard link and here are some options
there this is not bad I do like this one a
lot I could see this being very useful for
people to have more options for how they interact
with Elementor okay our last plug-in for this
video is going to be granular controls for
Elementor this is good to have some of the
features that were found in the prior plug-in
the flexible panel one so let's scroll down
here and see what this one has now here's
a list okay so we can do some people accordion's
close on page load turn off Elementor dashboard
widgets that's actually pretty good apply
a preset color skin to the editor so some
of these are the the same settings applying
Elementor UI hack said any section or column
to appear after a certain time that is very
interesting it says here whilst using the
phrase delayed content so looks like you're
getting additional visibility controls over
sections or columns that could come in useful
in your web design work to take a look at
that for sure schedule visibility of any section
or column for a given time will take a look
at how that works but in theory you could
have one you know hero section at the top
of your website during certain hours of the
day and then switch it out to something different
for other hours of the day so if your local
business perhaps may be one that goes in services
homes and there might be emergency or evening
situations you can do some really kind of
basic personalization based upon time here
are ever getting some parallax options I did
make a video about this before articles I
do not like that that's a visual effect will
make people's computers CPUs go crazy I don't
really like that that much but there are people
that wanted and it's great that it's here
for them we have a few more Elementor template
library templates as the admin dashboard welcome
dragging editor bar okay they do the same
thing with the exit button they actually restore
the exit button and I know a lot of people
like that as well so you get a little bit
of overlap here between flexible Elementor
panel and the granular controls for Elementor's
let's go ahead and take a look at this one
okay this one will have a back and option
panel that is found after you activated underneath
Elementor it's their granular controls and
we have these three tab options here so we
can control which settings in this plug in
that we want to enable or have it disabled
so you have a general editor and advanced
right here so have the option for accordions
to be close this would be your accordion module
remove dashboard widget so when you have Elementor
installed in your on the dashboard of your
WordPress install there's a Elementor widget
there this will turn it off there is also
another way to do that with the screen options
okay here's our options for the editor so
right here we can first have different colors
if we wants II wish this would actually be
in the Elementor panel when you would want
to test it out so right now you have to try
one save it and do a refresh but that's okay
so far so good okay we have Elementor UI hack
widget panel I am not familiar with that we
have enabled parallax let's go ahead and turn
that on and will do a turn on for the particles
just so we could take a quick look at it enable
the exit bar go ahead and enable this I'm
assuming that this is going to enable the
button for exiting the Elementor editor kind
of someplace it's easier to get to the exit
point this is actually really needed to let
you control what happens when you exit a page
and you can see right here there's various
options here I like the edit screen that works
out fine for me there is the exit target the
exit name and the live view name let me do
a quick save change and then going to the
last tab here which is advanced settings no
I haven't tested this but what I believe this
is allowing you to do is to use Elementor
to create an widget in the dashboard of WordPress
so you would enable this and then you would
choose this this is actually pretty actually
here I have some safe sections why don't we
go ahead and test it so this would be great
if you design websites for people using Elementor
in which you then later give them control
our attitude to log into the backing of WordPress's
we can have some custom branded experience
so I'm just gonna play around with it doing
this right here so let's just go ahead and
enable both these and give it a shot I do
not know what's in that home header section
so let's see what happens when I click on
dashboard well there it is there is my home
header section I could see some usefulness
of this you could design a totally custom
dashboard here with a contact form maybe some
info on some your services you not to make
a dedicated video on this will create something
really cool and we will give that out so that's
what that is okay so let's just go ahead and
jump on and let me do a quick refresher some
of those changes that I made are now available
up check this out this is one thing that it
adds right there this big exit the dashboard
right here and a view life page right here
that's cool I it's kinda interesting where
it is I guess we can move it that would be
kinda cool right there I like that a lot it
feels very native okay so so far we can see
just looks a little bit different here I'm
lucky to be able to get into every little
setting of it I do like this like that though
I'm done with this though so that's my moving
that around okay let's go ahead and take a
look at some of those really interesting visibility
options actually here let's okay so it's going
to the section settings first and this said
the section has this image in the back and
so let's see there it is so here's that enable
parallax this was not there before and enable
particles I don't like particles let's turn
it on and see what control we get oh you is
the one extra step you have to have this particles
Jason on code which you can click here to
get not a fan of particles I want to turn
that off here is our parallax control and
so you can see we have some options right
here so there's a scroll and while there's
a lot more options this is gotten a lot better
and also you can control the speed of which
the parallax works in android's appointment
Iowa support this is very very cool so there
are given you some different options there
so I'm scrolling but I don't see the parallax
going on it could be because it's just there
ago nope I don't see my parallax happening
maybe I need to click on updates and then
do a quick preview on a live page and see
if we have that working there you go now it's
working it for some reason it wasn't working
in you see it go on there I have it you would
not want for speed controls like this anyways
but it's not working in preview maybe it's
just a minor bug that is really really cool
all right now let's go to the settings for
controlling the visibility of this actually
you know what let me turn parallax off now
when I reviewed this the parable lacks feature
of this some time ago you didn't have the
control of the speed and now you have it right
there in Elementor that is really really good
okay so now we have these two options delayed
and scheduled such as take a look at it some
and enable the delayed content right there
so I guess on page load we can have it appear
after a second or so let's he said the late
time in minutes okay so that saying the delay
time is now set to 30 seconds that's 1/2 a
minute so I click on updates and then I go
here and then click on view life page we shouldn't
see that and then after 30 seconds or so it
should appear I think there are lots of good
uses for this I can think on sales terms if
you say send someone to page and there's a
video playing and it's a 10 minute video and
you start making some form of an offer eight
minutes in you can maybe have the order button
or contact form button or something like that
delayed so it will only show kind of when
that offer happens that way when someone jumps
of the page they're not immediately thinking
while this guy wants something for me wants
to sell me something or this guy wants to
have my contact information so I write so
were just sitting here I think 30 seconds
should be almost up but I'm not seeing anything
appear just yet so working to just wait okay
it's not popping up maybe there's a little
bug in that or maybe it's the way that I am
doing it that is okay actually here let's
change this to a much lower number there you
go I changed it to 05, do a quick updates
and I want to click on view life page so they
should pop up right away if it works in preview
and maybe it just doesn't work and preview
I'm sure there's minis or free plug-ins I'm
sure there's little intricacies with it and
it looks like we got one of those intricacies
in this one but that's okay I will not be
deterred okay we have our scheduled content
right here let's see what options this gives
us okay so this is in giving us reoccurring
this is specific actually you know what this
is really good so I could see a huge usefulness
on this if you are say having a sale on a
particular product and maybe wanted to hook
in some piece of content out the top we recently
saw this with Elementor where they had a sale
and you it was tied to a countdown timer with
this is going allow you to do is when that
countdown timer reaches zero kind of had that
end date going on right here and then make
it go away I think that is very very useful
there's a ton of uses for this and you know
what I haven't seen anyone have an option
like this so I can see a ton of great use
for this so this could be it for this video
these three plug-ins I think there are definitely
worth you checking out and maybe testing on
your own they're all free so there might be
little bugs here are there that I've personally
experience but I'm sure over time we support
these developers they will work through those
and if you use any of these plug-ins and you
find them useful you can go to any of these
plug-in authors pages right here and you can
scroll down and you can write a review for
them that is one way that you can save thank
you is to give them a positive review if you
notice any problems each of these lichens
have a support tab you can go there and write
out your problem is matter fact I might do
that for some of these for the bugs that I've
encountered keep in mind therefore either
not making any money from this so if they
do get back to you might be a little bit delayed
someone open up this to you what useful plug-ins
have you found for Elementor that are free
in the WordPress repository and how is that
making maybe your workflow easier or your
designs better I like to hear from you in
the comments section down below if you found
any value in this video please consider giving
it a thumbs up other than that I will see
you in the next video
