Button with link to form

Home Forums Quform WordPress Button with link to form

This topic is: resolved
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #7999
    kraaitje
    Participant

    Hi there,

    I purchased this nice plugin and also the u-design template. I want to create a button with a link to a form. Can someone please help me with the right syntax.

    This works (form opens):
    [iphorm_popup id=”3″ name=”Reactie marktplaats”]Ik heb interesse![/iphorm_popup]

    This works (default u-design button):
    [custom_button text=”Custom Button” title=”Custom Button” url=”http://www.your-link-goes-here.com/” size=”medium” bg_color=”#FF5C00″ text_color=”#FFFFFF” align=”left” target=”_self”]

    What I need is the right combination between the button and the popup 🙂

    Thanks!

    #8004
    kraaitje
    Participant

    I tried this code but no luck: (my form ID = 3)

    [custom_button text=”Ik heb interesse” link=”#form-3″size=”medium” bg_color=”#FF5C00″ text_color=”#FFFFFF”]
    [iphorm_popup id=3][/iphorm_popup]

    <script type=”text/javascript”>// <![CDATA[
    jQuery(document).ready(function ($) { $(‘a[href=”#form-3″]’).click(function () { $(‘.iphorm-fancybox-link-3’).click(); return false; }); });
    // ]]></script>

    #8005
    josef777
    Participant

    Try it without the extra lines in javascript , it should work !


    [custom_button text="Ik heb interesse" link="#form-3"size="medium" bg_color="#FF5C00" text_color="#FFFFFF"]
    [iphorm_popup id="3" ][/iphorm_popup]
    <script type="text/javascript">
    jQuery(document).ready(function ($) {
    $('a[href="#form-3"]').click(function () {
    $('.iphorm-fancybox-link-3').click();
    return false;
    });
    });
    </script>

    #8008
    kraaitje
    Participant

    No luck 🙁 It jumps to the top of the page now.

    • This reply was modified 10 years, 4 months ago by kraaitje.
    #8011
    josef777
    Participant

    Can you try it without the button shortcode just to see if the shortcode causing this , put a simple link with text like

    • This reply was modified 10 years, 4 months ago by josef777.
    • This reply was modified 10 years, 4 months ago by josef777.
    • This reply was modified 10 years, 4 months ago by josef777.
    • This reply was modified 10 years, 4 months ago by josef777.
    Attachments:
    You must be logged in to view attached files.
    #8035
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #8122
    kraaitje
    Participant

    no luck 🙁 Any other suggestions?

    #8126
    kraaitje
    Participant

    @josef777 this works the link

    #8145
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #8218
    kraaitje
    Participant

    Hi Ally,

    I have e-mailed you a copy of the template. Did you had time to test the code?

    #8228
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #8230
    kraaitje
    Participant
    #8232
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #8233
    kraaitje
    Participant

    it works, thanks 😀

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy