When user visits site, have full-screen splash page display content fr

  • Resolved lvictor

    (@lvictor)


    1 year, 2 months ago

    When a user visits my website, I want the following to happe

    • Full-screen modal displays donation form (hosted on another site)
    • Has a link back to my site’s homepage which closes out window
    • Only displays once for each user

    Example: https://www.forbes.com/?sh=34bed942254c

    Any plugins/customization recommendations for achieving this?

    Limitations:

    -Cannot use 301 redirect as it will keep redirecting to the donation form URL each time the user goes to the homepage.

    • Form cannot be hosted on our website.
    • Needs to fill browser window (typical embed won’t work)
    • Needs to be closable, taking the user back to the original page they’ve navigated to..

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    The key is in using a true modal whose content is part of the main page. Display or hiding is solely dependent on CSS and JavaScript. Normally, a modal is initially hidden by default and displayed after some event occurs (maybe a click event on a certain element). In your case it’s displayed by default until some event causes it to become hidden.

    In order to only show the modal once per user you’d need to save a cookie indicating they’ve already seen the modal and that it should initially be hidden. Whether to display it or not is all dependent on JavaScript.

    Since the modal is part of the main page, no redirects are involved, script just changes the CSS that is applied.

    Thread Starter lvictor

    (@lvictor)

    Thanks for the advice!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘When user visits site, have full-screen splash page display content fr’ is closed to new replies.