Elementor Popup once per session

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ต.ค. 2024
  • Inspired by a question in the Global Elementor Community (FB). This video shows a way to have a Popup open only once per session.
    To be clear, I'm not a fan of popups that open without the user doing something first. However, it is quite common.
    Details and Code:
    www.wpget.au/t...

ความคิดเห็น • 17

  • @Kh4N
    @Kh4N ปีที่แล้ว +14

    There is actually a baked in workaround solution to this: Leave Pop-up at opening everytime and under adv. rules => show when arriving from: and exclude internal links

    • @myrandawicks4364
      @myrandawicks4364 ปีที่แล้ว +2

      Oh smart! Thanks

    • @frankpurcell3893
      @frankpurcell3893 ปีที่แล้ว +3

      Thank you, this worked for me. I checked all the other options like cookie sessions and jquery code but nothing was simple until I came across this (incase it helps anyone else).

    • @derkgahler9602
      @derkgahler9602 ปีที่แล้ว +1

      In case you didn't knew already, Exclude all internal links means: "Pop-up opening every time > Advance Rules > Show when arriving > Show has to be Hide > Exclude all internal links by adding "/". That will do the job.

    • @ozrobmit
      @ozrobmit ปีที่แล้ว

      To be more precise, because some of us need it: 1) Go to Template->Popups in the WP menu 2) select your popup and edit with Elementor 3) Go to the Save Options, to the right of the Update button at the bottom left 4) Set the Trigger to popup when the page loads 5) Set the Advanced Rule 'Show when arriving from' to only have entries for 'Search Engines' and 'External Links'. 5) Hit the 'Save & Close' button.
      Note: this will work for any times when your user changes pages within your site. The popup will reappear if you just load your page from somewhere else and then refresh it. That's probably because the referrer URL is still set to an external link

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

    Using the "Show Up to X times" option worked form. You can just select per session on close..

  • @dominmax
    @dominmax 2 ปีที่แล้ว +1

    Hello, it really sucks that E. does not have a built in solution for that as other popups plugin have. I appreciate your way. Is it possible to set (a similar way) a cookie lifetime for every popup e.g. for a week?

    • @wpeasy
      @wpeasy  2 ปีที่แล้ว

      Hello yes you can use cookies. see here for examples stackoverflow.com/questions/14573223/set-cookie-and-get-cookie-with-javascript
      With Cookies, you can set an expiry time.
      You could also still user localstorage, instead of setting the value to 'closed', use a timestamp and compare to the current time.

  • @elias1435
    @elias1435 ปีที่แล้ว

    Is it still working my end not, i have followed all same also added the popup id but not working :(

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

    thank you brother!

  • @prodnikos
    @prodnikos 2 ปีที่แล้ว

    I have a question, I have this popup. But I would like it to show just once, not every time the site is opened.
    I tried show up to x times, but if I refresh or reopen the page from my browser it would still show even after closed/opened.
    Any tips?

    • @wpeasy
      @wpeasy  2 ปีที่แล้ว

      That is what this video details. It is once per Browser Session.
      If you want it to show only once even if the user closes and re-opens the browser, use localStorage instead of sessionStorage. localStorage is persistent between Browser sessions.

  • @victordada5264
    @victordada5264 2 ปีที่แล้ว

    Hi, thank you for this tutorial. But my popup doesnt show up at all

  • @victordada5264
    @victordada5264 2 ปีที่แล้ว

    I created a popup,
    Set it to display only on the front page (homepage).
    I copied the js code into an html widget on the homepage.

    • @victordada5264
      @victordada5264 2 ปีที่แล้ว

      Is there a trigger i am missing?

    • @wpeasy
      @wpeasy  2 ปีที่แล้ว

      Check your conditions for the popup and make sure it is available on that page.
      In the HTML Widget, make sure the code is wrapped in tags
      Use Chrome Dev tools to check for any JS errors.