How to link the form to a button on webpage

[timothylarner]

How would I link the pop-up form to a button, i have tried a few different codes but I cant get it to work.

<a target="_blank" href="” class=”button button_large button_” style=”margin-top: 20px;”>Contact Us

[timothylarner]

<a target="_blank" href="<iphorm_popup id="4" name="contact"></iphorm_popup>" class="button button_large button_" style="margin-top: 20px;">Contact Us <i class="icon-envelope-alt"></i></a>

[Ally]

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

[timothylarner]

I will try this tomorrow morning thank you

[Ripla]

Hi,

I can get the above to work no problem, however I have 3 different forms and I just cant seem to get it to work properly

I can get all 3 buttons to look how they should with their own text in them but the all load the same form.

I change the ID and the name to that of the form I want to load but it just loads whichever is in the the first button.

[button link="#form" color="#b00" size="3" style="3" dark="0" square="1" radius="5" ]Get-a-Quote[/button][iphorm_popup id=2][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link’).click();
return false;
});
});

[button link="#form" color="#b00" size="3" style="3" dark="0" square="1" radius="5" ]General Enquiry[/button][iphorm_popup id=1][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link’).click();
return false;
});
});

[button link="#form" color="#b00" size="3" style="3" dark="0" square="1" radius="5" ]Request Callback[/button][iphorm_popup id=3][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link’).click();
return false;
});
});

Any help would be great.

[Ally]

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

[Ripla]

great thank you

[Ripla]

I have just managed to get to this solution but I still dont seem to be able to get it to work

The code I am now using is as follows (notice I have dropped it to 2 forms instead of three)

[button link="#form" color="#ff0000" size="4" style="4" dark="0" radius="5" target="self"]Get a Quote[/button]
[iphorm_popup id=2][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link-2’).click();
return false;
});
});

[button link="#form" color="#ff0000" size="4" style="4" dark="0" radius="5" target="self"]Contact Us[/button]
[iphorm_popup id=3][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link-3’).click();
return false;
});
});

Any ideas?

Oh, yes I am using version 1.4.2

Many Thanks

[Ally]

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

[Ripla]

Excellent it is now working a treat, many thanks

[vegastriguy]

I hope it is ok, to jump on board this thread. I am actually trying to link a pop-up form from a custom graphic I have created and want to put in a sidebar widget. At this point I only have the one form.

Here is the code I came up with but it is not working….

<a target="_blank" href="”> img src=”/wp-content/uploads/2013/05/salesbutton.png” align=”center”>

Can you tell me what I am doing wrong? Thanks in advance.

[Ripla]

Hi vegas

I would try this solution, change the conact us text for the image.

No expert here but worth a try

Contact Us
[iphorm_popup id=”1″ name=”contact”][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link’).click();
return false;
});
});

[Ripla]

nope – let me try that again

<a href="#form" class="button button_large button_" style="margin-top: 20px;">Contact Us <i class="icon-envelope-alt"></i></a>
[iphorm_popup id="4" name="contact"][/iphorm_popup]
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('a[href="#form"]').click(function () {
$('.iphorm-fancybox-link').click();
return false;
});
});
</script>


[vegastriguy]

Thank you Ripla for the efforts….that did not work for me…BUT, I did find my solution finally. I use the Black Studio TinyMCE plugin and when I add that to my sidebar, and work in HTML view, there is the Quform shortcode insert. So, in HTML view, I insert the shortcode and include the prompts for a pop-up. THEN, I insert media which is my .jpg button. I move the closing tag .

So, it ends up looking like this for me.

[iphorm_popup id="1" name="myformname"]<img src="/wp-content/uploads/2013/05/salesbutton2.png" alt="salesbutton2" width="281" height="206" class="alignnone size-full wp-image-62" />[/iphorm_popup]

[Author]

Posts