- 346
- 3 810 647
WPDev
United States
Приєднався 31 сер 2016
We've been in WordPress for 12 yrs & built multiple plugins helping 3M+ sites like eBay, Intel, Toshiba etc
We recently started this channel to help website professionals & build an active community.
The topics range from tutorials of WordPress, SEO, Elementor, Figma etc to helpful guides of Al tools, Marketing & more.
We recently started this channel to help website professionals & build an active community.
The topics range from tutorials of WordPress, SEO, Elementor, Figma etc to helpful guides of Al tools, Marketing & more.
Elementor - Expand Video on Scroll with GSAP Scrolltrigger
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin.
In this video, I'll show you how to create an engaging scroll effect where sections, images or videos expand and shrink using GSAP and Elementor-all in just two minutes! We’ll start by setting up the animation on my staging site, optimizing it with the free AirLift plugin for better speed. After disabling the native scrolling effect, I'll guide you through adding the HTML container and pasting the GSAP code. I’ll also explain how to customize the animation’s speed and size. Just remember to delete the marker code before going live! If you have any requests for future videos, drop a comment below
Code: docs.google.com/document/d/1xsDgp_d_jBfv_UcrC8pkRg2WjtYGtf4M_r9hLWA-G9k/edit?usp=sharing
Get my design here:drive.google.com/drive/folders/1kn12_e1q1FjMoC-GUCENGGx0oSjcTcf3?usp=drive_link
00:00 How to expand video on scroll?
00:47 Build design (don't miss it)
01:41 Add effect to expand video on scroll
#elementor #wordpresstutorial
In this video, I'll show you how to create an engaging scroll effect where sections, images or videos expand and shrink using GSAP and Elementor-all in just two minutes! We’ll start by setting up the animation on my staging site, optimizing it with the free AirLift plugin for better speed. After disabling the native scrolling effect, I'll guide you through adding the HTML container and pasting the GSAP code. I’ll also explain how to customize the animation’s speed and size. Just remember to delete the marker code before going live! If you have any requests for future videos, drop a comment below
Code: docs.google.com/document/d/1xsDgp_d_jBfv_UcrC8pkRg2WjtYGtf4M_r9hLWA-G9k/edit?usp=sharing
Get my design here:drive.google.com/drive/folders/1kn12_e1q1FjMoC-GUCENGGx0oSjcTcf3?usp=drive_link
00:00 How to expand video on scroll?
00:47 Build design (don't miss it)
01:41 Add effect to expand video on scroll
#elementor #wordpresstutorial
Переглядів: 80
Відео
Elementor - Expand Image on Scroll with GSAP Scrolltrigger
Переглядів 4934 години тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I'll show you how to create an engaging scroll effect where sections expand and shrink using GSAP and Elementor-all in just two minutes! A big thanks to Andrea for the GSAP code, so be sure to check out her amazing channel! We’ll start by setting up the animation on my staging site, opt...
Elementor - SMOOTH Animated Side Menu with Hover Effect
Переглядів 6917 годин тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I’m walking you through how to create a slick, animated menu button for your site-no extra plugins needed. We’ll use a bit of custom CSS to make a menu that pops up with a smooth animation, and you can grab the code that I have added below. I’ve also included a JSON file so you can impo...
Elementor - Add Subscribe Newsletter Form (2024)
Переглядів 1519 годин тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I will show you how to create a newsletter popup for your website with an email form to collect visitors' emails so you can retarget them in the future. The whole tutorial is super simple. We will use Elementor's Off Canvas widget, and in just a few steps, we can set up our newsletter s...
Elementor - Pricing Table with Monthly/Yearly Toggle
Переглядів 20812 годин тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I’ll show you how to create a pricing table in Elementor without coding! I’ll guide you through enabling the nested elements feature, customizing your pricing table, adding a toggle button and designing a pricing plan section for your WordPress site. Use my pricing table design: drive.g...
Elementor - Slide Out Mobile Menu WITHOUT Popups/Plugins
Переглядів 48314 годин тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I'll guide you through creating a stylish slide-out menu using Elementor Pro - complete with a functional call-to-action (CTA) button and social media icons. Don't worry if you're not tech-savvy; I'll walk you through every step! First, we’ll ensure your site remains fast despite the ne...
Elementor - Add 360° Rotating Object on WordPress
Переглядів 44916 годин тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I will show you how to effortlessly embed a 3D interactive model on your WordPress site using Elementor! I’ll guide you on embedding a 3D model into your site with a simple code snippet. Whether you’re using a pre-made model or creating one from scratch in Blender, I’ll show you how to ...
Elementor - Image Carousel with Text Overlay
Переглядів 97721 годину тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I will show you how to create an image carousel that looks premium but with a small twist - text overlay. Yes, with a few steps and the code that I added below, you can make your carousel look big and premium and connect it with the navigation buttons, too. The tutorial is simple and ca...
Elementor - Custom Video Sliders (FREE)
Переглядів 387День тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I’ll walk you through how I set up a video slider using a free plugin and just five simple steps. I’ll show you how to install the "Premium Add-ons for Elementor" plugin, create custom video templates, and add them to the slider with easy-to-use navigation buttons. I’ll also cover how t...
Elementor - Create STUNNING Contact Forms (No Plugins)
Переглядів 296День тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I'll show you how to create a contact form in Elementor Pro. We will add all the features like basic form fields, radio buttons, checkboxes, dropdowns, and more. Finally, I'll also show you how you can customize your contact form. Elementor: wordpress.org/plugins/elementor/ #elementor #...
Elementor - Create EFFECTIVE Landing Pages (FREE)
Переглядів 571День тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I'll walk you through the step-by-step process of creating an engaging landing page using Elementor. We'll start by designing a captivating Hero section with a striking banner image, clear headings, and a compelling Call To Action (CTA) button. Next, I'll show you how to add an image ca...
Elementor - SMOOTH Custom Dropdown Menu
Переглядів 421День тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I'll show you how to easily create a premium dropdown menu with Elementor Pro, complete with a CTA button that links to different pages. I'll guide you step-by-step on setting up the menu in WordPress, adding a custom CTA button, styling it with CSS, and ensuring it works smoothly on al...
Quickly Fix WordPress Redirect Hack (2024)
Переглядів 305День тому
Remove your Redirect Hack with 30% discount at MalCare Checkout with Code - 20OFFVID If you CANT ACCESS YOUR WORDPRESS SITE, follow 4 easy steps: 1) Contact MalCare support for a list of IPs to whitelist for cleaning 2) Email your web host to whitelist your IP and the MalCare IPs 3) Install the plugin, and make sure the site syncs from the dashboard 4) Click auto-clean to remove the malware & r...
Elementor - Easy Parallax Scrolling Effect
Переглядів 25214 днів тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I'll show you how to create a cool Parallax effect on your website using Elementor. We'll set up a dynamic background that stays in place as you scroll and add multiple layers of images to create a stunning visual effect. I'll walk you through each step to customize the background, adju...
Elementor - Advanced Slider with Card Carousel of Text & Image
Переглядів 1,2 тис.14 днів тому
⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - bit.ly/airlift-performance-plugin. In this video, I’ll show you how to create a stunning slider for your website using Elementor and a small CSS code. We’ll start by designing the layout, adding containers, and customizing elements like text, buttons, and images. I’ll guide you through setting up a slider widget to create an advanced s...
Elementor - Equal Height Columns (ONE CLICK)
Переглядів 72414 днів тому
Elementor - Equal Height Columns (ONE CLICK)
Elementor - Sticky Transparent Header (2024)
Переглядів 50614 днів тому
Elementor - Sticky Transparent Header (2024)
Elementor - Custom WooCommerce "Shop Page"
Переглядів 31514 днів тому
Elementor - Custom WooCommerce "Shop Page"
Convert Figma Design to Elementor - NEW Free Plugin (2024)
Переглядів 84914 днів тому
Convert Figma Design to Elementor - NEW Free Plugin (2024)
Add ANY Product Filters in Elementor (FREE)
Переглядів 25121 день тому
Add ANY Product Filters in Elementor (FREE)
Elementor - Create Glass Effects (Glassmorphism)
Переглядів 50521 день тому
Elementor - Create Glass Effects (Glassmorphism)
Elementor vs Divi - No Bullsh*t Review
Переглядів 41321 день тому
Elementor vs Divi - No Bullsh*t Review
Elementor - Fully Customise WooCommerce "My Account" Page
Переглядів 52721 день тому
Elementor - Fully Customise WooCommerce "My Account" Page
Best FREE Filters for WooCommerce (Elementor friendly)
Переглядів 50021 день тому
Best FREE Filters for WooCommerce (Elementor friendly)
Elementor - Smooth Horizontal Scroll (NO PLUGIN)
Переглядів 1 тис.Місяць тому
Elementor - Smooth Horizontal Scroll (NO PLUGIN)
Elementor - Animated Interactive Particle Effect (NO PLUGIN)
Переглядів 1,1 тис.Місяць тому
Elementor - Animated Interactive Particle Effect (NO PLUGIN)
Elementor - Auto Scrolling Text (Infinite Marquee Effect )
Переглядів 421Місяць тому
Elementor - Auto Scrolling Text (Infinite Marquee Effect )
Xxx فديو
Xxx
Nagyon jó.....A hiba...soha nem mutatod meg mobiltelefon?
thank you
how about slug translation? does it do that?
very nice video good luck sir
Bricks is the best website builder. So much, that you barely see influencers promote it because they don't rely on promotion, but on word of month among high level website builders
How to configure it with mailchimp?
thank you so much ! very helpful and easy to follow
I can don the plugins on my website which am trying to installed please what is the name for the plugins ?
Thankyou sir i fix it
Thank you.. the tips u mentioned here solved the issue
why did you upload the image through file manager?
Thank you! You are a life saver!
Not working
Want to index all your pages, you’re looking at 3 to 6 hours and you don’t need Google’s API or any 3rd party. The best bit of the exercise is RANK on Google search (this is the powerful bit) it takes again JUST 3 to 6 hours again. To achieve this success you need to fix what happens to almost everybody’s new page on indexing.😉 I wonder if WPDev can achieve these results, SEO today is super-fast. 3 to 6 months is for beginners who doesn’t know much about on-page SEO and it’s power.
What about some woocomm plugins getting obsolete with time?
Very Helpful
I love Airlift
Really Helpful Video.
Thankssss💪
No, your great but atleast change the css code you take from mdw yt channel
Haha yeah. We just want to give them the full credit.
did this and now trying to set my elementor page as the homepage.
informative
Thank you so much it 💯 persent working
sir,,its not working with woplanter shop page builder...filters are added but not working. why??
you are the best!
Thanks!
great! thank you man
You're welcome!
thanks oh my god i was about to cry
If this carousel can be clickable (each image), can take you to a page in your website. Thanks
Unfortunately, you'll need to set that with a custom solution, as the carousel is purely for aesthetics.
Hello, everything worked perfectly except one thing. The Text from the previous slides appears in the next Slide and so on. Do you know how to fix that?
hey u gud, i cant find the Container Element...
pro version chahiye ga ky sticky header ke liye ?
Isn’t it SEO-friendly? I'm a bit confused about which method is better for effective SEO: off canvas, pop-up, this or something else? I want to ensure the menu is listed in search results.
You also have to consider the fact that you need Elementor for your sight to work forever with advanced features.
យ
Thank you for your help 🎉
for kyc verification it asked for 199rs ..we have to pay it?
I'M lost how do I get the plugin feature to show up on my account page you skipped right over that as I beginner I need to see all the steps
nhi hua unsafe, proceed option nh ara
Do i need to use this? Because on Elementor you can add a footer and header within your theme and it stays at every page creation...
When you create the page you just put the page on the theme you created
chrome://net-internals/#dns
Hi, want to change my host for my wp site. So I need to take a backup(export), then point the site to my new host and import the backup. How do I do this with your plugin? So Source and estination url is the same. Thanks
Number 3 worked for me! Thanks!
Excellent tutorial! Straight to the point. Thank you! 🤠
It's not working
Sir, mujhe apne website ke sabhi post or pages ke background me ek image lagane hai wo kaise kare elementor me
Good
Thanks!
Amezing knowledge.thanks you
Hii sir ....can i contact u .....facing some problems in my website