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

Подписаться 24 тыс.

Просмотров 19 тыс.

50% 1

✨ 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

Хобби

Опубликовано:

2 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 99

@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!

@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 Год назад

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

@millann387 10 месяцев назад

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.

@ismailfaturrohman4858 9 месяцев назад

These are great tips! Awesome content

@bawilms 10 месяцев назад

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

@LytboxStudio 10 месяцев назад

I'm so glad to hear!

@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 Год назад

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 Год назад

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

@Etnapol77 Год назад

Great job as always Jeffrey!

@LytboxStudio Год назад

Thanks!🙏❤️

@parthosarkar5270 Год назад

Insightful as always!

@LytboxStudio Год назад

Thanks mate!

@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?

@learnearn3166 Год назад

Very informative video Thanks!😄

@WIThEMaN2 Год назад

Great tip, looking forward to the font video

@LytboxStudio Год назад

Thanks and sounds good!

@barryhickman9470 8 месяцев назад

Thank you very very very Much for this Tutorial xx

@gigworkmama Год назад

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

@arthurm.3565 Год назад

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

@thomasconrad2729 11 месяцев назад

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 11 месяцев назад

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

@thomasconrad2729 11 месяцев назад

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

@LytboxStudio 11 месяцев назад

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

@kevinj4862 4 месяца назад

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

@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 ?

@joshlyons1005 Год назад

This is so useful thank you

@LytboxStudio Год назад

So glad to hear!

@cryptopuncher Год назад

I caught the value. So much value as always

@LytboxStudio Год назад

I’m so happy to hear this thanks! 🙏

@JohnXionidis Год назад

Awesome video Jeff! Keep those optimization videos coming :D

@LytboxStudio Год назад

For sure! 💪

@GastonGarciaO Год назад

great video

@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 Год назад

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 Год назад

@@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 Год назад

@@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 Год назад

@@LytboxStudio excellent advice. Much appreciated!

@darreng1496 Год назад

Nice video, very helpful. Keep them coming.

@LytboxStudio Год назад

Thanks, will do!

@brianholt6083 Год назад

Great tips.

@LytboxStudio Год назад

Thanks!

@pixelgap Год назад

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

@LytboxStudio Год назад

It’s coming up next week!

@WTPleo Год назад

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

@LytboxStudio Год назад

Awesome!✌️Happy to have you hear!

@AadityaSharmas Год назад

Great how to remove default padding of section??

@BalloonSchool 8 месяцев назад

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 8 месяцев назад

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

@soc1a Год назад

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

@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 Год назад

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

@LytboxStudio Год назад

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

@suman121069 11 месяцев назад

❤

@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 Год назад

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 Год назад

@@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 Год назад

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

@LytboxStudio Год назад

For sure!

@BalloonSchool 8 месяцев назад

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 8 месяцев назад

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

@raqueliatheimpatientgardne8196 Год назад

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

@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

@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 Год назад

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

@LytboxStudio Год назад

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

@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 Год назад

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

@muhammadaslan6256 Год назад

@@LytboxStudio It will show inside the Elementor ui?

@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 Год назад

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

@cmoik 11 месяцев назад

⚠ 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.

@franciscolee3493 Год назад

Doing those changes affect the performance in google speed test?

@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.

@IvanvanderTuuk Год назад

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

@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

@vladimirm3271 Год назад

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

@plantifulalexandra Год назад

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

@LytboxStudio Год назад

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

@plantifulalexandra Год назад

@@LytboxStudio Thought so, thanks! :)

@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 Год назад

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 11 месяцев назад

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 11 месяцев назад

@@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 11 месяцев назад

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

@audunjemtland8287 2 месяца назад

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

@LytboxStudio 18 дней назад

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 17 дней назад

@@LytboxStudio Not pro.

@LytboxStudio 17 дней назад

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