jotform in wordpress

  • Profile Image
    guest_23423677262051
    Asked on December 08, 2012 at 07:54 AM
    Please read the below question from a customer of my. Hopefully you can help.

    Here is an example of a form for auto insurance  

    <script type="text/javascript" src="http://form.jotform.us/jsform/21335465407148"></script>

     

    The customer is using wordpress.

    I added this to the "Auto Page" Here is the URL http://quotevolt.com/auto/
    This is not the end result we want
     
    We want this form to pop up after a user types in there Zip Code and clicks "Get Rates"
    I did not enter my Zip Code
     
    So for example:
     
    They see life Insurance in blue and they enter there Zip Code and click "Get Rates"
    We would want the Jotform to pop up on this page.
    Basically it is the page to add the affiliate code.
     
    The page we have the affiliate code should have the form for each coverage.
    Please let me know if you can help me fix this.
    I tried on the WP Dashboard but I do not see a page for "Results" on the WP dashboard
    Thank you for helping me again!
    Thank you for helping me and my customer.

    KR Suzanne
    earnsidecash.com
  • Profile Image
    idarktech
    Answered on December 08, 2012 at 10:50 AM

    Hi,

    How about using this codes?

    <form action="http://www.jotform.us/form/21335465407148" method="get">

    <input type="text" name="address4[postal]" class="yourzip" value="ENTER YOUR ZIP CODE" onclick="javascript:clickclear(this,'ENTER YOUR ZIP CODE')" onblur="javascript:clickrecall(this,'ENTER YOUR ZIP CODE')"><br>

    <input type="image" class="zip_btn" src="//quotevolt.com/wp-content/themes/low-insurance-quote/images/zip_btn.jpg">

    </form>

    Or, if you'd like to use your page as the action URL instead of the form URL, simply embed the form to your page using html source code. Here's How to get your Form Source Code.

    By the way address4[postal] as seen on this code is your form's postal/zip code name after the underscore " _ " . You can see that on your form source code.

    Let me know if you need further clarification. Thanks!

  • Profile Image
    guest_23423677262051
    Answered on December 09, 2012 at 09:51 AM

    Hi,

     

    I have to put it in this html code.  Can you please help me?

     

    html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Insurance Companies</title>
    <link target="_blank" href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <!-- Offer Conversion: Small Business Insurance Quotes -->
    <iframe src="http://rebirthmediagroup.go2jump.org/SL8" scrolling="no" frameborder="0" width="1" height="1"></iframe>
    <!-- // End Offer Conversion -->
    <div id="wrap">
       <div id="header">
               <a target="_blank" href="http://www.quote-time.com" alt="Home"/>
               <img src="images/logo.jpg" width="960" height="116" /></a>
              </div> <!--header-->

    <div id="navbar">
        <div class="navbarleft">
            <ul id="nav">
                <li><a target="_blank" href="http://www.quotevolt.com">HOME</a></li>
             <li><a target="_blank" href="http://www.quotevolt.com/auto/" alt="Auto Insurance">AUTO</a></li>
                <li><a target="_blank" href="http://www.quotevolt.com/health/" alt="Health Insurance">HEALTH</a></li>  
                <li><a target="_blank" href="http://www.quotevolt.com/life/" alt="Life Insurance">LIFE</a></li>  
                <li><a target="_blank" href="http://www.quotevolt.com/home/" alt="Home Property">HOME OR PROPERTY</a></li> 
             <li><a target="_blank" href="http://www.quotevolt.com/motorcycle/" alt="Motorcylce Insurance">MOTORCYCLE</a></li> 
                <li><a target="_blank" href="http://www.quotevolt.com/business/" alt="Business Insurance">MY SMALL BUSINESS</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>

    <div id="bottomfull">
         <div class="articlefull">
         <h1> Start Saving On Small Business Insurance Now! </h1>

     


                   <p><CENTER><B>&nbsp;<p>THESE RESULTS ARE ONLY EXAMPLES. YOUR AFFILIATE CODE WILL GO
                   ON THIS PAGE BELOW.</B></p>
         <p>
         <img border="0" src="http://www.quotevolt.com/images/surehitsdemo.jpg" width="689" height="642"></CENTER><br>
    &nbsp;</div> <!--article-->
                  
                   <div class="clear"></div>
                   </div>
                         </div> <!--wrap-->
                        
    <div id="footer">
         <div class="footerleft">
         <p><a target="_blank" href="http://www.quotevolt.com">Home</a> - <a target="_blank" href="http://www.quotevolt.com/auto/">Auto Insurance</a> - <a target="_blank" href="http://www.quotevolt.com/health/">Health Insurance</a> - <a target="_blank" href="http://www.quotevolt.com/life/">Life Insurance</a> - <a target="_blank" href="http://www.quotevolt.com/home/">Home Insurance</a> - <a target="_blank" href="http://www.quotevolt.com/motorcycle/">Motorcycle Insurance</a> - <a target="_blank" href="http://www.quotevolt.com/business/">Business Insurance</a></p>
         <p style="color:#cbf0ff; margin:20px 0px 0px 0px; font-weight:normal;">Copyright 2012 - 2013 <span style="color:#26d7f7;"><strong>quotevolt.com</strong></span> - Compare Low Insurance Quotes<span style="color:#26d7f7;"> | <strong>Lowest Quotes In Town!</srong></span></p>
                        </div>

    <div class="footerright">
    <a target="_blank" href="http://www.facebook.com/">
    <img src="images/facebook.jpg" alt="facebook" width="40" height="40"  /></a>
    <a target="_blank" href="http://twitter.com/">
    <img src="images/twitter.jpg" alt="twitter" width="42" height="40"  /></a>
    <a target="_blank" href="http://www.linkedin.com">
    <img src="images/linkedin.jpg" alt="linkedin" width="41" height="40"  /></a>
    </div>

    <div class="clear"></div>

           </div> <!--footer-->

    </body>
    </html>

  • Profile Image
    jonathan
    Answered on December 09, 2012 at 10:20 AM

    Hi,

    My colleague meant to say that you can use the "form action" and "method get" code using the form with parameter value.

    This code

    <form action="http://www.jotform.us/form/21335465407148" method="get">

    <input type="text" name="address4[postal]" class="yourzip" value="ENTER YOUR ZIP CODE" onclick="javascript:clickclear(this,'ENTER YOUR ZIP CODE')" onblur="javascript:clickrecall(this,'ENTER YOUR ZIP CODE')"><br>

    <input type="image" class="zip_btn" src="//quotevolt.com/wp-content/themes/low-insurance-quote/images/zip_btn.jpg">

    </form>

     

    can be embedded on a web page between the html tags.

    Or if your page is in WP, you can also do it in the WP page editor on the HTML tab

     

    Hope this help. Please inform us if you have further inquiry.

    Thanks.