How to assign popup opening to a button click on my page?

  • Resolved wlashack

    (@wlashack)


    9 years, 1 month ago

    Hi, I am not a codie but hope my question has a simple solution. I have a popup created and now I want it to be shown by clicking a button on my page.
    I have created button using shortcode of my Theme where I usually put a URL link of the page it refers to. What do I need to put here to make the button open a popup? If I put there popmake-4223 (the CSS class identifier of my popup), it does not work so there must be some trick here. ??

    Thanks a lot.

    https://www.ads-software.com/plugins/popup-maker/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    @wlashack – Can you assign a CSS ID or class to the button or its parent container? If so then we can use the Custom Selectors field to add your own CSS selector that will become a popup trigger.

    Thread Starter wlashack

    (@wlashack)

    This is a liitle bit tough question for my skills. The button shortcode looks like this:
    [button color="green" size="large" light="no" icon="fa-info" open_in_new_window="no" link="ENTER URL HERE"]Button text[/button]

    It would be helpful for me to know what exactly put instead of “ENTER URL HERE” or so. Is it possible?
    Thanks.

    Plugin Author Daniel Iser

    (@danieliser)

    In that case you can do it like this

    [popup_trigger id=123] [button shortcode here] [/popup_trigger]

    Change the 123 to match your popups ID #.

    Thread Starter wlashack

    (@wlashack)

    I tried it with my real popup ID # and it seems not working:

    [popup_trigger id=4223][button color="green" size="large" light="no" icon="" open_in_new_window="no" link=""]Button text[/button][/popup_trigger]

    It seems the button still wants to open an URL instead of popup.

    Plugin Author Daniel Iser

    (@danieliser)

    @wlashack – Sorry for the delay, try changing link from “” to “#”.

    Thread Starter wlashack

    (@wlashack)

    Unfortunately it did not help. ??

    Plugin Author Daniel Iser

    (@danieliser)

    @wlashack – Do you have an example link? Some times the button shortcodes add their own JS which can override ours which may be what is happening here.

    You could try

    [popup_trigger id=4223 tag="button"]Button Text[/popup_trigger]

    Hope that helps.

    Thread Starter wlashack

    (@wlashack)

    Looks it did not help. I made a testing page with three buttons on it. First one opens a webpage (it works): https://martinvlach.cz/popup-test/
    The second button opens a popup “the older way” you suggested 2 weeks ago.
    The third button open a popup “the new way” you suggested in previous post.

    Both methods seem not working.

    Thread Starter wlashack

    (@wlashack)

    SORRY, SORRY, SORRY!!!
    Mistake on my side. I have not checked in popup settings its “Targeting conditions: to “On Entire Site”. My head thought that this is not needed if I open popup by a button.
    So it is working now, both methods you suggested are OK. ??

    Plugin Author Daniel Iser

    (@danieliser)

    @willbraden – Awesome, glad you got it figured out. We are working on some changes over the next few versions that will hopefully make it more intuitive and guided.

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to assign popup opening to a button click on my page?’ is closed to new replies.

Tags