Customised Close Button

  • Resolved activequilibreyv

    (@activequilibreyv)


    4 years, 4 months ago

    Hi there,

    I’m using an html pop up that is fired through the “onload” event from this page: https://activequilibre.ch/pagetest_popup_inscription/. The HTML just calls a Sendinblue plugin Form with the HTML code I mention here bellow.

    I d’like to leave no other closing way than to press a custom button where I could define the background color, caption, etc. (For now I left the [X] closing button on the top right of the popup, but I d’like to disable it as well).

    I can’t find a way to make the custom close button work.
    (I search your forum and found this: https://www.ads-software.com/support/topic/custom-close-button-3/) but still I can’t find a way… When I hit my close button, it responds that I should write a correct e-mail adress, like if I did hit a Yes button… Am I missing a Class like you wrote to the other user? How can I add this class then?

    Here is the HTML I have in the Sendinblue plugin form. Can you please help?

    <img src="https://activequilibre.ch/wp-content/uploads/2019/03/Logo_Active?quilibre__finblanche_titreweb_550-100-72dpi.png" alt="Logo Activéquilibre" width="550" height="100" class="aligncenter size-full wp-image-1244" />

<h2><span style="color:#305395" class="has-inline-color">Envie de rester informé-e<br>pour votre santé?</span></h2>

<p><span style="color:#84a4d6" class="has-inline-color">Oui, je m'inscris volontiers pour recevoir des news d'Activéquilibre et profiter des bons plans.</span></p>

<p><em><span style="color:#84a4d6" class="has-inline-color">Je pourrai choisir à quelle fréquence je veux recevoir des infos santé utiles. Je pourrai aussi en tout temps me désinscrire si je le souhaite. </span></em></p>

<p>
    <label class="sib-email-area">Mon adresse e-mail est*</label>
    <input type="email" class="sib-email-area" name="email" required="required">
</p>

<p>
    <input type="submit" class="sib-default-btn" value="Je m'inscris, ma santé me tient à coeur">
</p>

<button class=”PopUpButton sg-popup-close”>Close</button>

    Thanks in advance!

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Dear @activequilibreyv ,

    Thank you for getting in touch with us.

    We checked the case. See, the quotation marks (“”) are different than in the rest of the code:
    <button class=“PopUpButton sg-popup-close”>Close</button>

    It is visible when you check it with an editor.
    Please, delete the quotation marks in the mentioned area and then insert them again manually.

    But if you wish the popup not to close in any way besides the button you’ve specified, it would be possible to achieve with the Advanced closing extension which is a premium one. In case you wish to discuss this further, please, contact us via Live Chat since we cannot discuss the paid extensions here.

    Thread Starter activequilibreyv

    (@activequilibreyv)

    Gosh, that was soooo simple and I didn’t saw it! Just those little brackets where not the same as in the WP HTML editor…

    Ok, now it’s working perfekly fine as I d’like.

    Many thanks!

    Dear @activequilibreyv ,

    Thanks for replying to us.

    You’re very welcome.

    Should you need any further assistance, please, open a new support thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customised Close Button’ is closed to new replies.