What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    PayPal open in new window?

    Asked by wellnessqpon on February 07, 2011 at 10:43 AM

    Hi,

    I am using your form to have people purchase services off my website.  After they have chosen their service and quantity and go to pay, I would like the PayPal check out form to open in a new window.  I am using a Joomla based website and currently have the code in a Jumi module.

    Below is the Simple Embed Code AND Full Source Code. Thanks!:

    SIMPLE

    <script src="//www.jotform.com/jsform/10012015337"></script>

     

    FULL SOURCE CODE

    <script src="//cdn.jotfor.ms/jotform.jgz?3.1.100" type="text/javascript"></script>

    <script type="text/javascript">

    JotForm.init(function(){

    JotForm.totalCounter({"input_1_1002":{"price":"49","quantityField":"input_1_quantity_1002_0"},"input_1_1003":{"price":"50","quantityField":"input_1_quantity_1003_0"},"input_1_1001":{"price":"250","quantityField":"input_1_quantity_1001_0"}});

    });

    </script>

    <link target="_blank" href="http://cdn.jotfor.ms/jotform.cssgz?3.1.100" rel="nofollow noopener" rel="stylesheet" type="text/css" />

    <style type="text/css">

    .form-label{

    width:200px !important;

    }

    .form-label-left{

    width:200px !important;

    }

    .form-line{

    padding:10px;

    }

    .form-label-right{

    width:200px !important;

    }

    .form-all{

    width:450px;

    color:Black !important;

    font-family:Verdana;

    font-size:12px;

    }

    </style>

     

    <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_10012015337" id="10012015337" accept-charset="utf-8">

    <input type="hidden" name="formID" value="10012015337" />

    <div class="form-all">

    <ul class="form-section">

    <li class="form-line" id="id_1">

    <label class="form-label-top" id="label_1" for="input_1">

    Check desired Qpon(s) and select quantity...<span class="form-required">*</span>

    </label>

    <div id="cid_1" class="form-input-wide"><span class="form-product-item"><input class="form-checkbox validate[required]" type="checkbox" id="input_1_1002" name="q1_checkDesired[][id]" value="1002" />

    <label for="input_1_1002">

    Neuro Strength<span class="form-product-details"><b>

    $<span id="">49.00</span>

    USD

    </b></span>

    </label>

    <br />

    <br /><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q1_checkDesired[special_1002][item_0]" id="input_1_quantity_1002_0">

    <option value="1"> 1 </option>

    <option value="2"> 2 </option>

    <option value="3"> 3 </option>

    <option value="4"> 4 </option>

    <option value="5"> 5 </option>

    <option value="6"> 6 </option>

    <option value="7"> 7 </option>

    <option value="8"> 8 </option>

    <option value="9"> 9 </option>

    <option value="10"> 10 </option>

    </select>

    <label class="form-sub-label" for="input_1_quantity_1002_0"> Quantity </label></span></span>

    <br /><span class="form-product-item"><input class="form-checkbox validate[required]" type="checkbox" id="input_1_1003" name="q1_checkDesired[][id]" value="1003" />

    <label for="input_1_1003">

    Infinite Mind Hypnosis<span class="form-product-details"><b>

    $<span id="">50.00</span>

    USD

    </b></span>

    </label>

    <br />

    <br /><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q1_checkDesired[special_1003][item_0]" id="input_1_quantity_1003_0">

    <option value="1"> 1 </option>

    <option value="2"> 2 </option>

    <option value="3"> 3 </option>

    <option value="4"> 4 </option>

    <option value="5"> 5 </option>

    <option value="6"> 6 </option>

    <option value="7"> 7 </option>

    <option value="8"> 8 </option>

    <option value="9"> 9 </option>

    <option value="10"> 10 </option>

    </select>

    <label class="form-sub-label" for="input_1_quantity_1003_0"> Quantity </label></span></span>

    <br /><span class="form-product-item"><input class="form-checkbox validate[required]" type="checkbox" id="input_1_1001" name="q1_checkDesired[][id]" value="1001" />

    <label for="input_1_1001">

    Transparency Insights<span class="form-product-details"><b>

    $<span id="">250.00</span>

    USD

    </b></span>

    </label>

    <br />

    <br /><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q1_checkDesired[special_1001][item_0]" id="input_1_quantity_1001_0">

    <option value="1"> 1 </option>

    <option value="2"> 2 </option>

    <option value="3"> 3 </option>

    <option value="4"> 4 </option>

    <option value="5"> 5 </option>

    <option value="6"> 6 </option>

    <option value="7"> 7 </option>

    <option value="8"> 8 </option>

    <option value="9"> 9 </option>

    <option value="10"> 10 </option>

    </select>

    <label class="form-sub-label" for="input_1_quantity_1001_0"> Quantity </label></span></span>

    <br />

    <br />

    <b>

    Total:&nbsp;<span>$<span id="payment_total">0.00</span>

    USD</span>

    </b>

    </div>

    </li>

    <li class="form-line" id="id_2">

    <div id="cid_2" class="form-input-wide">

    <div style="margin-left:206px" class="form-buttons-wrapper">

    <button id="input_2" type="submit" class="form-submit-button">

    Buy WellnessQpon

    </button>

    </div>

    </div>

    </li>

    <li style="display:none">

    Should be Empty:

    <input type="text" name="website" value="" />

    </li>

    </ul>

    </div>

    <input type="hidden" id="simple_spc" name="simple_spc" value="10012015337" />

    <script type="text/javascript">

    document.getElementById("si" + "mple" + "_spc").value = "10012015337-10012015337";

    </script>

    </form>

  • Profile Image
    JotForm Founder

    Answered by aytekin on February 08, 2011 at 03:50 AM

    We absolutely do not recommend that. People will get confused. They will see the filled form and think they did not complete the form. It is going to cause a lot of troubles for you. But if you really have to do it, it is pretty easy to implement. 

    Use the full form source code and right after this:

    method="post" 

    Add this code: