WordPress Guru
WordPress Guru
  • 14
  • 164 993
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
มุมมอง: 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

ความคิดเห็น

  • @WDMakaruk
    @WDMakaruk 8 วันที่ผ่านมา

    ❤❤❤❤

  •  14 วันที่ผ่านมา

    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!

    • @wordpressguru24
      @wordpressguru24 13 วันที่ผ่านมา

      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.

    •  13 วันที่ผ่านมา

      @@wordpressguru24 THANK YOU SO MUCH. <3 This was a fantastic tutorial and exactly what I was looking for.

  • @oliviataylor6441
    @oliviataylor6441 18 วันที่ผ่านมา

    What FREEEEE plugin can i use? There must be one

  • @oliviataylor6441
    @oliviataylor6441 18 วันที่ผ่านมา

    Where can i get that specific image from? I tried other images and the white part is opaque

  • @MarkovAdam
    @MarkovAdam 21 วันที่ผ่านมา

    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.

  • @darreng1496
    @darreng1496 หลายเดือนก่อน

    Nice informative video although music too loud and distracting.

  • @wp-web-love
    @wp-web-love 2 หลายเดือนก่อน

    Hello Beautifull Gsap js code ? I want the Elementor gsap code add please. And Elementor json export want

  • @ioanivan92
    @ioanivan92 2 หลายเดือนก่อน

    Hi, what about the rotating effect on the cans? how can that be achieved?

    • @wordpressguru24
      @wordpressguru24 2 หลายเดือนก่อน

      For that, you have to have a 3D image file, which is not possible by default in WordPress.

  • @kiruthikr3854
    @kiruthikr3854 3 หลายเดือนก่อน

    For motion page do we need elementor pro plugin? Or elementor free version is enough?

    • @wordpressguru24
      @wordpressguru24 3 หลายเดือนก่อน

      You don't need Elementor Pro in order to use motionpage.

  • @elvictorete
    @elvictorete 3 หลายเดือนก่อน

    nice

  • @elvictorete
    @elvictorete 3 หลายเดือนก่อน

    Can you do that in Elementor bro?

    • @wordpressguru24
      @wordpressguru24 3 หลายเดือนก่อน

      Yes, very easily. The process is exactly the same if you use Flexbox containers in Elementor.

    • @elvictorete
      @elvictorete 3 หลายเดือนก่อน

      @@wordpressguru24 I have tried to do it with Elementor alone and it is impossible, I ask you to do it master

  • @TimoMenger
    @TimoMenger 3 หลายเดือนก่อน

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

    • @wordpressguru24
      @wordpressguru24 3 หลายเดือนก่อน

      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/

  • @TimoMenger
    @TimoMenger 3 หลายเดือนก่อน

    Is it possible to do it with Breakdance Builder?

  • @AbhishekMishra-rd9ic
    @AbhishekMishra-rd9ic 3 หลายเดือนก่อน

    Please make more video bro 🎉❤

  • @decrea8439
    @decrea8439 4 หลายเดือนก่อน

    Please help me, i click the button " save timeline" nothing happens on frontend,help mee

    • @wordpressguru24
      @wordpressguru24 4 หลายเดือนก่อน

      Please contact motionpage support.

  • @alaa-kb1fp
    @alaa-kb1fp 4 หลายเดือนก่อน

    were can i get the image

    • @wordpressguru24
      @wordpressguru24 4 หลายเดือนก่อน

      You can download this from www.pexels.com/ But you will need to cut out the circle part to make it transparent.

  • @michaelgovers8036
    @michaelgovers8036 4 หลายเดือนก่อน

    What a pity you didnt mention you were using PRO!

  • @mariopereira6018
    @mariopereira6018 4 หลายเดือนก่อน

    Hello 👋🏻 Are you going to stop using Elementor? 😢

    • @wordpressguru24
      @wordpressguru24 4 หลายเดือนก่อน

      Haha No, I will be making more Elementor Tutorials soon. 🙂

    • @mariopereira6018
      @mariopereira6018 4 หลายเดือนก่อน

      @@wordpressguru24 Great 👍🏻 !

  • @MuhammadAdnan-zo5lb
    @MuhammadAdnan-zo5lb 5 หลายเดือนก่อน

    i have this plugin but can i use this without license

  • @danakhalaf1845
    @danakhalaf1845 5 หลายเดือนก่อน

    Cool but if you have a long page then the photo will cover the rest of it unfortunately.

    • @wordpressguru24
      @wordpressguru24 5 หลายเดือนก่อน

      No, just set the overflow to hidden, it will not show outside of the section.

    • @danakhalaf1845
      @danakhalaf1845 4 หลายเดือนก่อน

      @@wordpressguru24 Ah yes of course. Rookie mistake. Thanks for the reply!

  • @MangolikRoy
    @MangolikRoy 5 หลายเดือนก่อน

    Is this a pro version?

  • @wordpressguru24
    @wordpressguru24 5 หลายเดือนก่อน

    P.S: I didn't make it Mobile Responsive in this video because it was not much practical for this Tutorial. 🙂

  • @hosseinkhanmohammadi4770
    @hosseinkhanmohammadi4770 5 หลายเดือนก่อน

    really good. hope to see in bricks too ...

    • @wordpressguru24
      @wordpressguru24 5 หลายเดือนก่อน

      I am planning to start making Bricks + Motionpage tutorials soon. :) But following this tutorial you can achieve same result in Bricks as well.

    • @hosseinkhanmohammadi4770
      @hosseinkhanmohammadi4770 5 หลายเดือนก่อน

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

    • @wordpressguru24
      @wordpressguru24 5 หลายเดือนก่อน

      @@hosseinkhanmohammadi4770 Right.

  • @shahriar0247
    @shahriar0247 5 หลายเดือนก่อน

    you need elementor pro for this

  • @archanachengat
    @archanachengat 6 หลายเดือนก่อน

    Why is options not hiding

  • @wordpressguru24
    @wordpressguru24 6 หลายเดือนก่อน

    Custom CSS Code used in the tutorial: selector:hover img{ opacity: 1; } @media only screen and (max-width: 600px) { selector img{ opacity: 1 !important; } }

  • @arminsehic6963
    @arminsehic6963 6 หลายเดือนก่อน

    What about small devices?

    • @wordpressguru24
      @wordpressguru24 6 หลายเดือนก่อน

      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.

  • @thewebstylist
    @thewebstylist 6 หลายเดือนก่อน

    SO cool! Pls luv to see more covering Motion Page

  • @mariopereira6018
    @mariopereira6018 6 หลายเดือนก่อน

    Nice ! Keep going 😎

    • @wordpressguru24
      @wordpressguru24 6 หลายเดือนก่อน

      Thanks :)

    • @mariopereira6018
      @mariopereira6018 6 หลายเดือนก่อน

      @@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 👍🏻

    • @wordpressguru24
      @wordpressguru24 6 หลายเดือนก่อน

      @@mariopereira6018 Sure.

    • @mariopereira6018
      @mariopereira6018 6 หลายเดือนก่อน

      @@wordpressguru24Many thanks ! Really appreciate it 😎🤩

    • @wordpressguru24
      @wordpressguru24 6 หลายเดือนก่อน

      @@mariopereira6018 Download Link added in the Video Description. 🙂

  • @ajayitimothy1588
    @ajayitimothy1588 7 หลายเดือนก่อน

    How can we get the background video?

    • @wordpressguru24
      @wordpressguru24 6 หลายเดือนก่อน

      You can get free videos from different websites, like: www.pexels.com/

  • @mostfekry
    @mostfekry 7 หลายเดือนก่อน

    what is plgin name ?

    • @wordpressguru24
      @wordpressguru24 7 หลายเดือนก่อน

      motion page. motion.page/

    • @benelfkihomar4136
      @benelfkihomar4136 7 หลายเดือนก่อน

      Is it for free??

    • @wordpressguru24
      @wordpressguru24 7 หลายเดือนก่อน

      No, it is a paid plugin@@benelfkihomar4136

    • @oliviataylor6441
      @oliviataylor6441 18 วันที่ผ่านมา

      Is there a substitute that is FREE?

  • @mariopereira6018
    @mariopereira6018 8 หลายเดือนก่อน

    Hello, Great job! Like your videos. Missing Responsive for Mobile too :( Please, can you add it for next videos? I'll appreciate it !

  • @DEBUGENTITY
    @DEBUGENTITY 8 หลายเดือนก่อน

    Can u do this with code

    • @wordpressguru24
      @wordpressguru24 8 หลายเดือนก่อน

      Yes you can make it with code as well.

  • @petrocko8170
    @petrocko8170 8 หลายเดือนก่อน

    Promo*SM

  • @DEBUGENTITY
    @DEBUGENTITY 8 หลายเดือนก่อน

    Make more videos like this

    • @sidb3989
      @sidb3989 7 หลายเดือนก่อน

      Did you find it?

    • @sidb3989
      @sidb3989 7 หลายเดือนก่อน

      Did you find it?

    • @DEBUGENTITY
      @DEBUGENTITY 7 หลายเดือนก่อน

      @@sidb3989 what?

  • @gabrielcarvalho3347
    @gabrielcarvalho3347 8 หลายเดือนก่อน

    where did you find the photo?

  • @kenkioqqo
    @kenkioqqo 8 หลายเดือนก่อน

    Very well explained!

  • @BrunoHenrique-cb7ok
    @BrunoHenrique-cb7ok 8 หลายเดือนก่อน

    The link is not working :(

    • @wordpressguru24
      @wordpressguru24 8 หลายเดือนก่อน

      I updated it, please check now.

    • @BrunoHenrique-cb7ok
      @BrunoHenrique-cb7ok 8 หลายเดือนก่อน

      @@wordpressguru24 , tks so much, i love the video

  • @deepsandhuvlogs6254
    @deepsandhuvlogs6254 9 หลายเดือนก่อน

    Love from india❤ keep it up🔥 best of 🤞 luck

  • @sakshatlakhiani847
    @sakshatlakhiani847 9 หลายเดือนก่อน

    hey, is this motion plugin free?

    • @wordpressguru24
      @wordpressguru24 9 หลายเดือนก่อน

      No, it's a paid plugin. You can buy it from: motion.page/

  • @jjes.studio
    @jjes.studio 9 หลายเดือนก่อน

    Hi. What about the mobile version?

    • @wordpressguru24
      @wordpressguru24 9 หลายเดือนก่อน

      You can easily make it mobile responsive as well. :)

    • @jjes.studio
      @jjes.studio 9 หลายเดือนก่อน

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

    • @wordpressguru24
      @wordpressguru24 9 หลายเดือนก่อน

      Right, I will make a different video for Mobile responsiveness if required.@@jjes.studio

    • @jjes.studio
      @jjes.studio 9 หลายเดือนก่อน

      @@wordpressguru24 If it's not difficult) In general, this is a wish for the future, always take into account the mobile version.

    • @wordpressguru24
      @wordpressguru24 9 หลายเดือนก่อน

      It makes the video longer, but I will keep that in mind for future videos, Thanks :) @@jjes.studio

  • @visualmodo
    @visualmodo 9 หลายเดือนก่อน

    Top video content!

  • @mahi4330
    @mahi4330 9 หลายเดือนก่อน

    Woww what a video bro...❤❤❤❤🎉🎉🎉

  • @MrNaYe-jy2wk
    @MrNaYe-jy2wk 9 หลายเดือนก่อน

    Powerful information sir . ❤

  • @users9896
    @users9896 9 หลายเดือนก่อน

    Thank you for tutorial. I have some questions. Motion.page is better than motion effects in elementor? and it better for Google Pagespeed test?

    • @wordpressguru24
      @wordpressguru24 9 หลายเดือนก่อน

      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.

  • @thewebstylist
    @thewebstylist 9 หลายเดือนก่อน

    Luv GSAP!

  • @DDesigner123
    @DDesigner123 9 หลายเดือนก่อน

    Greta job. More Elementor and motion.page videos please....

  • @ErickDevx
    @ErickDevx 10 หลายเดือนก่อน

    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?

    • @wordpressguru24
      @wordpressguru24 10 หลายเดือนก่อน

      It is a paid plugin, here is the link to their website from where you can purchase the plugin. motion.page/

  • @EkhyOk
    @EkhyOk 10 หลายเดือนก่อน

    Why did you stop creating these videos (motion page + Elementor)? they are very good

    • @wordpressguru24
      @wordpressguru24 10 หลายเดือนก่อน

      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.

  • @iammoni867
    @iammoni867 10 หลายเดือนก่อน

    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,