- Видео 143
- Просмотров 1 569 667
Jeffrey @ Lytbox
США
Добавлен 27 апр 2017
For my fellow Web Creatives! ✨💖✨
This is where us web creators learn and grow together. That's what the Lytbox Academy is all about!
Dedicated to Web Designers, Developers, Freelancers, & Agency Owners.
To learn more about how the Lytbox Academy can add value check out lytboxacademy.com
To discuss a project reach out to me directly at lytboxacademy.com/contact/
This is where us web creators learn and grow together. That's what the Lytbox Academy is all about!
Dedicated to Web Designers, Developers, Freelancers, & Agency Owners.
To learn more about how the Lytbox Academy can add value check out lytboxacademy.com
To discuss a project reach out to me directly at lytboxacademy.com/contact/
Integrate Elementor Forms to a Notion CRM [with Bit Integrations]
We open up new powers in WordPress by using integrations and automation. In this video, we look at Bit Integrations, a powerful plugin that connects WordPress websites to the software we use.
To show how this works, we are integrating Elementor Forms with Notion to create a lead-generation automation. The same method can be used with Bricks, Breakdance, and all forms in WordPress.
🟡 Get Bit Integrations here 👇
lytboxacademy.com/bit-integrations/
🟡 Here's a 20% discount coupon code for the Lytbox Community 👇
Coupon Code: Lytbox
To learn more about WooCommerce integrations with Bit Integration, check out WP Tut's video 👉 ruclips.net/video/hgMkLvV-r6k/видео.htmlsi=Cc0Mf_ODvDJI9Fz8
=================...
To show how this works, we are integrating Elementor Forms with Notion to create a lead-generation automation. The same method can be used with Bricks, Breakdance, and all forms in WordPress.
🟡 Get Bit Integrations here 👇
lytboxacademy.com/bit-integrations/
🟡 Here's a 20% discount coupon code for the Lytbox Community 👇
Coupon Code: Lytbox
To learn more about WooCommerce integrations with Bit Integration, check out WP Tut's video 👉 ruclips.net/video/hgMkLvV-r6k/видео.htmlsi=Cc0Mf_ODvDJI9Fz8
=================...
Просмотров: 1 076
Видео
Elementor Glassmorphism Design Styles - Glass Headers & Cards
Просмотров 2,7 тыс.14 дней назад
We can get more creative with our Elementor websites by applying Glassmorphism to our cards, elements, and sticky headers and menus. Free Glassmorphism Generator used in this tut 👇 ui.glass/generator/ 🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacademy.com/design-with-elementor/ 🔵 ////// Learn to Build...
The Ultimate FREE WordPress Speed Optimization Plugin 🚀 [Airlift]
Просмотров 4,1 тыс.21 день назад
⚡️ Speed up your sites with Airlift here 👇 lytboxacademy.com/airlift/ 🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacademy.com/design-with-elementor/ 🔵 ////// Learn to Build and Sell WordPress Maintenance & Care Plans lytboxacademy.com/maintenance-plans-course/ 🏆 ////// Become a Lytbox Pro Member lytbox...
Skeuomorphic Buttons & Cards in Elementor
Просмотров 3,8 тыс.28 дней назад
By applying a skeuomorphic effect to our buttons and cards in Elementor, we can turn flat and plain elements into a more lifelike design that looks way cooler 😎 🔗 Link to the CSS 👇 lytboxacademy.com/elementor-skeuomorphism-buttons-cards/ 🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacademy.com/design-wi...
Elementor Transparent Headers with Position Absolute
Просмотров 10 тыс.2 месяца назад
🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacademy.com/design-with-elementor/ 🔵 ////// Learn to Build and Sell WordPress Maintenance & Care Plans lytboxacademy.com/maintenance-plans-course/ 🏆 ////// Become a Lytbox Pro Member lytboxacademy.com/the-academy/ 🌟 ////// Personal 1-On-1 Elementor Training t...
Building an Elementor Starter Blueprint Site
Просмотров 8 тыс.2 месяца назад
Setting up an Elementor starter blueprint site can help speed up your workflow by reducing repetitive tasks when building a new WordPress site. Checkout InstaWP for a workflow solution and get 20% off with coupon code JEFFREY20 👉 instawp.com/?via=lytbox 🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacade...
The Most Common SEO Mistakes in WordPress (Free 🎁 Course Lesson)
Просмотров 1,9 тыс.3 месяца назад
🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ SEO is a highly important area for all web designers and developers to be educated in. By learning how to apply SEO best practices to our WordPress websites, we can prevent the most common SEO mistakes and costly errors in the WordPress websites we build. 🟢 ////// Master Elementor with Better Designs lytboxaca...
My Top 10 BEST WordPress Plugins for 2023 🏆
Просмотров 4,5 тыс.5 месяцев назад
What are your favorite plugins for 2023? Let us know in the comments! Quick links to all plugins in my top list 👇 Bricks Extras: bricksextras.com/ WP CodeBox: wpcodebox.com/ WS Form: wsform.com/ Perfmatters: perfmatters.io/?ref=1230 StudioCart: www.studiocart.co/ FluentCRM: fluentcrm.com/?ref=813 Migrate Guru: migrateguru.com/ ACF: www.advancedcustomfields.com/ Advanced Themer: advancedthemer.c...
Bricks Builder Trick - Glowing Cursor on Card Hover
Просмотров 6 тыс.6 месяцев назад
Link to the code snippets 👇 lytboxacademy.com/bricks-builder-card-hover-glowing-effect/ Link to the Elementor version of this tut ruclips.net/video/XXrAJBFJacA/видео.html 🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacademy.com/design-with-elementor/ 🔵 ////// Learn to Build and Sell WordPress Maintenanc...
New Elementor Design Trick - Glowing Cursor on Card Hover
Просмотров 38 тыс.6 месяцев назад
Link to code snippets👇 lytboxacademy.com/card-hover-effect-glowing-cursor-with-elementor/ 🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacademy.com/design-with-elementor/ 🔵 ////// Learn to Build and Sell WordPress Maintenance & Care Plans lytboxacademy.com/maintenance-plans-course/ 🏆 ////// Become a Lytb...
Sales Badge In Elementor Product Loop Grids
Просмотров 5 тыс.7 месяцев назад
Learn how to add a sales badge to your product archive items. 🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacademy.com/design-with-elementor/ 🔵 ////// Learn to Build and Sell WordPress Maintenance & Care Plans lytboxacademy.com/maintenance-plans-course/ 🏆 ////// Become a Lytbox Pro Member lytboxacademy....
Elementor Product Loop Builder with Filters for WooCommerce
Просмотров 26 тыс.7 месяцев назад
Create products Filters using Elementor's Taxonomy Filter widget. 🟣 ////// Learn Powerful SEO for WordPress lytboxacademy.com/seo-for-wordpress-course/ 🟢 ////// Master Elementor with Better Designs lytboxacademy.com/design-with-elementor/ 🔵 ////// Learn to Build and Sell WordPress Maintenance & Care Plans lytboxacademy.com/maintenance-plans-course/ 🏆 ////// Become a Lytbox Pro Member lytboxacad...
All New Advanced Grid Containers For Elementor (with a free template 🎁)
Просмотров 13 тыс.7 месяцев назад
All New Advanced Grid Containers For Elementor (with a free template 🎁)
Elementor Grid Containers - First Look & Easy To Get Started
Просмотров 20 тыс.8 месяцев назад
Elementor Grid Containers - First Look & Easy To Get Started
New Updated Elementor Global Style Guide • A UI Improvement!
Просмотров 6 тыс.8 месяцев назад
New Updated Elementor Global Style Guide • A UI Improvement!
A Powerful WordPress Form Builder - Bit Forms
Просмотров 7 тыс.8 месяцев назад
A Powerful WordPress Form Builder - Bit Forms
Figma to Elementor Landing Page Super Speed Session #1
Просмотров 10 тыс.9 месяцев назад
Figma to Elementor Landing Page Super Speed Session #1
All New Elementor Category & Tag Filters (Taxonomy Filters)
Просмотров 42 тыс.9 месяцев назад
All New Elementor Category & Tag Filters (Taxonomy Filters)
How to Hide the New Elementor Apps Page & Ads
Просмотров 3 тыс.9 месяцев назад
How to Hide the New Elementor Apps Page & Ads
Wordpress Security Tip: Protect Yourself From Dirty IP's (IP Reputations)
Просмотров 1,1 тыс.9 месяцев назад
Wordpress Security Tip: Protect Yourself From Dirty IP's (IP Reputations)
How to SEO Optimize Your Elementor Headers & Menus
Просмотров 7 тыс.9 месяцев назад
How to SEO Optimize Your Elementor Headers & Menus
Single Page Scrolling Elementor Menu (Desktop & Mobile Anchor Scroll Menus)
Просмотров 8 тыс.10 месяцев назад
Single Page Scrolling Elementor Menu (Desktop & Mobile Anchor Scroll Menus)
Auto Responding Emails with Elementor
Просмотров 6 тыс.10 месяцев назад
Auto Responding Emails with Elementor
Simple WordPress Site Migrations with All In One Migration
Просмотров 4,1 тыс.10 месяцев назад
Simple WordPress Site Migrations with All In One Migration
Real Life Web Design Inspirations - 3 Alternative Sources
Просмотров 2,9 тыс.11 месяцев назад
Real Life Web Design Inspirations - 3 Alternative Sources
Start Using REM the Easy Way (For Elementor and WordPress Sites)
Просмотров 4,7 тыс.Год назад
Start Using REM the Easy Way (For Elementor and WordPress Sites)
How to Optimize Fonts & Improve Your Site Speed (for WordPress, Elementor, Bricks, and More)
Просмотров 20 тыс.Год назад
How to Optimize Fonts & Improve Your Site Speed (for WordPress, Elementor, Bricks, and More)
Customize Elementor’s Editor UI No Plugin - Change All Colors!
Просмотров 6 тыс.Год назад
Customize Elementor’s Editor UI No Plugin - Change All Colors!
New Elementor Mega Menu (Alpha Release) - First Look & What You Need To Know
Просмотров 32 тыс.Год назад
New Elementor Mega Menu (Alpha Release) - First Look & What You Need To Know
5 Tips To Set Up Elementor Websites in 2023 | Things Have Changed
Просмотров 19 тыс.Год назад
5 Tips To Set Up Elementor Websites in 2023 | Things Have Changed
Awesome!
😎
Bruh what is this wierd ahh editor, why don't you use simple css?
Why don’t you share with us the ‘simple’ css to achieve this effect with all of us? Feel free to drop your snippet in the comments and add value to everyone here.
Well one of the first video of hyperplexed does this with simple html, css and js. I just didn't know why you need GUI editor as a programmer, it just makes it more time consuming and restrictive to write code.
@@heyyounotyouyou3761 just add code the way it works best for you. It’s that simple. Some of us add all our code in a child theme, some in a code management plugin. Some of us build our own MU plugins. If you’re a programmer, then use the method then use what works best for you. But keep this in mind, if I only show the most advanced way for adding a code snippet into a Wordpress site, most people would get lost and overwhelmed. Many here are beginners trying to learn. I want to make sure everyone has a chance to learn and for those of use more advanced already, then use your own advanced methods.
Great feature. I just tried to implement it step by step. Works fine, except for that my blob is not circular, but more oval with more stretch in the vertical axis. What could that be? I think I followed along each step of your tutorial. And another question (not related to my problem): what does the fakeblob do?
Sounds like something is off with the border-radius. The fake blob acts like a mask to cover the blob.
@@LytboxStudio 50% all the way round for both the blob and fake-blob. Thanks for your great work, I'm just getting into your channel. Really great content on there for people starting out like me. Well-paced, great explanations and easy to understand and follow along. Subscribed!
@@LytboxStudio When I put in the CSS that the --blob-size: 500px instead of 250 px, it get's almost round. Seems to be that the height is not relative to the width. No clue.
@@LytboxStudio Okay, I tailored the solution myself. I think in your case it works out circular because 250px width and 80% height (of the container) is almost the same dimension. But if that's not the case, it will be oval, not circular. In order to avoid that, I needed to give the same attributes for selector .blob to width and height as well as left and top: width: var(--blob-size); height: var(--blob-size); left: calc(50% - calc(var(--blob-size)/2)); top: calc(50% - calc(var(--blob-size)/2));
Holy guacamole! This plugin rocks! I am going to use it on all websites 🙂 Thank you for sharing it with us!
That’s great! Make sure to test on your staging sites first though 😉
Great vid! Almost what I was looking for, but curios how to do this for categories instead of sales. I think you show this (meaning the category) in another video of yours.
It’s a lot easier for categories. No need for custom fields or ACF. All you need to do is add a Header widget in your Loop Grip, set the tag to span, and select dynamic tags and choose taxonomy > categories. Get used to the dynamic tags when using Loop Grid and you’ll be able to do so much more, it’s really helpful.
Dude ... I just started watching your tutorials, and they are amazing! I've def got some questions, but let me do some trial and error tests first so I can figure things out on my own. I'll be back (in terminator voice)!
Hey that’s awesome! Trial and error is the best way to learn. It develops solution finding skills. Ask questions here anytime!
It was fantastic tutorial!! Can you please make a video on Figma to Elementor
Thanks! I have Figma to El and Figam to Bricks videos in the works 😉
I am facing an issue where filtering by taxonomy shows all items, and the filtering does not work. In ACF Taxonomies, I have selected "category" for my projects and added the categories "Ongoing" and "Completed." In the loop items, I have selected "loop grid" and set the taxonomy as "category," getting "All," "Ongoing," and "Completed." However, it shows all items even when filtering by "Ongoing" or "Completed." What went wrong?
Not sure but the taxonomy filter is still in beta and I’ve seen a lot of comments where it isn’t working right. I’d hold off on the filter for now until Elementor fixes it and moves it out of beta.
Loved it, is it possible to create a notion crm tutorial you using ( lovely and minimal notion template you made )
Thanks and yes! I'll be sharing it soon and sharing it in the next Lytbox Newsletter. You can sign up here - lytboxacademy.com/
@@LytboxStudio subscribed
@@naddyamin awesome! 💖
It's only optimized the home page, the other pages become a really slow. You can't add or choose urls to optimize. Mobile menu stop working to.
Let's see if the Airlift team can check this out
What about on a multi site Wordpress.
Haven't tested it yet
You're very generous with your sharing mate 🙏
Thanks! 🙏
Excellent, but the product does not open, any solution?
Make sure to apply an dynamic link to the featured image, product titleand button.
Hey Jeffrey, maybe I missed it. Is this using the free version of Notion as well? I watch your videos all the time, great stuff. Thanks for doing what you do!
Thanks I really appreciate that! It should work fine on the free version of Notion
Live testing Airlift as I'm writing this, not so good! On desktop got a blank hero header for a while, then it moves on but the image is blurry?
I wouldn't test on a live site. Give a try on a staging and play with the settings. Also, check in with the Airlift team, they've been helpful
For now I leave it on, because the speed index looks better than Seraphinite Accelerator. To be continued :-)
Glad to see it's working
Hmm, used Seraphinite Accelerator before and it gives me 81 on mobile, 98 on desktop on Google Page Speed (and some other numbers). Tested Airlift on the same site, and it came up with 77 on mobile and 100 on desktop. Seraphinite Accelerator (free) is limited to 5000 vieuws a month, I didn't see if there is any limitation with Airlift?
This helped me, Thank you sir
That's awesome! Thanks
Ran out of space on my 10GB Wordpress site and couldn't figure out why.....until I started looking at the size of the images. Yeah. This was helpful. Subbed, and thank you.
I'm glad you found the cause. Large image files are usually the culprit. Thanks for the sub and welcome the Lytbox Community!
Very useful, thanks
Awesome thanks!
Thanks for this tutorial. 👍 I'd be happy to get Your notion template - am I getting way too lazy? 🤔😃
That's great! I'll have the template ready in about and week and will be sharing it in the next Lytbox Newsletter. You can sign up here - lytboxacademy.com/
@@LytboxStudio Got it! Fair deal 👍
Really thank you, you are the best every time I hope to see a video of creating a classified ads website without a custom theme, as many are looking for that
Thanks and great suggestion!
Did you ever do the Local-to-Live Migration video? Thx and God bless...👍+ Sub'd.
Not yet but I do plan to show my process in a video very soon
@@LytboxStudio "A MUST" Really looking forward to that, as it would be beneficial for us NOOBS to get started as you said. Finding your tuts super useful. If time permits, perhaps you could build a site from scratch through this process and then host your site with Hostinger. Just a thought. Thx a million for all you do...Best.
@@jaronjackson6913 I agree. I remember my first time trying to migrate sites and it took days to figure out. Now, only minutes. I'll make sure to have something soon!
Thank you so much for this. An excellent tutorial, clear and informative.
Thanks!
Thanks a lot!
I appreciate that!
I'd love to see your video about intergration with WooCommerce !
I am planning a WooCommerce mini-course. I'll have integrations and automations in there.
Mr Jeffrey, What About the Sticky Top Method?
Works perfectly with this. Just select sticky to the top and that's all. I'm using it in this example website.
unfortunately my blob effect apppears for the whole page and not only the cards section .. any help?
got it! forgot to switch overflow to hidden. LFG
Glad to see you got it!
Great tutorial on integrating Elementor with Notion using Bit Integrations for WordPress! The clear steps make it easy to enhance productivity and streamline workflows. Perfect for Elementor and Notion users looking to maximize their tools. Thanks for the insights!
🙏
Can i ask what fonts are that u used on this page?
Thanks! I'm using Space Grotesk from Googel fonts
Great videos lately....as always! Cant wait for more 😊
I appreciate this sooo mcuh!
is it possible for the "Taxonomy Filters" to not be sorted alphabetically?
I'll have more videos on the Taxonomy Filter once the bugs gets fixed and it moves out of beta
@@LytboxStudio nice one. good thing I just need to move a single taxonomy to the end of the list last time so I just used the css "order" property to do it haha.
@@lewsea14 nice fix!
Nice one!!❤
Thanks!🙏
Amazing stuff here mehnn🎉
🙏
I agree with @dharmeshspandey, who said, " Your content is gold." Thank you, Jeffrey@lytbox. Elementor, Please save us from plugin bloat. I needed a membership site. I purchased a membership plugin. It functioned fine, but its features were ugly and uninviting. So, if I upgraded to the builder feature they offered, I could make it look better. Of course, this is after I already purchased the plugin. In other words, it is a paid plugin with another paid offer on top. I would have instead paid you Elementor if they offered the memberships fearure.
Amazing!
Thanks!
Thanks for amaizng content jeffery can i use a notion like a crm for my busniees and i have 2 emplyess if i can it will be amazing because the cost of crm programs very expensive how i can replace them with notion and what i need form other tools to replace crm applications???
You can, I run my CRM and project management with the team all in Notion. I'll make sure to share more about how I do this in future videos
@LytboxStudio thank you soo much for repaly and please if you can to share video about that 🙏🙏
This has been on my mind lately, Jeffrey. I appreciate your hard work into this.
That's great! Thanks!
Good work you are doing ❤. Please how can I achieve this header used in this video in elementor? I love it
Thanks! 🙏 in my last video I showed how to make this header here - ruclips.net/video/_wWzOqy_W7s/видео.html
Ohh thanks…. 🙏
@@LytboxStudio Thank you watched the tutorial, please how can get this background images you use for your projects for your hero section and other parts of your website?
@@kesterdestiny7315 this will be a great video! I'll share something soon showing how I find and create background graphics.
sir can i make money in web design using figma+elementor??10k/m like this thats possiple or not???
It's most definitely possible for anyone willing to work super hard and stay dedicated to learning, personally growing, and acquiring skills. I'm living proof it can be done.
Thank you for actually giving & explaining the code rather than just giving plugins. Out of curiosity, since it has been over a year since you posted this, is there a coding or elementor method that allows you to securely...even in inspector... hide content without a third party (membership) plugin?
Thanks! Since this video Elementor has added the Conditions feature but it’s in beta. I’ll be testing it more soon and sharing videos on it.
thank so much. i made it. very simple and very explained. sorry, i'm french merci beaucoup , et voila !
It's all good thanks!
Airlift does heavy lifting when it comes to optimization but it's a little too hard on every setting. 8 out of 10 sites I have tried it on had problems after. Mobile menu could not open, wrong css design, booking calendar with javascript not working, background video not working etc. Watch out when using this. Already gave Airlift a comment :-)
The Airlift team is listening and all this feedback is really helpful. I’ll send updates if I hear from them.
I just went to sign up for it and download it and the links to signup and download are not working. Throwing errors on Chrome and Safari. Pity cause WP Rocket hasn't been working all that well lately. UPDATE: I guess their servers were just down or something. Went back. Got signed up. Got it installed. Super easy. Installed with WP Rocket still going and their CDN (which isn't helping much, btw) and BOOM, huge improvement. Thank you for the heads-up on a great plug-in.
Love the content! I followed the instructions to the T - However.. I got a container in the background with a background image and a container inside with a higher z index. It works fine on the editor and shows the effect but when published there is no effect and i see the image clearly. Ive tried resetting css in elementor and purging the site and cache too!
If can been seen in the editor but not the front end it’s usually because something is still caching. Try changing browsers and using in incognito.
localwp is super slow, any other options?
Try the new WordPress Studio
I'm so glad this is coming back. I used to love coding up interfaces like this. Flat design taking over made frontend work boring. And when React took over, a lot of animations also disappeared from websites. Hope we're going back to the time when frontend was actually fun and creative work.
We need to have fun again!
Great video sir
🙏