- 14
- 164 993
WordPress Guru
เข้าร่วมเมื่อ 11 พ.ค. 2019
GSAP Scroll Animations in WordPress with Bricks Builder - No Code
Hello Everyone,
In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Bricks Builder in this Tutorial but the process is the same for any other page builder out there like, Elementor Page Builder or Oxygen Builder as well, if you have any questions then you can ask in the Comment section below.
LIKE & SUBSCRIBE
In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Bricks Builder in this Tutorial but the process is the same for any other page builder out there like, Elementor Page Builder or Oxygen Builder as well, if you have any questions then you can ask in the Comment section below.
LIKE & SUBSCRIBE
มุมมอง: 870
วีดีโอ
GSAP Advance Animations in WordPress with Elementor + Motion Page | No Coding
มุมมอง 9245 หลายเดือนก่อน
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there like, Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the C...
Advance Posts Layout using Elementor Loop Grid
มุมมอง 2516 หลายเดือนก่อน
Hello Everyone, in this tutorial I will show how to make Advance looking layout for your Posts, News sections or even for Custom Post types using Elementor's Loop Grid widget. I will not use any extra plugin. Only one line of CSS is used, so I will add that in the Pinned comment, so you will be able to copy it as well. LIKE & SUBSCRIBE Buy Elementor Pro: bit.ly/48tmCQz
GSAP Scroll Animations in WordPress with Elementor + Motion Page | No Coding
มุมมอง 9576 หลายเดือนก่อน
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there, like Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the C...
Make Advance Hero Animations in WordPress with Elementor + Motion Page | No Coding
มุมมอง 8868 หลายเดือนก่อน
Hello Everyone, In this video, I will show How to make Advance Hero Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but you can use any page builder like, Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the Comment section below. LIKE & SUBSC...
GSAP Advance Animations in WordPress with Elementor + Motion Page | No Coding
มุมมอง 2K9 หลายเดือนก่อน
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there like, Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the C...
Make Advance Landing Page on WordPress for Free from Scratch
มุมมอง 1.4K9 หลายเดือนก่อน
Hello Everyone, In this Video I will show How to make an Advance Landing page on WordPress for Free, using Elementor Page Builder Free Version Only. I will make the Complete Landing page from Scratch. This is a Beginner to Intermediate Level Tutorial. 0:00 Introduction 0:57 Elementor's Features to Enable 2:18 Start Making the Landing Page 46:20 Like & Subscribe Download Complete Landing page: b...
GSAP Scroll Animations in WordPress with Elementor + Motion Page | No Coding
มุมมอง 2.6K9 หลายเดือนก่อน
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builders out there like, Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the ...
Advance Scroll Animations in WordPress using Elementor + Motion Page | No Coding
มุมมอง 9Kปีที่แล้ว
Hello Everyone, In this video tutorial, I will show How to make Advance Scroll Animations based on GSAP (Greensock Animation Platform) in WordPress using a Plugin called Motion Page without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there like, Bricks Builder or Oxygen Builder as well, if you have any...
GSAP Advance Animations in WordPress with Elementor + Motion Page | No Coding
มุมมอง 29Kปีที่แล้ว
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there like, Bricks Builder or Oxygen Builder as well if you have any questions then you can ask in the Co...
How to make a Sidebar Menu in WordPress using Elementor | No Plugin or Code Required
มุมมอง 19Kปีที่แล้ว
Hello Everyone, In this video, I am showing How to make a Sidebar Menu or Sticky Vertical Menu in WordPress using Elementor without using any extra plugins or any code. This is an updated video for 2023, as in my last video I used an extra Plugin and some CSS code to make this, but in this video, I am not using any extra plugin or any code at all. There are two parts to this Video. In the First...
How to Install WordPress in Less than 2 minutes in 2021
มุมมอง 1003 ปีที่แล้ว
Hello Everyone, in this short video, I showed how to Install WordPress on your Domain in Less than Two Minutes... Yes, you heard it right, in less than 2 minutes. If the video helped you in any way then please LIKE & SUBSCRIBE to my Channel. Thanks Copyright Free background Music in Video: th-cam.com/video/EP625xQIGzs/w-d-xo.html
How to Add A Sidebar Menu with Elementor - 2022
มุมมอง 98K5 ปีที่แล้ว
Hello everyone, in this video I have shown HOW TO MAKE A STICKY SIDEBAR / VERTICAL MENU in WordPress using Elementor Pro Page Builder. This method will work with any WordPress Theme, if you found something unclear in the video then please comment below and I will try to reply as soon as possible. And if this video helps you in any way then please LIKE this Video and SUBSCRIBE to my channel. Thanks
❤❤❤❤
Thank you for this. How can a footer be displayed on every page? I have a footer and have a condition set to display on entire site but im not seeing it when I view the actual website. Thank you!
Select the page template as "Elementor Full Width", it should display the footer if the condition is set to entire site and there is no duplicate.
@@wordpressguru24 THANK YOU SO MUCH. <3 This was a fantastic tutorial and exactly what I was looking for.
What FREEEEE plugin can i use? There must be one
Where can i get that specific image from? I tried other images and the white part is opaque
Mentioning that you need PRO version (paid one) at the very beginning or in the title would be MORE THAN WELCOME. It's almost like a clickbait video.
Nice informative video although music too loud and distracting.
Hello Beautifull Gsap js code ? I want the Elementor gsap code add please. And Elementor json export want
Hi, what about the rotating effect on the cans? how can that be achieved?
For that, you have to have a 3D image file, which is not possible by default in WordPress.
For motion page do we need elementor pro plugin? Or elementor free version is enough?
You don't need Elementor Pro in order to use motionpage.
nice
Can you do that in Elementor bro?
Yes, very easily. The process is exactly the same if you use Flexbox containers in Elementor.
@@wordpressguru24 I have tried to do it with Elementor alone and it is impossible, I ask you to do it master
Do you have an exact link or could tell me, what you were searching for regarding the image? Had a look at pexels and can't find anything similar...
I don't have the exact link, but here is a similar image's link: www.pexels.com/photo/silhouette-of-a-person-watching-fish-in-an-aquarium-15789893/
Is it possible to do it with Breakdance Builder?
Yes of course.
Please make more video bro 🎉❤
Sure. :)
Please help me, i click the button " save timeline" nothing happens on frontend,help mee
Please contact motionpage support.
were can i get the image
You can download this from www.pexels.com/ But you will need to cut out the circle part to make it transparent.
What a pity you didnt mention you were using PRO!
Hello 👋🏻 Are you going to stop using Elementor? 😢
Haha No, I will be making more Elementor Tutorials soon. 🙂
@@wordpressguru24 Great 👍🏻 !
i have this plugin but can i use this without license
No, you cannot.
Cool but if you have a long page then the photo will cover the rest of it unfortunately.
No, just set the overflow to hidden, it will not show outside of the section.
@@wordpressguru24 Ah yes of course. Rookie mistake. Thanks for the reply!
Is this a pro version?
Yes.
P.S: I didn't make it Mobile Responsive in this video because it was not much practical for this Tutorial. 🙂
really good. hope to see in bricks too ...
I am planning to start making Bricks + Motionpage tutorials soon. :) But following this tutorial you can achieve same result in Bricks as well.
@@wordpressguru24 yes I know the concept is impotant and no problem with that. But it is easier and enjoyable for me to see it in bricks. Choose what you are OK with it. 👍 The important part is the same
@@hosseinkhanmohammadi4770 Right.
you need elementor pro for this
Why is options not hiding
Custom CSS Code used in the tutorial: selector:hover img{ opacity: 1; } @media only screen and (max-width: 600px) { selector img{ opacity: 1 !important; } }
What about small devices?
You can easily make it mobile responsive as well, you just need to make a different timeline for Mobile devices in order to achieve the exact result, I did that in my recent video, you can check that out for better understanding.
SO cool! Pls luv to see more covering Motion Page
Thanks 🙂
Nice ! Keep going 😎
Thanks :)
@@wordpressguru24 Hello ! Could you add a link to download the Templates of each tutorial? 🙏🏻 (Like the channel of Kokoro Web Animation). I would be very grateful if you do it. 🤩 Like your tutorials 👍🏻
@@mariopereira6018 Sure.
@@wordpressguru24Many thanks ! Really appreciate it 😎🤩
@@mariopereira6018 Download Link added in the Video Description. 🙂
How can we get the background video?
You can get free videos from different websites, like: www.pexels.com/
what is plgin name ?
motion page. motion.page/
Is it for free??
No, it is a paid plugin@@benelfkihomar4136
Is there a substitute that is FREE?
Hello, Great job! Like your videos. Missing Responsive for Mobile too :( Please, can you add it for next videos? I'll appreciate it !
Can u do this with code
Yes you can make it with code as well.
Promo*SM
Make more videos like this
Did you find it?
Did you find it?
@@sidb3989 what?
where did you find the photo?
Very well explained!
The link is not working :(
I updated it, please check now.
@@wordpressguru24 , tks so much, i love the video
Love from india❤ keep it up🔥 best of 🤞 luck
Thanks. 🙂
hey, is this motion plugin free?
No, it's a paid plugin. You can buy it from: motion.page/
Hi. What about the mobile version?
You can easily make it mobile responsive as well. :)
@@wordpressguru24 It wasn't a question) It would be good to show about mobile adaptation in the video. 60-70% of users visit the site from a smartphone. To know for sure, it's worth doing something like this at all. When you see the mobile version in the manual, all doubts disappear)
Right, I will make a different video for Mobile responsiveness if required.@@jjes.studio
@@wordpressguru24 If it's not difficult) In general, this is a wish for the future, always take into account the mobile version.
It makes the video longer, but I will keep that in mind for future videos, Thanks :) @@jjes.studio
Top video content!
Thanks. :)
Woww what a video bro...❤❤❤❤🎉🎉🎉
Thanks 🙂
Powerful information sir . ❤
Thanks 🙂
Thank you for tutorial. I have some questions. Motion.page is better than motion effects in elementor? and it better for Google Pagespeed test?
Yes, Motionpage is way more advanced as compared to default elementor motion effects, it is based on the Greensock animation platform (GSAP), which is a JS library for advance animations, and GSAP animations are lightweight as compared to other animations.
Luv GSAP!
Greta job. More Elementor and motion.page videos please....
Sure. :)
Hi my friend thanks for your video, I have a question, how connect mi account of wordpress with Motion Page, because I´m looking in the window of plugin in worpress and i can´t found, can you help me please?
It is a paid plugin, here is the link to their website from where you can purchase the plugin. motion.page/
Why did you stop creating these videos (motion page + Elementor)? they are very good
I will make more videos soon, just a little busy at the moment and unable to make new tutorials, but I will make more motion.page + Elementor tutorials soon.
After creating following your method, i was able to design, but after publish on entire website my content is now showing, although it is scrolling down but without content and menu is stick, what is the problem,