Link click to pop up

  • Resolved oliverrose

    (@oliverrose)


    8 years, 1 month ago

    I’ve seen a couple of similar questions but for some reason I can’t get it to work –

    I would like to create a basic href link that can be clicked to display a pop up. I have a pop up set up which loads correctly on page load etc.

    How can I create a href link to link to a pop up? Please note, I will also want to apply a custom class to the link if possible?

    Thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Popup Builder Team

    (@popup-by-sygnoos)

    Dear @oliverrose,

    The link should not have a url, so it won’t redirect to the other page.
    You should replace the href with # and add your popup a custom class, like this: sg-popup-id-your popup id number.
    This way your popup will open up when clicked on the link.

    Best regards,
    Sygnoos Team.

    Thread Starter oliverrose

    (@oliverrose)

    Sorry but I can’t get it to work. I’ve created this link:

    <span class=”sg-popup-content”>Test</span>

    and another:

    Test

    This class (sg-popup-content) is in Popup Builder > Edit Popup > Overlay custom class:

    What am I doing wrong?

    Plugin Contributor Popup Builder Team

    (@popup-by-sygnoos)

    Dear @oliverrose,

    You have added a wrong class name, please, give the popup the following class neame: sg-popup-id-your popup id number
    In your particlular case, you should try this way: <span class=”sg-popup-id-your popup id number”>Test</span>

    Best regards,
    Sygnoos Team.

    Thread Starter oliverrose

    (@oliverrose)

    Hi, thanks for the reply. Sorry again, I still can’t get it going. You can see the existing pop up on this page:
    https://www.digitalpeanut.co.uk/
    It’ll pop up after a few seconds

    The link I tried on another page is:
    <span id=”sgcolorbox” class=”colorbox6 sg-popup-content sg-animated fadeIn”>Test</span>

    In the Popup settings I have the following:
    Overlay custom class:
    sg-popup-overlay

    Content custom class:
    sg-popup-content

    Where am I going wrong? I tried using exactly your example (copy and pasted):
    <span class=”sg-popup-id-your popup id number”>Test</span>

    but that didn’t work either

    Thank you for your help with this, much appreciated. The pop up is great otherwise!

    Plugin Contributor Popup Builder Team

    (@popup-by-sygnoos)

    Dear @oliverrose,

    Please, simply paste the following code in your page: <span class=”sg-popup-id-1”>Test</span>
    And your Text will have a popup.
    If you don’t succeed in this way either, then contact us via our email address and we’ll assist you directly.
    [email protected].

    Best regards,
    Sygnoos Team.

    Thread Starter oliverrose

    (@oliverrose)

    It works! Thank you so much. What a great plugin.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Link click to pop up’ is closed to new replies.