5 Tips To Set Up Elementor Websites in 2023 | Things Have Changed

Тәжірибелік нұсқаулар және стиль

✨ Join us in the Lytbox Academy Community:
lytboxacademy.com/join-us/
5 top tips to set up Elementor.
/////
✨ Learn High-Level Web Design Skills With Me:
🟢 Master Elementor while learning web design skills:
lytboxacademy.com/design-with...
🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers:
lytboxacademy.com/seo-for-wor...
🟢 A step-by-step guide to building a WordPress Maintenance Business that results in high MRR:
lytboxacademy.com/maintenance...
🟢 Become a Lytbox Academy Pro Member:
lytboxacademy.com/the-academy/
/////
✨ My Recommended WordPress & Web Design Tools:
👉 The hosting I use:
Cloudways (use promo code LYTBOX for 30% off 3/months)
lytboxacademy.com/cloudways/
xCloud:
lytboxacademy.com/xcloud/
/////
👉 My WordPress Tools:
Elementor Pro:
lytboxacademy.com/elementor/
Breakdance Builder:
lytboxacademy.com/breakdance/
Bricks Builder:
lytboxacademy.com/bricks/
Crocoblock:
lytboxacademy.com/crocoblock/
SEOPress (the best SEO tool for WordPress!):
lytboxacademy.com/seopress
Perfmatters:
lytboxacademy.com/perfmatters
InstaWP:
lytboxacademy.com/instawp
WP Umbrella:
lytboxacademy.com/wp-umbrella
/////
⏰ TIME STAMPS
0:20 - Tip 1
3:32 - Tip 2
4:54 - Tip 3
6:14 - Tip 4
8:28 - Tip 5
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#elementor #elementortutorial #elementorpro

