Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 2, 2016 at 6:10 pm #681432
    Alessandro Marengo

    Hi guys.
    I installed CF7. I’d like to show a popup including a CF7 form.
    Until I use a text link in order to open that popup, everything is fine.
    I followed this guide.
    But… i’d like to use a call-to-action button in order to open a modal/popup contact form.
    I tried this, but unsuccessfully though…

    <div id="test-popup" class="white-popup mfp-hide">
[contact-form-7 id="5187" title="Modulo di contatto 1"]</div>
<a class="open-popup-link" href="#test-popup">[av_button label='Cliccami' link_target='#' size='medium' position='left' icon_select='yes' icon='ue81e' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</a>

    When clicking on the button, it reloads the page. :(
    How can I fix this?

    September 2, 2016 at 9:54 pm #681471
    Yigit

    Hey Alessandro!

    Please refer to my post here – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439

    Regards,
    Yigit

    September 3, 2016 at 9:09 am #681592
    Alessandro Marengo

    Hi Yigit, thanks for your reply.
    One question: once I activate debug mode, what shall i do? I’m missing that point…
    And secondly what’s wrong with my code above? Isn’t it a button shortcode?

    September 5, 2016 at 5:04 pm #682274
    Yigit

    Hi,

    Enabling debugging mode is to see the see shortcodes but since you are going to be using Contact Form 7’s shortcode, you can skip that step.
    If your popup form is not working, please create a temporary admin login and post it here privately and point out the page you are working on.

    Best regards,
    Yigit

    September 5, 2016 at 5:15 pm #682281
    Alessandro Marengo

    Hi yigit,
    thanks for your reply.

    Finally, I setup a button using bootstrap.

    Private message for you below. Thanks.

    September 8, 2016 at 9:02 am #683565
    Ismael

    Hi,

    Thank you for the info. Instead of wrapping the shortcode button inside a container, add the “open-popup-link” custom css class attribute to it.

    Best regards,
    Ismael

    September 8, 2016 at 6:25 pm #683834
    Alessandro Marengo

    Hi yigit!
    I tried what you suggested but nothing happened. :(

    I simply want to click on a button, a lightbox appears including a contact form that disappears when contact form will be sent.
    Is it so complicate to do with Enfold?

    September 10, 2016 at 9:02 am #684462
    Alessandro Marengo

    Ok, guys, I’ll give up. :(
    I assume it is NOT possible in Enfold to have a contact form in popup or modal box that will close itself when the form is completed.
    Thanks anyway for your help.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘use a button to open a popup including a contact form’ is closed to new replies.