• Resolved nordicit

    (@nordicit)


    Hi.
    I’ve created a Pop Up, but i’m afraid is it a bit too annoying for my users that it is opened by default but I do not wish my Pop Up to trigger by some element on my page.

    What i would like is to make my Pop Up auto open, but I only want the title to show by default and then have an icon that when clicked, expands the pop up to full size.

    So what i want is that my pop up shows as a small window on the bottom right side, where you can only see the title “Sign up for Newsletter” and an expand icon. And then you can click the expand icon to view the full pop up.

    Is this possible?

    Hope you understand my question – otherwise, just let me know!

    Best regards
    – Stine

Viewing 11 replies - 1 through 11 (of 11 total)
  • @nordicit

    The fastest and easiest option would be to just construct two popups.

    The first popup will open automatically as you describe, in a type of banner style popup. Within that popup, you could put the link as you describe, but instead of expanding one popup, that link is actually a Click Open Trigger that opens the full size popup with your form, pitch, etc.

    That’s an easy, out-of-the-box solution – the whole “expanding” feature isn’t required to get what you want unless, of course, you just really, really want that “expanding” feature behavior.

    Let us know what you think.

    • This reply was modified 8 years, 1 month ago by waltmesser.
    Thread Starter nordicit

    (@nordicit)

    Sounds like a perfect plan. Thank you for that ??

    Thread Starter nordicit

    (@nordicit)

    Now I’ve tried to make it the way you described and I believe that is a very good solution – the only problem is, that when I click my small Pop Up to open the real sign-up pop up, it doesn’t open as an overlay of the page I was on when i opened it – It takes me to some sort of default page to open my Pop Up? Is this something you are familiar with and maybe can help me with? ??
    Thanks.

    – Stine

    @nordicit

    Can you please provide a link and what has to be done to trigger the popup, and we’ll investigate the issue further.

    Thank you.

    Thread Starter nordicit

    (@nordicit)

    https://nordic-it.com/newsite/index.php/about/

    I just want the small pop up you see in the bottom right corner to trigger the bigger pop up. The trigger-part works but the Pop Up it triggers opens in a different page – and I want it to open as a overlay on the page I was when i triggered it.

    Hope you understand ??

    @nordicit

    You have the link inside the small popup that is an actual hyperlink, and that’s not exactly how it works. You don’t get it to open by making a hyperlink, but instead there are a number of different methods to use what we call a Click Open Trigger, so that when a user clicks the link, a popup opens.

    If you make that link inside the small popup a Click Trigger, then you will be all set.

    Check out our Click Open Trigger doc and that will explain the entire process in full detail.

    Let us know if you have any other questions or issues, and we’ll be happy to assist you.

    If you haven’t already, please do take a moment to click that our plugin Works and to rate and review the plugin to spread the love! <3

    Thread Starter nordicit

    (@nordicit)

    I’ve made it work – but now another problem as occurred. The pop ups doesn’t have the background overlay? Can you help me wth this?

    waltmesser

    (@waltmesser)

    @nordicit

    Are you using the “Stackable” feature found under the Display Settings pane in the Popup Editor?

    If you have that setting enabled for the second popup, then that’s what’s causing the issue. If you want the first popup to stay open, then you will have to adjust the z-index values, found at the bottom of the Display Settings pane.

    Set your z-index values for first popup as such:

    -overlay – 1999999996
    -popup – 1999999997

    You can leave the z-index of the second popup, as the default values will be just fine.

    Let us know if that helps!

    Thread Starter nordicit

    (@nordicit)

    It did make the overlay work but it created other problems.

    1) Because I have now enabled the stackable feature i can’t open other Pop ups before i have opened the small newsletter signup that enables the bigger one and then closed this one.

    2) Once i have opened the small pop up that enables the big one, and closed the big one, the small one doesn’t reappear – How do i make that happen?

    3) If i click the close-button on the small pop up it still opens the big one? I would like my users to be able to close the pop up without having to view the big pop up.

    Hope it all makes sense and that you are able help.
    I know there has been a lot of problems, so just please let me know if some of the issues aren’t solvable – then i’ll find out what i’ll settle for. ??

    Thanks again for great support!

    – Stine

    waltmesser

    (@waltmesser)

    @nordicit

    1) Have you tried making all of your popups stackable?

    2) The only way to do this is to use the Auto Open Trigger with no cookie (which you’re already doing), but if the user closes the popup, then they still have to switch page to get it to open again.

    To keep users from closing the popup, you would have to remove the close button, which you can do via the Forced Interaction Extension. However, if you want the users to still be able to close the popup, this doesn’t help.

    There is another solution, but understand you won’t be able to trigger the small popup more than once per page load, unless you have more triggers. As such, you could setup multiple Auto Open Triggers, for example, and have them trigger every 30 seconds. Or use in combination with Scroll Triggers, plus others. To add a New Trigger, Just click the Add New Trigger button in the Popup Editor.

    3) This is because the Click Trigger you have setup is targeting the whole small popup, but your trigger should just be targeting the text inside the popup as such:

    <span class="popmake-123" style="color: #e3e3e3;">Sign up for Nordic IT Insights</span>

    Where 123 is the Popup ID # of your big popup (found on the All Popups screen in the WP Admin).

    Hope this helps!

    • This reply was modified 8 years ago by waltmesser.
    waltmesser

    (@waltmesser)

    Closing this ticket due to inactivity. If you’re still having an issue, create a new thread, link this one, and we will continue troubleshooting.

    Please take a moment to rate and review our plugin and/or support.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Icon to expand pop up’ is closed to new replies.