ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Elementor's Latest 4 Updates: It's Getting Better!
ฝัง
- เผยแพร่เมื่อ 15 ส.ค. 2024
- Here are the 4 latest updates in Elementor Pro, and some of the amazing features that they bring.
0:00 Intro
0:38 Loopbuilder
1:43 Container is stable?
2:48 Template kit
3:35 Save as default
5:35 Classes like Bricks
6:47 Popup settings
7:06 Lazy Load
8:00 Nested Tabs
10:11 Custom Unit Option
12:19 Disable Google fonts
16:15 Loop Carousel
17:47 Copy & Paste between domains
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixel...
Siteground for premium webhosting: livingwithpixel...
Elementor for no-code web-development: livingwithpixel...
Figma for Web Design: livingwithpixe...
All recommended software & discounts: livingwithpixe...
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixe...
Figma Design Mastery Course: livingwithpixe...
Business Course: livingwithpixe...
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixe...
Figma Design Starters Guide: livingwithpixe...
→ My Social Media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.
Those webkits can be really useful to import just to see how pages are constructed using containers. It's a very good and quick way to learn about it
Save as default allows you to set up common settings on a element you might use regularly. For instance, I often have to manually change margins on a container, so being able to set a margin as the default would ensure new containers start with consistent setting throughout the site.
I agree though, that the way Bricks handles classes is super slick, and I hope Elementor integrates a feature like that.
Hey Rino, I’d like to thank you and let you know that I really appreciate your work. I was using elementor before I got to know your profile but you helped me to do it better. Among other things, thanks to you, I developed my skills as a web developer. Today it's been exactly one year since I set up my company in Poland, which deals with building websites. After a year I employ 4 people, I managed to earn more than ever in my life and last year was the best year of my life for me. I could go on so many trips and visit lots of great places (I was in Netherlands too, loved Amsterdam and Leiden 😊) Nothing has ever given me as much joy as combining doing what I like with the opportunity to develop my own business. I was inspired by your videos and for the first time I can't wait to see what the new year will bring. Thank you once again!
Thank you so much. This comment made my day 🙏🏻
@@rinodeboer it’s my pleasure. Wish you all the best!
Love your comment! Good luck with your business!
Elementor needs style classes and combo classes like webflow and bricks. Your doing great lateley Elementor, but this is the one thing that the competition still has a leg up on you. I think the save as default option would be a great feature for designers if it was account wide. Then designers could set their preferential defaults across all sites they design on.
Excellent!! Yes, it’s been a little overwhelming seeing the large number of Elementor updates. So, walking through past three with us was very, very helpful! Thank you 👍🏻
I look forward to your video about the site settings and the typography. I have worked as a website developer for many years, but I haven't found many good tutorials on this yet.
Please do this more often! Great to see the updates visually and in depth.
Rino, for some reason I stopped looking at your videos for a while... a few months. But looking at this makes me remember how great you are. I love living with pixels, thanks for everything!
thanks for the summary of the new features.
FYI: disabling google fonts is something you would (have to) do for making your website GDPR-compliant. yes, you might disable google fonts on the frontend through code wihtin the functions.php, but until now, the fonts were still displayed as options in the elementor backend. so i'm happy that it is finally possible to disable this.
Indeed this is very true of GDPR and Google fonts as ruled by Germany first. But let's be honest very few people are working to this level of compliance. As you probably know seen as you are aware of the GDPR/Fonts issue, many cookie plugins are not or cannot even be configured to stop cookies (non essential) from being dropped on user devices before they even get a chance to reject or accept.
What do you think?
@@AidanJoyce yes, (still too) many do not stick to it. but apart from the fact that as a professional i can't advise my clients to make websites that violate applicable laws... we recently had cases in austria and germany - without going into too much detail now - where tens of thousands of websites by lawyers were warned.
but when it comes to google fonts, it is particularly easy to integrate them locally on the server and - as @LivingWithPixels mentioned - the website loads faster anyway.
and yes, quite a lot cookie banners are incorrectly configured or cannot be configured correctly. this is definitely a problem.
but the GDPR does not exist without a reason. ;-)
Hey Rino. Spot on with the Bricks Class System.
Also, you can set the defaults for every Element in the Theme settings. So you have a base starting point.
Seeing a lot of Webflow stuff in the new update, good job Elementor.
HI There, interesting comment. Can you tell me some more about this?. I am not that tuned into whats happening with Elementor, but webflow stuff would be super interesting.
I used to make a website with code before I found Elementor. Now I can do a lot of the stuff in a fraction of the time from what it used to take.
Sadly, a few things are still missing.
For example color theme selection. Dark/White mode. (I already requested this feature)
Conditions. Bricks already has this implemented greatly. Look it up if you want to know what i mean.
I hope they keep adding and listening. Elementor can truly be the best page builder that way.
Deam! A few days a was happy for the 3.10 and it's already 3.11. Marvelous.
Feels like it needed a little of competition
Rino you are so good ♥️ at explaining things and i love how you care small things that i also face a lot of times when I'm actually doing it. Please keep uploading videos and I'm excited for the typography video
Awesome video! Love how you are so practical. You only get that from someone who has walked the walk!
Please do not only use h1/h6 for SEO only. If you style something as a heading, make it an h-tag. Your visitors who use accessibility tools such as screenreaders will thank you for that.
For the swap option.. as far as I know.. when the page first load it will use the system default fonts then load the website fonts and swap it with the system default fonts.. enabling faster first meaningful content load for the website...
One big problem slowing page speeds is that Google Analytics always loads first. Can you please tell us how to delay the loading until the first screen is opened? I cannot find a way to do it, but others say it is possible.
It would be great if Elementor had this feature built into their system.
Thanks for the update, cheers!
Well you have saved me from all that catching up phase. Thanks
Excellent as always, keep it up. For video widget, if you set preload to auto and keep palyer controls on then you can play video by clicking anywhere...
In the video widget, if you click image overlay you can add a "play button" in the middle.
Oh thanks I didn’t know!
You're a legend Rino. This is very helpful. Some great updates in here
While it's cool, I really wish that they would fix this issue and some of the other problems with all of their widgets before just making new features -
There is an issue with Tabs and Accordion on mobile: clicking a stacked tab should jump to the top of that tab's content, but it doesn't if the content has different lengths.
This then forces the user to have to scroll up manually, and that is just bad usability. There are also limits on what you can change in the accordions and toggles, leaving you to have to add CSS and javascript to fix this. You can now use the tabs but I just which they could fix some widget straight up.
Not very useful to have a bunch of new features but old problems on Elementor are just ignored. Great video, though :)
om loop carousel. It needs to also include a filter drop down so you can filter the posts shown and include options for having multiple rows as well as column controls :)
Thank your for this update. I am new to learning Elementor and I enjoy learning from your channel.
You are referring to Bricks a few times. I think it would also be interesting for you to take a look at Breakdance builder as well.
Thanks for the very informative video. I agree with you about the classes in Bricks. It works so much better than in Elementor. Maybe they should have a Save Class to Library feature. That way we can have several designs saved per. column.
I haven't played with Containers as much yet. I feel that it's in beta for so long that it's kinda losing it's luster.
Lastly, I don't know why Elementor doesn't buy Crocoblock. Their plugin to do those dynamic grids are much better than what Elementor already has. I would rather just buy an addon to work with grids that will work than wait for eternity for Elementor to get this grid issues to work correctly.
Thanks for this! Wondering when you might be making the video on fonts and site settings? Would really appreciate seeing how you organize these things. Keep up the great content.
No problem! I am going to record this in a few weeks.
Save as global is perfect when you have a call to action banner for example, and you want to add it on multiple pages. When you want to change an information on this bloc, it avoid to spend time doing the modificatio on all pages.
Amazing video by the way :)
Hi Rino, thanks for this video!
I have used the new loop builder, very useful! Unfortunately, it does not work with crocoblock's smart filters... maybe in a future update?
Anyway, take care!
yikes. That’s good to know!
thanx a lot - you're right - we need classes, please Elementor.
I switched from Elementor to Oxygen Builder with my agency and it worked very well for us. We have better results and faster workflow.
I recommend to use the container in Bricks only for the actual container and than you can use the block or div element
Great video as always! Can’t wait to see your style guide template in action ✨
In the video widget, if you choose "image overlay" you'll see an option to add the "play" circle icon for the middle of your video thumbnail. Not sure if it will play from middle-click or not as I don't self-host, so I can't test. Works for Vimeo and TH-cam.
Ohh, that’s cool. I didn’t know this was possible. Thank you 🙏🏻
@@rinodeboer I converted all my videos to use an overlay. Once you choose overlay, go back to the video tab/section and the lazy load option appears. Then you can select that and it will speed up that page. I was so frustrated wanting to use Vimeo for videos but it was a massive hit on page speed. Using overlay and then lazy load was a game-changer in that regard.
Nice. Thanks for explaining!
Thank You for sharing that tip. Appreciated
Can’t wait for upcoming video 😍😍. Global setting very helpful❤
Hey guys! I am loving to see all of these new updates and changes.
Does anyone know why they are not showing up for me? I am up-to-date with the latest version.
I really want to give the new Tabs widget a go. Any help would be greatly appreciated.
Thank you!
I was missing the paste feature for years!
But the most interesting part of this video was your sneak peek about how you deal with global fonts! 👀👀 I'm struggling with it also for years now... The global settings need to be improved by Elementor!
This is great! I'm now starting to experiment with the advanced tabs feature, as well as the others. I have a request for a future show. As far as I'm aware, in order to optimize Elementor Pro to load faster, I have to go to a third-party cache plug-in, which is complicated. When will ELementor come out with its own built-in version? I know it now has lazy-load and turning off Google fonts. But I'm thinking of a feature which reduces Elementor code. Thanks!
I can't seem to find the Tabs widget. Do i need to activate it somewhere?
Awesome video 👌
Made me realise that I can give up on some plugins on my websites due to these updates
thank you for all the new features
The primary reason to consider switching to a different builder is the potential for improved performance and clean code.
Our agency completely switched to containers and we’re rarely struggling with bugs 🐛
I hate extra clicks! Also love your videos.
I would like to see a video about how to create a style guide template like you.
You are talking about workflows. Can you make a youtube film how to create a good workflow. What are the first thing you do after installing wordpress. Which fonts settings which type etc etc.
More videos like this Rino and some further in-depth videos on the topics covered.
First of all thanks for your explanation of the updates. I tried to customize the Tab feature a few weeks ago, but it was so terrible.
I like your Style Guide page. I couldn't find a video of you explaining how you created it, or do you have a blog where you offer a template for download?
Thank you as well! I am going to include the styleguide in my Elementor Pro course, maybe I will give it away later. Not sure yet, since it’s not 100% finished yet.
Also looking at your course.
17:00 I'm freaking out, like seriously. I'm often importing/exporting templates from website to website.
Haha awesome right?
I have pro - I do not see the "layout" dropdown and I don't have a "container" widget
Really good stuff. If you could make a more business oriented video rather than technical, around scaling a web / digital agency and how to increase the number of ongoing client deliveries, that would be amazing! Would really value your thoughts 😊
When will you be having a sale on your Elementor Pro Mastery course again?
Great video as usual! I'm curious about the classes for spacing you mentioned when you were talking about the style guide at the end of the video... Are those the ones from the plug-in we've been talking about our you found an easy way to do it within Elementor? 🤗
Thank you. I found an easy way to do it with Elementor. But that plugin is still on my todo list to really test it through 👌🏼
Hi, I love your tutorials. But I have a question! If I upload some products image on my website, I want they will slide (left to right or right to left) automatically on the header page. So how it's possible? Please if you could do a tutorial on it, it would be great for us all your followers. Thank you
Great video. i hope we will also have custom post types right in elementor
Nice.. waiting for video on global font & color setup. If you want to choose another page builder above or next to elementor what should be come??
wow....as always, super informative. Thank you for sharing the knowledge!
I've been using WP Rocket for some time and they have lazy load for videos and images. If I'm using WP Rocket, should I also enable lazy load within Elementor ... or can I just use the ones in Elementor now? Great explanation though ... Thanks Rino!
How do you copy one section to another site? The option in video save from other site isn’t appearing. Is there something in settings to activate this feature? I have the latest 3.10 update. I’m not seeing a 3.11. Thank you.
Love the copying from another site feature. Great video Rino.
Lool. Accordion on mobile instead of tabs as something cool? Absolutely terrible.
There is a very simple solution. With quite basic css, you can create a horizontal scroll for tabs bar, while the content stays in place. I've been doing this for a while now with JetTabs. You can decide also if you want to have a horizontal scrollbar visible or not.
It should be a native option.
Hmm, good point. Didn’t think of this.
Could you give me some more information on how you did that exactly? I am also using Crocoblock and would be happy to implement a horizontal scroll! :)
@@lolleschaut there you go:
@media (max-width: 767px) {
.elementor-widget-container .jet-tabs .jet-tabs__control-wrapper {
flex-wrap: nowrap;
overflow: hidden;
overflow-x: visible;
width: 100%;
padding-bottom:15px;
align-items: flex-end;
justify-content: flex-start!important;
color: ;
}
}
@media (max-width: 767px) {
.elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__control-inner{
width:max-content;
}
}
@media (max-width: 767px) {
.elementor-widget-container .jet-tabs .jet-tabs__control-wrapper::-webkit-scrollbar {
/*display: none;*/
scrollbar-width: none;
-ms-overflow-style: none;
background-color: #879360;
}
}
@media (max-width: 767px) {
/*.elementor-46 .elementor-element.elementor-element-4ccf5807*/ .elementor-widget-container .jet-tabs .jet-tabs__control-wrapper::-webkit-scrollbar-thumb {
/*display: none;*/
/*background-color: #982207;*/
background-color: #fff;
width: 6px;
height: 6px;
-webkit-border-radius:0px;
}
}
In the last one I left commented part for page/widget specific application. If you use it only in one place on the website or you want the same behavior everywhere, you can keep it "open" otherwise, inspect the code to make it page / widget specific.
Obviously, will require some changes for your needs. It styled when the tabs position on mobile is set as bottom.
you might want to make a custom height for you first section in order to work properly (an issue with extra bars on mobile). give a class to the section and then height: 100dvh
podjablonia.consultme.pl/
Go to menu on mobile, that's the recent implementation (one of the last ones as im moving to Bricks), although still not moved to the main address.
It's quite basic, still can't understand why not implemented natively - typical croco
Enjoy :)
Hi Rino
I Learn a lot on your videos
Can you make video making a website with newest elementor updates
that can help us very much
I have one problem with elementor that I have been contacting them about for years with no response which is the color picker , It does not work and I really need it to work so that I can make text same color as a background image etc. If you can post this maybe elementor will update it ..Thanks
nice video that sums up all theses new features
So I did what you suggested about the google fonts, and maybe this is a safari issue but my custom fonts do not work on the safari web browser. My custom fonts work on a chrome, opera, torch and explorer browsers, but not on apples safari browser. I uploaded all the different font types like it asked to and followed a tutorial of how to do it, but when I check my website the fonts are just generic fonts. Looks like a roboto font, but can't confirm since they are set to the custom fonts I uploaded to elementor. Do you know if there is a fix to this? I've tried looking on google, but haven't had much luck.
this makes clear that bricks and other builders are already giving better features than elementor does and for 1 time payment.
Switching over to webflow but these updates hook me 😅
😁✌🏼
very helpful as usual, keep going my friend :)
13:00 Google fonts loading from CDN they are already fast.
Hi Rino, unrelated question, what software do you use to record the macbook screen? and what resolution are you using?
I use screenflow in order to record my screen. Sometimes 1080P, sometimes 4k. Depends on what camera setting I use.
Clear and relevant, as usual @Reno👏
Thanks for the Video Rino, super cool !! Question, do you will share the template for the global style? ill like to show it to my boss!
Hello, can you compare it with Bricks Builder and Oxygen?
Hey Rino, are you going to make a vid about the new update 3.12? Thanks
Hi there, Rino! I'm a regular visitor and viewer.
You inspire me so much and I really learn a lot from you.
I have a question to ask. When I use Elementor flexbox, the 'fixed' option in a background image doesn't work. Is that only on my part? Or is it with the flexbox? Because, when I don't use flexbox, it does work perfectly.
just tested it, with a container set a background image and changed it to fixed, it seems to work normal - check if you r using the newest version
@@JustAn0therSoul Yeah it works normally. It doesn't stay 'fixed'. But when I deactivate flexbox and do the same work with section & column, it works perfectly.
@@nif_9 for me it stays fixed
@@JustAn0therSoul Okay. Thank you so much for confirming. I'm actually using v3.9. Maybe, that's why. I'll update to the latest one & check if everything is ok.
Thank you again for your confirmation. :)
I assume the copy & paste "between" websites is only for Elementor Pro versions?
Nice job Rino
I’m happy to say I’m leaving Elementor completely behind. Although I have about 75 websites built on pro so I have to keep paying for it, I’ll probably never build another site in Elementor. It’s too bloated and slow.
What am I switched to? Bricks & Webflow ❤
For the custom uploaded videos I think elementor uses the browser's video player, so it is not customizable. I am not sure though.
Will you be doing videos on BricksBuilder?
I cant paste it from another page, do I have to change some settings?
Great Video - thank you.
I don't understand the difference between global widgets and classes. Like, sure you can switch classes quickly, instead of having to swap out widgets. But it's almost the same thing right?
Global widgets keep the content the same. Classes only the design. Which is what you want because content differs, but design does not.
As always- great job 👏🏻
Great video, Rino! Beautifully explained
I'm currently following your class on building a blog on Skillshare. Does this update change something in your course? Thanks.
A lot is going to change! But right now you can still use those instructions!
lol, still on 3.9 not getting any updates!
Massively on the fence for using the Container and from what I can see, you need to have that installed to use the Loop builder.... or did I miss something?
I have made it work with the columns as well.
will you be selling the style guide as a template ??? I hope so
12:50 Most importantly: GDPR! At least in Germany and Austria it's normal now to load Google Fonts locally. Lot of peopel got sued for using google fonts.
ok we know Brikccs is your sponsor .. the padding in Elementor is better, it can be global, default and individual including the margins
Hy Rino, is it possible to have different loop style mixed in the post list.
Hey! Yea that is possible these days with the Alternate template. I don’t have a tutorial on it yet so you have to look it up for now.
Did you make the video about fonts?, Thanks
Yes! I actually did. Take a look at my last upload
Will you release youe lementor style guide testing website to the public? Maybe a paid version?
Thanks for the video man! Just a shot in the dark… anyone know why I am having to constantly regenerate css and files to get my local website to display content as it should?? I know it could be many things, but a few workarounds that I’ve had to repeat more than I’d like have been disable themes, regenerate files, sync library, but I’m not exactly sure what’s been causing this to occur.
I will say that it usually occurs following updates to template element like the header/menu.
Good work
Great! Just that, new sub here
I have a question what theme do you recommend for Elementor? Debating if Hello Theme is the Theme I should use with Elementor?
Hi! Yes I recommend using Hello for all my websites these days. In the course I explain why. But basically its that you want to do as much possible in Elementor and by using Elementor you are forcing yourself to do that. You get maximum customization with Hello.
@@rinodeboer I am going to wait until after the 9th of November. Do you have an affiliate link I can use for Elementor? Elementor replaces my Social plugin, forms and probably a couple others that I would pay as well. I was waiting for a Loop builder, so very happy about that.
@@rinodeboer I have a question what are your thoughts on the Elementor Hosting option?
Sounds good! It can indeed remove the needs for many plugins. My affiliate link can be found on this page: livingwithpixels.com/software/ as well as recommendations for hosting companies besides Elementor hosting. Speaking of Elementor hosting: its a solid option, but you have to do some extra work to connect your domain and domein-email (if you also want that). For beginners I recommend Hostinger. You can also find that one on that page.