Create Crazy-Effective Elementor Pop Ups in Minutes | Elementor PRO Pop Ups Tutorial!

Поділитися
Вставка
  • Опубліковано 14 гру 2024

КОМЕНТАРІ • 88

  • @darrelwilson
    @darrelwilson  Рік тому +7

    sup party people! If you want to learn how to create some awesome looking pop ups, in this video ill walk you all through how to create pop ups with elementor :)

  • @teranmediadesign
    @teranmediadesign Рік тому +2

    I dont comment often, but THANK YOU! I have been looking for a simple way to do this. you are a life saver!!

  • @josephsmart5602
    @josephsmart5602 Рік тому +3

    with the steps in the video, I created a pop up mobile menu using elementor popups but the problem I am having is that when the menu Item is clicked from the popup on the mobile menu, it scrolls to the section but the mobile menu does not close and when you close the menu, it goes back to the same point of the landing page. my menus are anchor menu. How can I resolve this please?

    • @rodrigoinsua3784
      @rodrigoinsua3784 Рік тому

      I got the same problem 😒

    • @raphaelpereira1373
      @raphaelpereira1373 4 місяці тому

      Same problem....

    • @darrelwilson
      @darrelwilson  Місяць тому +1

      Hey! To close the popup menu automatically after clicking an anchor link, go to your Elementor popup settings, set the "Close Popup" action for each menu item. This way, it scrolls to the section and closes the menu without resetting the page position. Feel free to drop your questions in the comments below.

  • @boaznire
    @boaznire 25 днів тому

    Great video and you made things so simple thank you!

    • @darrelwilson
      @darrelwilson  24 дні тому

      Enjoy :)
      if you need help feel free to drop your questions in the comments below .

  • @sskkoibelgium159
    @sskkoibelgium159 Рік тому

    hello, possible to use this technic but with mouseover? (without needed to click)?

  • @ThomasBui359
    @ThomasBui359 Рік тому +1

    Your creativity really shines through in this video, I love the unique ideas you came up with.

  • @Jordan-ck8uo
    @Jordan-ck8uo Рік тому

    I have followed this step by step and for some reason when i visit our website the popup shows a big white blank box of nothing..I cannot figure it out at all
    help!

  • @MohamedLàaoutmani
    @MohamedLàaoutmani Рік тому

    i created one and it appears good in elementor but when i switched to incognito windows it shows under footer

  • @JackyLeeFocus
    @JackyLeeFocus Рік тому

    Thanks. but It seems that the popup cannot have access to the subscriber's email, and then fail to send the welcome email. Can you help to solve this issue?

  • @vish0085
    @vish0085 Рік тому

    I have created a thank you popup page after lead gen. How can i count the no of times it loads to calculate conversions ?

  • @squarem2
    @squarem2 Рік тому

    Hello how can I edit the X button to close it?

  • @morizanova8219
    @morizanova8219 Рік тому

    Cool Nav tips . Do you know if the Pop up will have correct html tag ? or we need extra step?

  • @user-ty2gg2yj9s
    @user-ty2gg2yj9s Рік тому +1

    Hello.. Thank you for making this. Very simple and easy to follow. Would one need to worry about load times when adding elements such as these? Especially now that the majority of shops have to be more optimised for mobile. I'd be much obliged if you can chime in on this!
    Cheers

  • @indralee4459
    @indralee4459 Рік тому

    Hi, I try using dynamic image on pop ups but it won't show up, is it a bug?

  • @albertogomezbenitez2174
    @albertogomezbenitez2174 Рік тому

    Thank you very much, good advice, congratulations. I missed to know how we can do so that when we get a prospect through the Popup form this can receive a "gift" in his/her email, such as a PDF file with more information or another type of file .... Is it possible to do this with Elementor Pro?

  • @salvirji4873
    @salvirji4873 Рік тому +1

    Thanks for this tutorial, a quick question what if the visitor has a popup blocker set in the browser will this still work? Am thinking of adding a popup NAV menu
    Tx

    • @darrelwilson
      @darrelwilson  Рік тому

      So, from my understanding, a pop-up NAV menu will not be blocked, even if they have a pop-up blocker on the website

    • @salvirji4873
      @salvirji4873 Рік тому

      @@darrelwilson thanks that's great to know. 😊🍻

  • @annmilanova6389
    @annmilanova6389 Рік тому

    Hey so the pop up keeps appearing even after the person subscribes

  • @kerimtim
    @kerimtim 9 місяців тому

    Thank you for the video.
    I have a question. When setting up my Popup to display Single Product information, I'm have an issue. The Popup is missing the product details because I haven't figured out how to pass the product ID or information to it. Can you guide me on how to dynamically pass a product ID to the Popup widget so that it can display the selected product's title, description, and other details? Your help would be much appreciated.

    • @darrelwilson
      @darrelwilson  9 місяців тому +2

      Hey !
      Here are two options:
      1. URL Parameters: Add the product ID to your popup trigger URL (like a button). Then use Elementor's Dynamic Tags to grab that ID and use it to fetch product data.
      2. Javascript: Use a little Javascript code to snag the product ID from the current page and pass it to the popup when it opens.
      Both work, but URL parameters might be easier. Check the Elementor docs for Dynamic Tags ([elementor.com/help/dynamic-tags-pro/](elementor.com/help/dynamic-tags-pro/)) to learn more.
      Let me know if you need help !

  • @rajivsharma4221
    @rajivsharma4221 3 місяці тому

    Relly help full video. can u make a video when pop up appear content of the page should not be deactivated or disappear.

  •  19 днів тому

    Hey there - newbie here. I have elementor pro but when I click on pop ups there is no option to create a pop up it says I have to upgrade? Any advice gratefully received.

    • @darrelwilson
      @darrelwilson  18 днів тому

      Hey! If you already have Elementor Pro and it’s asking you to upgrade, ensure your license is active and synced. Go to Elementor > License in your dashboard and reconnect it. If the issue persists, try clearing your browser and site cache or re-installing Elementor Pro.
      Feel free to drop your questions in the comments below.

  • @sardarzainkhan2206
    @sardarzainkhan2206 Місяць тому

    this is amazing❣

    • @darrelwilson
      @darrelwilson  Місяць тому

      hey thanks Enjoy :)
      if you need help feel free to drop your questions in the comments below .

  • @emmanueloladipo1
    @emmanueloladipo1 Рік тому

    Thank you for this tutorial Darrel

  • @majimadayoyoyo
    @majimadayoyoyo 2 місяці тому

    I'm currently using elementor pro, the popup option is not showing.

    • @darrelwilson
      @darrelwilson  2 місяці тому

      Hey! If the popup option isn't showing in Elementor Pro, double-check that the Popup Builder is enabled. Go to Elementor > Tools > Regenerate CSS & Data, then clear your cache. If it still doesn’t show, try reinstalling or updating Elementor Pro.
      Feel free to drop your questions in the comments below!

  • @AritzLacruz
    @AritzLacruz Рік тому

    I have a query. First of all, your videos are perfect and motivating. The question is. How do you get or what complement do you use on your website to add the lifetime button within the products? I understand that you create the product template, yes, with elementor pro. But you create that button and after buying that lifetime product, you make it no longer appear if you buy it.

  • @tahawahiddaw6259
    @tahawahiddaw6259 10 місяців тому

    Hi, I have a question for you
    I created a popup for login - register, but the problem is when I click on the button which I set to open the popup it generats this URL
    #elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY3NTMiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D
    and the popup does not shows up
    and you help me out?

    • @darrelwilson
      @darrelwilson  10 місяців тому

      It seems like the URL generated for opening the popup is not functioning as expected. Here's what you can try to resolve the issue:
      1. Check popup settings to ensure the button is linked correctly.
      2. Update Elementor and the popup plugin to the latest versions.
      3. Test the popup on different browsers.
      4. Inspect the browser console for errors.
      5. Review documentation or seek support from the plugin provider.
      6. Consider alternative solutions if the issue persists.

  • @marie-clauderivard5422
    @marie-clauderivard5422 Рік тому

    It's strange, I don't have the same type of structure as you. I can't have 4 squares (2 on the top and 2 on the bottom). I only have the vertical structure like when you add a section on a page or an article.

    • @Kami_26
      @Kami_26 Рік тому

      You activated the containers experiment?

  • @JasonW1287
    @JasonW1287 Рік тому

    Great Video Darrel. Thanks

    • @darrelwilson
      @darrelwilson  Рік тому

      Thanks Jason, feel free to checkout the demo Elementor templates websites on our website for more inspiration ideas

  • @aimaanrafi
    @aimaanrafi 11 місяців тому

    What do you for mobile version? there will be two menu, and how make Desktop, Tab one and mobile separate.

    • @thegreatjeffmac
      @thegreatjeffmac 9 місяців тому

      open Elementor and then select the button that opens the newly created menu. Then go to the advanced menu, and then under Responsive you can turn on and off the switches to hide or show things for each kind of device.

    • @darrelwilson
      @darrelwilson  7 місяців тому

      hey , if you need help feel free to ask .

  • @qaisniazi4167
    @qaisniazi4167 2 місяці тому

    popup is now available as pro user. am i wrong?

    • @darrelwilson
      @darrelwilson  2 місяці тому

      Hey! You're right! Popups in Elementor are available for Pro users only. You’ll need to upgrade to Elementor Pro to access the popup feature.
      Feel free to drop your questions in the comments below.

  • @oguzbenice7423
    @oguzbenice7423 Рік тому

    Thank you Darrel.

    • @darrelwilson
      @darrelwilson  6 місяців тому

      Appreciate that !
      feel free to drop your question in the comments :)

  • @kyliemackayfineart
    @kyliemackayfineart Рік тому

    Thanks for this tutorial just wondering if your email provider is not in the dropdown list is there a way to manually input so that it pushes to your provider?

    • @kyliemackayfineart
      @kyliemackayfineart Рік тому +1

      actually solved myself. I'm using wp forms and added in some shortcode, had to clear used CSS in WP rocket and then it worked like a charm 👍

  • @suman121069
    @suman121069 Рік тому

    Thank you Darrel🤩

  • @mohamed4salah
    @mohamed4salah Рік тому

    Hello can we use Elementor with flat some theme?
    Thanks pro

    • @darrelwilson
      @darrelwilson  Рік тому

      You can only use one builder per website. I would not recommend using two

    • @mohamed4salah
      @mohamed4salah Рік тому

      @@darrelwilson thanks alot darrel for your replay have a good day bro

  • @floyd1411
    @floyd1411 Рік тому

    will pop up blockers disable this feature for some browsers?

    • @darrelwilson
      @darrelwilson  Рік тому +1

      You know, I’m actually not sure if a pop up blocker will disable it. I don’t think it will because majority of pop-ups have HTML code that connects API’s from websites and I don’t think the elementor pop-up do but I’m not sure.

    • @floyd1411
      @floyd1411 Рік тому

      @@darrelwilson thanks for sharing that cheers!!

  • @gamedove4413
    @gamedove4413 Рік тому

    Sir can I replace my current generatepress theme plugin with new plugin without losing theme customisation.
    Actually I am using old version generatepress plugin but it's lisense key is expired there is issue in old version.
    How can I do this please guide me. 🙏

    • @darrelwilson
      @darrelwilson  Рік тому

      Well, it depends on the page builder you are using. Are you using Elementor? if so, you will not lose your work.

  • @shubhamrathod9249
    @shubhamrathod9249 9 місяців тому

    thank you, really helped!

    • @darrelwilson
      @darrelwilson  9 місяців тому

      Glad it helped! feel free to ask :)

  • @DesireevanToor
    @DesireevanToor Рік тому

    cool 😄 thanks for sharing

  • @Atdispatch
    @Atdispatch 9 місяців тому

    you're great. thanks for help

    • @darrelwilson
      @darrelwilson  9 місяців тому

      You're welcome!
      feel free to ask .

  • @AsitAithal
    @AsitAithal Рік тому

    Have you moved from Divi to Elementor? If yes, why?

    • @luckyoaf
      @luckyoaf Рік тому

      No. Absolutely not. But it seems you sure have.

  • @5hamms510
    @5hamms510 Рік тому

    Hey Darrel, Nice example 😃 It did take me a little longer because of Elmentor new updated to 3.13.2 everything was hidden and much harder to find.

    • @darrelwilson
      @darrelwilson  Рік тому

      Glad it helped! they update so much so it is hard to keep the tutorials all updated

  • @okeziecollington6301
    @okeziecollington6301 Рік тому

    Is it available on Free elementor plan?

    • @darrelwilson
      @darrelwilson  Рік тому

      The elementor pop are only available in the pro version

  • @hemanthkumar4803
    @hemanthkumar4803 Рік тому

    Thankyou so much ❤

  • @MinatoUsumaki784
    @MinatoUsumaki784 Рік тому

    thanks you so much brother~

  • @AV-jz6wr
    @AV-jz6wr Рік тому

    Thanks! Please in future also show how to optimise this on mobile. 80% of users use mobile..

  • @knowledgehelper8153
    @knowledgehelper8153 Місяць тому

    How to Change Close Button Weight?

    • @darrelwilson
      @darrelwilson  Місяць тому

      Hey! To change the close button’s weight in an Elementor pop-up, just go to the pop-up’s settings, head over to Advanced > Close Button, and adjust the Typography options there. You can tweak the weight to get the look you’re after.
      Feel free to drop your questions in the comments below!

  • @ShayanHussain-c6v
    @ShayanHussain-c6v 10 місяців тому

    Appreciated

    • @darrelwilson
      @darrelwilson  8 місяців тому

      anytime :) if you need help feel free to ask .

  • @surenlakshan
    @surenlakshan Рік тому

    Great.. 👍🏻👍🏻👍🏻

  • @blackbird1939
    @blackbird1939 Рік тому

    My elementary post font changed automatically

  • @naphatmakeup
    @naphatmakeup Рік тому

    First ❤

  • @emmanueloladipo1
    @emmanueloladipo1 Рік тому

    Second 😁❤️