Пікірлер: 100

  • @jerry-suhrstedt
    @jerry-suhrstedt29 күн бұрын

    Bruh... your cinematography, colors, resolution and lighting is on point.

  • @WolfieBoostin20lbs
    @WolfieBoostin20lbs Жыл бұрын

    Great tips! Took me a minute, but if you didn't set containers to "active" then you won't have the options to set container padding to 0 in the Site Settings. Just a tip for anyone who was wondering why they don't see those settings. 👍🏼

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Yes! I’ve seen many ask why they don’t have containers. I’m glad you pointed that out. Now they’re a release candidate, I think they’ll be active by default in an update soon. Probably not by we’re getting the containers pop up in the 3.12 update

  • @plantifulalexandra

    @plantifulalexandra

    Жыл бұрын

    Just created a whole container website without knowing about this new feature.🥲

  • @bawilms
    @bawilms11 ай бұрын

    Definitely glad I came across your channel. Already a big help.

  • @LytboxStudio

    @LytboxStudio

    11 ай бұрын

    I'm so glad to hear!

  • @frozencreativellc
    @frozencreativellc Жыл бұрын

    I'll have to use some of these tips! A couple of mine are adding some CSS code to the theme: REMOVE UNWANTED SPACE FROM THE BOTTOM OF THE TEXT EDITOR: .elementor-widget-text-editor p:last-child{ margin-bottom:0px;} STOP OVERFLOW (ENTIRE SITE): html, body{ width:100%; overflow-x:hidden; }

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Nice one! That overflow is a must! Especially for mobile

  • @barryhickman9470
    @barryhickman947010 ай бұрын

    Thank you very very very Much for this Tutorial xx

  • @ismailfaturrohman4858
    @ismailfaturrohman485810 ай бұрын

    These are great tips! Awesome content

  • @hnybrr
    @hnybrr Жыл бұрын

    Hi Jeff, this was really helpful and I appreciate the way you teach! I have a question: Referring to this video and your other video “How to Create a Wordpress Website for Beginners with Elementor in 2022: Mini Course”… Would you reccommend combining these two resources as one big step-by-step guide? Or do you plan to make another updated Mini Course video due to the Elementor updates? I noticed in the other video, at that time in 2022 using Google Fonts (Montserrat) was accepted, but in 2023, you have to turn off this feature. This just makes me wonder what major or minor steps need to be modified in the creation process now!

  • @parthosarkar5270
    @parthosarkar5270 Жыл бұрын

    Insightful as always!

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Thanks mate!

  • @Etnapol77
    @Etnapol77 Жыл бұрын

    Great job as always Jeffrey!

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Thanks!🙏❤️

  • @learnearn3166
    @learnearn3166 Жыл бұрын

    Very informative video Thanks!😄

  • @millann387
    @millann38711 ай бұрын

    Hi Jeff, this video is GREAT! Is there any chance you can release a new version of the video with the new options that have appeared in the latest version of Elementor Pro? This is a great video and I think it's a great starting point and foundation for anyone starting out with building a website.

  • @WIThEMaN2
    @WIThEMaN2 Жыл бұрын

    Great tip, looking forward to the font video

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Thanks and sounds good!

  • @arthurm.3565
    @arthurm.3565 Жыл бұрын

    Thanks for sharing. I am new here and wish to learn from you.

  • @joshlyons1005
    @joshlyons1005 Жыл бұрын

    This is so useful thank you

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    So glad to hear!

  • @gigworkmama
    @gigworkmama Жыл бұрын

    So many great tips. Thanks for this video. New subscriber now.

  • @thomasconrad2729
    @thomasconrad2729 Жыл бұрын

    Just what I was looking for. I've had Elementor for at least 5 years and am ready to completed rebuild my websites. I have not kept up with all the new stuff. Thanks

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    So glad to hear! Elementor evolves so quickly, there are several more new features I’m looking forward to exploring and sharing.

  • @thomasconrad2729

    @thomasconrad2729

    Жыл бұрын

    @@LytboxStudio Fantastic. I've got your notifications turned on. You have an excellent teaching ability which is greatly appreciated.

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    @@thomasconrad2729 that is so awesome to hear! Many thanks!

  • @cryptopuncher
    @cryptopuncher Жыл бұрын

    I caught the value. So much value as always

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    I’m so happy to hear this thanks! 🙏

  • @JohnXionidis
    @JohnXionidis Жыл бұрын

    Awesome video Jeff! Keep those optimization videos coming :D

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    For sure! 💪

  • @darreng1496
    @darreng1496 Жыл бұрын

    Nice video, very helpful. Keep them coming.

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Thanks, will do!

  • @MsAdza85
    @MsAdza85 Жыл бұрын

    Thank you so much for the tips!! I disabled the tag generator but checking the page through an additional extension in google chrome still shows how the page is done..Could you prepare something about the new AI feature in Elementor? I am also interested in using Slider Revolution, just wondering if it is compatible with elementor and if it will put too much load on the site?

  • @brianholt6083
    @brianholt6083 Жыл бұрын

    Great tips.

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Thanks!

  • @GastonGarciaO
    @GastonGarciaO Жыл бұрын

    great video

  • @ol8435
    @ol8435 Жыл бұрын

    What a great video, very helpful! On single product page, updated Elementor disable the entire products information(image,price,add to cart, etc..), unless edit product only with Wordpress. Have you or anyone facing same product ?

  • @WTPleo
    @WTPleo Жыл бұрын

    Great video man. Can't wait for that font video! New subscriber in the building ;)

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Awesome!✌️Happy to have you hear!

  • @BalloonSchool
    @BalloonSchool9 ай бұрын

    I like your presentation - but wished that you explain what it really does. For example "inline font icons" (based on the text I am not sure whats about). For a beginner is this to fast.

  • @LytboxStudio

    @LytboxStudio

    9 ай бұрын

    I understand. I try and simplify as much as I can. Keep asking questions when you run across thing you don’t understand:)

  • @pixelgap
    @pixelgap Жыл бұрын

    I am really interested to see how you can reduce the size of fonts. Nice tips by the way. Thank you

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    It’s coming up next week!

  • @dinopelle
    @dinopelle Жыл бұрын

    Awesome. Just what I needed to get away from some bad habits in my setup. Thanks. Would love more setup tips…like clarification between using theme or page builder settings…which leads the design process?

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Thanks and great question. Since Elementor has a solid global design system, I apply my design system within Elementor (the page builder). The only time I would let the theme control the layout and design styles are for WooCommerce sites where I’m using a theme better suited for product pages like Blocksy or Ray. Everything else is all in the page builder.

  • @dinopelle

    @dinopelle

    Жыл бұрын

    @@LytboxStudio Interesting. Thanks for the clarity. I’ve always been confused by this choice. I’ll stick to Elementor except for ecommerce sites. Appreciate the quick reply.

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    @@dinopelle it does get confusing with so many options to do the same thing. I find using Hello theme helps because there’s no theme options, just the builder. It’s the same for Bricks, BD, and Oxy, none of them need a theme and is all done in the builder. I feel what’s most important in the design and build process is finding what works best for you and master that process. Then you’ll be able to refine it.

  • @dinopelle

    @dinopelle

    Жыл бұрын

    @@LytboxStudio excellent advice. Much appreciated!

  • @soc1a
    @soc1a Жыл бұрын

    Awesome tips as always Jeff! Do you ever find it useful to name your sections or elements in the navigator pane?

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Absolutely! That navigator gets filled up quickly and can start to get cluttered especially with inner containers. I like to label my outer containers based on their sections so they’re easy to recognize

  • @soc1a

    @soc1a

    Жыл бұрын

    @@LytboxStudio good call! Gonna start utilizing the nav pane more, you definitely showed how useful it can be

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    @@soc1a once getting used to it things go so much smoother!

  • @kevinj4862
    @kevinj48625 ай бұрын

    How did you get the outline of the containers with the plus sign in the middle?

  • @frankstone
    @frankstone Жыл бұрын

    Great tips, would love to see more setup options discussed..... Like... Settings > General > "Cache Levels." What is the difference in cache level settings (0, 1,2,3)? If you already have a caching plugin, should this be set to zero?

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Hey thanks Frank! I think the cache levels may be from a caching plugin. Are you already using one? To be safe and prevent issues I only stick with 1 caching plugin for site caching (I use WP Rocket) and I also use Varnish for server caching. It comes with Cloudways. If you have 2 plugins that can cache, I would only use 1

  • @frankstone

    @frankstone

    Жыл бұрын

    @@LytboxStudio THANKS... I just needed a gentle push in the right direction. You were correct. It was a caching addition from HostGator (Endurance Cache). I went into the main Plugins page > "Must Use" section and removed it. Thank you!

  • @marcobuglio8096
    @marcobuglio8096 Жыл бұрын

    disable google font is the best for gdpr, thanks for the tip

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    For sure!

  • @cmoik
    @cmoik Жыл бұрын

    ⚠ I recommend not deactivating the options that are marked with the blue box labeled 'Performance' as they are options that Elementor created to improve performance, making the page faster.

  • @AadityaSharmas
    @AadityaSharmas Жыл бұрын

    Great how to remove default padding of section??

  • @pererik2007
    @pererik2007 Жыл бұрын

    Generator option does not remove all wordpress 6.2 in html code -- only 1 out of 2. Always like your content and presntation!

  • @pererik2007

    @pererik2007

    Жыл бұрын

    (not a reply) Just want to add that the generator option seems to hide the elementor version only.

  • @suman121069
    @suman121069 Жыл бұрын

  • @vladimirm3271
    @vladimirm3271 Жыл бұрын

    Ждём про установку своих шрифтов :)

  • @RySin89
    @RySin89 Жыл бұрын

    The navigator needs to be able to name elements. when a page gets big finding the right "container" in a sea of containers in the navigator is impossible. Admin labels would be sweet

  • @robinregnier3531

    @robinregnier3531

    Жыл бұрын

    double click them in the navigator and rename them - as far as I know, always been able to rename things in there :)

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    For sure and we can by double clicking the name. It get’s messy quickly without naming them

  • @IvanvanderTuuk
    @IvanvanderTuuk Жыл бұрын

    Google fonts is not gdpr compliant, Adobe fonts also not gdpr compliant? Why ?

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Good question. Google is collecting data when loading their fonts externally. That one for sure is a no no. And Adobe fonts is iffy. Both are not good for performance as well. Best to install your fonts

  • @muhammadaslan6256
    @muhammadaslan6256 Жыл бұрын

    Maybe if we are don't have Elementor pro to add a custom font to use it inside Elementor when build page how we will do it after block google font to load 😊

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    You gotta do it the old school way uploading your font files and using @font-face 😉

  • @muhammadaslan6256

    @muhammadaslan6256

    Жыл бұрын

    @@LytboxStudio It will show inside the Elementor ui?

  • @franciscolee3493
    @franciscolee3493 Жыл бұрын

    Doing those changes affect the performance in google speed test?

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Turing off the features/experiments that aren’t being used helps the performance. It’s not a drastic change in GPS but every bit of optimization works.

  • @raqueliatheimpatientgardne8196
    @raqueliatheimpatientgardne8196 Жыл бұрын

    Any particular reason when I go to PAGES instead of Edit with elementor I am seeing Edit with Pagelayer??

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    What theme are you using? This sounds like it’s coming from a theme or plugin. Try using the Hello Theme and deactivating all plugins except Elementor

  • @BalloonSchool
    @BalloonSchool9 ай бұрын

    What to do if you have an old website like 5 years old and you need to make a new version? My current provider sadly doesnt provide staging. I feel a little bit overwelmed :(

  • @LytboxStudio

    @LytboxStudio

    9 ай бұрын

    You can build on a local host. I use Local by Flywheel. It’s free and easy to set up. I have a video on this about 3 months ago

  • @plantifulalexandra
    @plantifulalexandra Жыл бұрын

    What's the advantage of others not seeing your WP version?

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    It’s good for security preventing hackers from seeing what version of WP you’re using

  • @plantifulalexandra

    @plantifulalexandra

    Жыл бұрын

    @@LytboxStudio Thought so, thanks! :)

  • @audunjemtland8287
    @audunjemtland82873 ай бұрын

    I have none of those choices. It's just gone. What going on?

  • @LytboxStudio

    @LytboxStudio

    Ай бұрын

    Are you using the Pro version of Elementor? Keep in mind the 'Features' section in the dashboard often changes. Sometimes the features become automatically applied.

  • @audunjemtland8287

    @audunjemtland8287

    Ай бұрын

    @@LytboxStudio Not pro.

  • @LytboxStudio

    @LytboxStudio

    Ай бұрын

    @@audunjemtland8287 that's why. The free version barely has anything in it, it's why I only use the pro version.

  • @rg-web-design
    @rg-web-design Жыл бұрын

    Tip No.3. - I have never understood any reason to have a default padding of 10px. I flagged this up years ago.

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Right, it just throws off the layout consistency. I’m guessing it’s to help people see the different containers when using inner containers. But that UI comes at too high a price I think

  • @cmoik

    @cmoik

    Жыл бұрын

    There is an explanation of why these padding use 10px by default. This is part of the concept of responsive design and is called Gutters. Gutters are the padding between your columns, used to responsively space and align content in the Bootstrap grid system. Knowing that all columns have 10px of padding-left and right, if you sum 12 columns with a width of 75px + 11 gutters (space between the columns) of 20px (because the columns have 10px of padding-left and rigth) + the 10px of the padding left at the beginning and the 10px of the padding right at the end, you will have the 1140px of content width that Elementor uses by default following the design responsive concept. (12*75px+11*20px+10px+10px = 1140px) >>> Every UX Designer should know this and the Elementor follow these concepts.

  • @rg-web-design

    @rg-web-design

    Жыл бұрын

    @@cmoik The key aspect I don't understand is te use of px in such circumstance. UI hardly touches px and it has very little to do with the flow of UX. Any UX/UI designer knows this.

  • @cmoik

    @cmoik

    Жыл бұрын

    @@rg-web-design Because Bootstrap was conceived that way, and until today, no one has opposed it.

  • @NooNaLaluna
    @NooNaLaluna Жыл бұрын

    Another good tip is to use good hosting 😂

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    That is a must!

  • @didimtoday
    @didimtoday Жыл бұрын

    Elemntor is expensive and cant find even boxed layout!! Waste of money and time

  • @barrygrottis4578

    @barrygrottis4578

    Жыл бұрын

    So what do you use instead? FYI you can get it super cheap thanks to GPL licensing - I got it from Worldpress IT

  • @Altinkum

    @Altinkum

    Жыл бұрын

    @@barrygrottis4578 divi unlimited license 👍

  • @Valeras
    @Valeras Жыл бұрын

    *SUPER* 👍👍👍👍👍👍👍👍👍👍

  • @LytboxStudio

    @LytboxStudio

    Жыл бұрын

    Thanks! 🙏🙏🙏💪💪💪😎