![andrea egli](/img/default-banner.jpg)
- Видео 120
- Просмотров 764 582
andrea egli
Германия
Добавлен 17 май 2022
Hey guys! I'm Andrea and we're building cool stuff here, pushing the limits of Elementor for the most part :))
Elementor, code, Figma...we have it all, come join us!
This channel is ever-evolving so stay tuned for more cool stuff!
Elementor, code, Figma...we have it all, come join us!
This channel is ever-evolving so stay tuned for more cool stuff!
Migrating Your Site to Elementor Hosting - Migrate Guru
Let's migrate a website to Elementor Hosting with Migrate Guru plugin.
Migrating a website used to scare me, and it still does but I think this plugin might be the thing we need to keep the migration scaries away :))) Only time will tell but for now, I think this is it.
Timestamps:
00:00 Intro
01:09 The process of migrating to Elementor Hosting
03:53 Migration in process
06:45 Migration ends & final thoughts
08:25 Outro
🟠 GET ELEMENTOR HOSTING
be.elementor.com/visit/?bta=204254&nci=5343
🟠 GET ELEMENTOR PLUGIN
be.elementor.com/visit/?bta=204254&brand=elementor
🟠 WORK WITH ME
www.studioegli.com/
🟠 YOU CAN FIND ME HERE TOO
TWITTER - @AndreeaEgli
LINKEDIN - www.linkedin.com/in/egliandrea/
INSTAGRAM - in...
Migrating a website used to scare me, and it still does but I think this plugin might be the thing we need to keep the migration scaries away :))) Only time will tell but for now, I think this is it.
Timestamps:
00:00 Intro
01:09 The process of migrating to Elementor Hosting
03:53 Migration in process
06:45 Migration ends & final thoughts
08:25 Outro
🟠 GET ELEMENTOR HOSTING
be.elementor.com/visit/?bta=204254&nci=5343
🟠 GET ELEMENTOR PLUGIN
be.elementor.com/visit/?bta=204254&brand=elementor
🟠 WORK WITH ME
www.studioegli.com/
🟠 YOU CAN FIND ME HERE TOO
TWITTER - @AndreeaEgli
LINKEDIN - www.linkedin.com/in/egliandrea/
INSTAGRAM - in...
Просмотров: 100
Видео
HERO EXPERIENCE LANDING PAGE & ELEMENTOR HOSTING LITE PLAN
Просмотров 1,8 тыс.21 час назад
In this video, we will look at how I built a hero experience landing page and the psychological elements I added. We will also have a look at the Elementor Hosting lite plan as these two go hand in hand. Timestamps: 00:00 Intro 01:23 Elementor Hosting Lite Plan walkthrough 03:18 The anatomy of my landing page 07:34 Behind the science of how I built it 09:09 Outro Thank you for watching! 🟠 Link ...
Website Crashes and How to Prevent Them with Reliable Web Hosting - CLOUDWAYS AUTONOMOUS
Просмотров 270День назад
In this video, we will look at Cloudways Autonomous. We are going through a quick intro about the product and how easy or difficult it is to set it up for first-time users. Timestamps: 00:00 Intro 00:19 Website crashes 01:21 Common Causes of Website Crashes 02:21 Impact of Website Crashes on Businesses 03:49 Preventative Measures for Avoiding Website Crashes 04:03 Choosing a Reliable Web Hostin...
GSAP STACKING IMAGES - Elementor Wordpress Tutorial Flex Container
Просмотров 1,5 тыс.14 дней назад
Easy and effective, this effect is the fairy dust you need for your website :)) Jokes aside, this is pretty dope! CODE: ohwow.club/how-to-create-a-stacking-image-effect-with-gsap-in-elementor/ Timestamps: 00:00 Intro 00:36 Demo 09:23 Outro Thank you for watching! 🟠 TRY ELEMENTOR be.elementor.com/visit/?bta=204254&brand=elementor 🟠 TRY HOSTINGER hostinger.com?REFERRALCODE=1ANDREEA61 🟠 WORK WITH ...
MASTERCLASS: OPTIMIZING PERFORMANCE IN ELEMENTOR - It's Not What You Think!
Просмотров 2 тыс.14 дней назад
Grab a coffee and listen up: we're diving into how to optimize your website from start to finish. Don't skip this-there are some golden nuggets in here, including one I didn't even know about! Timestamps: 00:00 Intro 02:05 The DOM! 04:12 Why use Figma (plan your layout) 04:12 Actionable steps! 06:41 I didn't know this! :)) 07:30 Elementor Element types 08:18 How to flatten the HTML 08:45 Let's ...
GSAP PRELOADER WITH COUNTER & IMAGE - Elementor Wordpress Tutorial Flex Container
Просмотров 1,7 тыс.21 день назад
In this video, we explore making a preloader with an image and counter with GSAP. CODE: ohwow.club/how-to-create-a-preloader-with-counter-and-an-image-with-gsap-in-elementor/ Timestamps: 00:00 Intro 00:48 Demo 12:20 Outro Thank you for watching! 🟠 TRY ELEMENTOR be.elementor.com/visit/?bta=204254&brand=elementor 🟠 TRY HOSTINGER hostinger.com?REFERRALCODE=1ANDREEA61 🟠 WORK WITH ME www.studioegli....
STARTING WITH THE BEST MANAGED WORDPRESS HOSTING
Просмотров 48321 день назад
In this video, we will look at Cloudways, managed cloud hosting. We are going through a quick intro about the product and how easy or difficult it is to set it up for first-time users. PROMO CODE: andreaegli for $15 free hosting credits Code applied to the signup link below: platform.cloudways.com/signup?id=1737379&coupon=andreaegli&data1=ancwa Timestamps: 00:00 Intro 05:05 Demo 14:08 Outro Tha...
FLOATING BUTTON FEATURE FROM ELEMENTOR
Просмотров 3,1 тыс.28 дней назад
In this video, we will have a look at the new floating button feature from Elementor. You can see it in action here: ohwow.club/ Timestamps: 00:00 Intro 01:43 Demo 17:53 Outro Thank you for watching! 🟠 GET ECOMMERCE HOSTING BY ELEMENTOR be.elementor.com/visit/?bta=204254&nci=5693 🟠 Shoptimizer theme: www.commercegurus.com/product/shoptimizer/ 🟠 Conversion tool for WooCommerce: www.commercegurus...
MOVING IMAGES ON SCROLL - Elementor Wordpress Tutorial Flex Container
Просмотров 3,1 тыс.28 дней назад
In this video I will show you how to make a moving sequence of images on scroll. No code is required, just the Elementor *pro native functionality ;) Timestamps: 00:00 Intro 01:07 Demo 09:47 Outro Thank you for watching! 🟠 TRY ELEMENTOR be.elementor.com/visit/?bta=204254&brand=elementor 🟠 TRY HOSTINGER hostinger.com?REFERRALCODE=1ANDREEA61 🟠 WORK WITH ME www.studioegli.com/ 🟠 YOU CAN FIND ME HE...
OFF-CANVAS WIDGET FROM ELEMENTOR - DEMO INCLUDED - Elementor v. 3.22
Просмотров 2,6 тыс.Месяц назад
In this video, we will look at the off-canvas widget from Elementor. This video includes a demo build of an off-canvas menu. Timestamps: 00:00 Intro 01:46 Guided tour of the off-canvas widget 01:46 Demo building an off-canvas menu 20:11 Outro 🟠 GET ECOMMERCE HOSTING BY ELEMENTOR be.elementor.com/visit/?bta=204254&nci=5693 🟠 Shoptimizer theme: www.commercegurus.com/product/shoptimizer/ 🟠 Convers...
GSAP CLICK ON CONTAINER TO SHOW GALLERY OF IMAGES & VIDEOS - Elementor Tutorial Flex Container
Просмотров 2,3 тыс.Месяц назад
CODE: ohwow.club/how-to-show-images-and-videos-on-the-container-click-in-elementor-with-gsap/ Timestamps: 00:00 Intro 00:41 Demo 07:40 Outro Thank you for watching! 🟠 TRY ELEMENTOR be.elementor.com/visit/?bta=204254&brand=elementor 🟠 TRY HOSTINGER hostinger.com?REFERRALCODE=1ANDREEA61 🟠 WORK WITH ME www.studioegli.com/ 🟠 YOU CAN FIND ME HERE TOO TWITTER - @AndreeaEgli LINKEDIN - www.linkedin.co...
ECOMMERCE HOSTING BY ELEMENTOR - PLANS REVIEW
Просмотров 553Месяц назад
In this video, we will have a look at & chat about the eCommerce Hosting by Elementor, specifically their plans. Useful links mentioned in the video: 🟠 GET ECOMMERCE HOSTING BY ELEMENTOR be.elementor.com/visit/?bta=204254&nci=5693 🟠 Shoptimizer theme: www.commercegurus.com/product/shoptimizer/ 🟠 Conversion tool for WooCommerce: www.commercegurus.com/commercekit/ 🟠 GET ELEMENTOR PLUGIN be.elemen...
GSAP LOGO SWAP THE MARQUEE RE-IMAGINED - Elementor Wordpress Tutorial Flex Container
Просмотров 2,9 тыс.Месяц назад
In this video, I will show you how to make a logo swap grid with the grid widget from Elementor and GSAP. This effect is versatile as it can be used to swap images too. Also, the effect is disabled on mobile, there's no need to set up anything in Elementor as this is done in the code itself. Set it and forget it type of thing ;) CODE: ohwow.club/how-to-create-a-logo-swap-grid-in-elementor-with-...
ELEMENTOR NEW ELEMENT CACHING FEATURE - Elementor v. 3.22
Просмотров 2,4 тыс.Месяц назад
In this video, we will look at & chat about the new Elementor v3.22 feature update, specifically the element caching. Timestamps: 00:00 Intro 00:11 Short intermission/talk about Elementor hosting 01:15 Talking about the Elementor element caching feature 03:03 How to activate the element caching feature 05:56 Outro Thank you for watching! 🟠 GET ELEMENTOR HOSTING be.elementor.com/visit/?bta=20425...
GSAP STACKING CONTAINERS - Elementor Wordpress Tutorial Flex Container
Просмотров 4,7 тыс.Месяц назад
GSAP STACKING CONTAINERS - Elementor Wordpress Tutorial Flex Container
IMAGE OPTIMIZER BY ELEMENTOR PLUGIN FEATURES - DEMO INCLUDED
Просмотров 1,2 тыс.Месяц назад
IMAGE OPTIMIZER BY ELEMENTOR PLUGIN FEATURES - DEMO INCLUDED
SCRAMBLE TEXT ANIMATION ON LOAD/HOVER/INFINITE - Elementor Wordpress Tutorial Flex Container
Просмотров 2,4 тыс.2 месяца назад
SCRAMBLE TEXT ANIMATION ON LOAD/HOVER/INFINITE - Elementor Wordpress Tutorial Flex Container
ELEMENTOR HOSTING & THE FIRST WEBSITE I EVER BUILT ON IT - STORY TIME
Просмотров 6492 месяца назад
ELEMENTOR HOSTING & THE FIRST WEBSITE I EVER BUILT ON IT - STORY TIME
GSAP DROPDOWN MENU - Elementor Wordpress Tutorial Flex Container
Просмотров 3,1 тыс.2 месяца назад
GSAP DROPDOWN MENU - Elementor Wordpress Tutorial Flex Container
GSAP HERO EXPERIENCE ON LOAD & ELEMENTOR PERFORMANCE IMPROVEMENTS IN V.3.21 - Flexbox Container
Просмотров 5 тыс.2 месяца назад
GSAP HERO EXPERIENCE ON LOAD & ELEMENTOR PERFORMANCE IMPROVEMENTS IN V.3.21 - Flexbox Container
GSAP FULL-SCREEN MENU (OFF-CANVAS) - Elementor Wordpress Tutorial Flex Container
Просмотров 4,9 тыс.2 месяца назад
GSAP FULL-SCREEN MENU (OFF-CANVAS) - Elementor Wordpress Tutorial Flex Container
DESIGN COMPETITION - DOORS OPEN FOR SUBMISSIONS!!!! 🥳 WIN PRIZES!
Просмотров 1,2 тыс.3 месяца назад
DESIGN COMPETITION - DOORS OPEN FOR SUBMISSIONS!!!! 🥳 WIN PRIZES!
GSAP IMAGE TRAIL EFFECT - Elementor WordPress Tutorial Flex Container
Просмотров 2,7 тыс.3 месяца назад
GSAP IMAGE TRAIL EFFECT - Elementor WordPress Tutorial Flex Container
GSAP CHANGE IMAGE ON HOVER WITH CLICKABLE LINKS - Elementor WordPress Tutorial Flex Container
Просмотров 4,6 тыс.3 месяца назад
GSAP CHANGE IMAGE ON HOVER WITH CLICKABLE LINKS - Elementor WordPress Tutorial Flex Container
Dynamic Logo Change Using CSS Difference Blending Effect - Elementor WP Tutorial Flex Container
Просмотров 3,1 тыс.3 месяца назад
Dynamic Logo Change Using CSS Difference Blending Effect - Elementor WP Tutorial Flex Container
GSAP LOGO SHRINK ON SCROLL - Elementor Wordpress Tutorial Flex Container
Просмотров 3,6 тыс.3 месяца назад
GSAP LOGO SHRINK ON SCROLL - Elementor Wordpress Tutorial Flex Container
GSAP HERO SECTION SCROLL EXPERIENCE - Elementor Wordpress Tutorial Flex Container
Просмотров 7 тыс.4 месяца назад
GSAP HERO SECTION SCROLL EXPERIENCE - Elementor Wordpress Tutorial Flex Container
GSAP HORIZONTAL SCROLL WITHOUT PLUGIN - Elementor Wordpress Tutorial Flex Container
Просмотров 15 тыс.4 месяца назад
GSAP HORIZONTAL SCROLL WITHOUT PLUGIN - Elementor Wordpress Tutorial Flex Container
GSAP SCROLL TRIGGER CONTENT WITH PINNED IMAGES - Elementor Wordpress Tutorial Flex Container
Просмотров 4,3 тыс.4 месяца назад
GSAP SCROLL TRIGGER CONTENT WITH PINNED IMAGES - Elementor Wordpress Tutorial Flex Container
GSAP FLIP GRID CONTAINER TO FLEXBOX ON BUTTON CLICK - Elementor Wordpress Tutorial Flex Container
Просмотров 3,6 тыс.4 месяца назад
GSAP FLIP GRID CONTAINER TO FLEXBOX ON BUTTON CLICK - Elementor Wordpress Tutorial Flex Container
Why not Elementor Pro is launching Gsap animations in their page builder?
I wouldn't know, I don't work at Elementor. Maybe they will in the furture, who knows ;)
On hover it is not stopping, how to stop it on hover
Go to the loop carousel settings, Elementor has a native option for the stop on hover effect in there...
I wish this would work for my theme. I tried everything.
What theme are you using?
@@andreaegli impreza. I Remember I managed to do it. But I have no idea what I did. It's some time ago
@@andreaegli Do you have any idea? <3
your tutorial is amazing! but I have a problem with the stacking of the containers... When I get to the process of pressing the "stay in column" button, the containers end up following the scroll of the page until the end, not stopping where the end of each section should be. Is there any way to resolve this?
where are code?
Hello Andrea, i change the cards css code in order to ajust to tablet, mobile devices and avoid overflow on all device but having insures. Do you have any idea ? .card.scroll { position: relative; overflow: hidden; } .img { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: 100%; height: auto; max-width: 100%; max-height: 100%; transition: 0s; } /* Styles for tablets and up */ @media (min-width: 768px) { .img { } } /* Styles for desktops and larger screens */ @media (min-width: 1024px) { .img { } }
What issues do you have?
@@andreaegli in the mobile version it continues to have overflow.
@@uiuex set overflow hidden on the parent container
Hi do you need a website
more motion.page tutorials
i'm afraid I won't be doing any motion.page tutorials anymore. I won't get into details but i just don't want to promote a company that has complete disregard for creators
Any update on this video? Regarding the code, I followed the steps and entered it in the CSS field, but it’s not working. Do you have any suggestions? It's not moving.
Genius
My brother tell me about your channel and the way of teaching and your eloquent style is very fantastic. Lots of love from Pakistan.
Hey everything goes well on desktop but mobile version to me it appears super wierd ..its like you cannot see the container info, everything its halfway on mobile! And it has a lot of space on the bottom.
You need to adjust it on mobile devices, including the content inside the containers: here's the template if you want to buy it or simply see how it looks on mobile: ohwow.club/template/
how old are you 😶?
Why do you wanna know?
@@andreaegli My mom told me to find a beautiful girl and get married because I am getting lazy day by day and to be responsible and found you then.. and trying to check whether you are my younger or older.. Never mind sorry:)
It's fun to use a webcam to cover what you're talking about.
What do you mean?
This is so cool, thank you. I do have a question, could you have an image placeholder or a thumbnail to display first and when you hover the video plays? Also the videos you've selected, do they have sound on them, and does the hover effect disables the sound? Thanks again, great video.
Hey! Thank you, yes. No and it could. It’s all about some extra code, I might update it at some point to cover all the things you have mentioned. In short, it is possible 😉
Love it!
Thank you 😊
Thanks a lot for your help!!! Perfect Tutorial!
You are very welcome and thank you so much 😊
I have an issue where on page load the opened menu is shown very briefly, do you have any idea how I could solve this?
Can you send me the link to your project so I can have a look?
Hi Andrea. Excellent harmony of code and taste, as always. Could you implement a task like this: playing a video depending on the page scroll? A small video that plays forward and backward depending on the scroll?
cool video and design but please stop explaining every little thing lol, we know how text works
Subhan is Here
Hi Ma'm
Awesome! Great Tut and it works more than fine! I tried to study how to launch the "closing menu animation" also when you click on the menu voices... but know no good result🤣! But I changed the toggle button in "MENU" when closed and "CLOSE" when the menu is open! LOL
Do you advise that if I am going to specialize in create solo agency landing pages for service to small and medium-sized companies, I should use WordPress instead of no-code tools such as framer and webflow?
Yes! …and if you’re asked why, the reasoning is what the guy from Twitter/X mentioned. Not to mention the price difference between tools and the control you have over your product/landing page/website
@@andreaegli Thank you. Are there any tips for the success of an individual agency for designing landing pages that specialize in serving small and medium-sized companies, and how to promote and attract customers? Should I display models and create templates for landing pages and sell them on the agency’s website as a digital product? Your advice is appreciated and will make a difference in my work journey. I am 37 years old and my language My English is not good enough and I would like to reduce communication with customers via video call because of the English language. Your advice will be appreciated. Thank you and sorry for the length.
I never saw it that way. But it makes sense. I had to revista static Landing Pages in the past, and regretted not building it with WordPress.
I know, right? I also thought that's overkill but in the long run it pays off..
YOu are really amazing as your videos
Thank you so much for your kind words ☺️
Hello Andrea ! very nice video as usual ! It would be awesome to see exactly how you've built it (margin, z index etc..) Thanks for everything you share with us ! Have a beautiful day :)
Thank you so much! Yeah, I was short on time but basically, I used absolute positioning on most elements. and of course z-index on the elements you see sitting on top of other elements. I will have this JSON on the website later today if you want to download it and check it out ;)
Many thanks Andrea! You just give me tons of new idea for my page!
THANK YOU! This is so so helpful. Game changing.
You are very welcome 🤗
Helllo Could you find any way to make tabs sticky to top while scrolling? thanks
Hola, Extraordinary explanation, the effect works perfectly on mobile devices. Thank you, Andrea, for contributing so much to those of us who are learning, like me. Many thanks and greetings from Valencia, Spain.
Super Helpful, Thanks Andrea
You are very welcome!
Muchas gracias por compartir este tutorial. Ha sido muy facil de entender. Te sigo simpre eres un hermosa mujer. Saludos de Argentina
First ❤
😄
Love this tutorial..i would defenetly use this effetc in my clients site
This is the best tutorial on this topic that I've found. Thank you.
I don't know why but it works only in backend, in frontend it doesn't work in any browser!
get the free template from here: ohwow.club/template/ it works for me ;)
@@andreaegli Thanks Andrea, you are great!
@@gaetanosorangelo4550 hope it works for you ;)
Big thanks to you for a very little tips that improved my website a lot... the full width VS boxed container. I got a big boost!!! Keep up the great work :)
Ohh, that is so cool!!!! Honestly when I learned that the other day I flipped!!! like, why is this not a common known fact...or is it just you and I who didn't know🤣 happy that it helped you!!!
Hey Love Your Videos! Can you make a tutorial on that hand scrolling and rotating at the same time behind the lenis website, either creating a copy of it or and amazing one page website with rotating and scrolling 3d object behind them and Keep it up you are doing great work!
Really andrea!!🤨
Really, really 😄
always you are hero b/c always you are my solution🎉❤❤❤❤❤❤❤