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

    Add my jotform to eBay

    Asked by ddarren on October 14, 2014 at 02:07 PM

    hi

    i have tried adding a form to my ebay listing but get lots of errors is ther a way to do this? heres the code

    <script src="//max.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>
    <script src="//max.jotfor.ms/static/jotform.forms.js?3.2.4025" type="text/javascript"></script>
    <script type="text/javascript">
       JotForm.init();
    </script>
    <link target="_blank" href="http://max.jotfor.ms/static/formCss.css?3.2.4025" rel="nofollow" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" target="_blank" href="http://max.jotfor.ms/css/styles/nova.css?3.2.4025" rel="nofollow" />
    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="http://max.jotfor.ms/css/printForm.css?3.2.4025" rel="nofollow" />
    <style type="text/css">
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding-top:12px;
            padding-bottom:12px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:690px;
            color:#555 !important;
            font-family:'Lucida Grande';
            font-size:14px;
        }
    </style>

    <form class="jotform-form" action="http://submit.jotformeu.com/submit/42865118334355/" method="post" name="form_42865118334355" id="42865118334355" accept-charset="utf-8">
      <input type="hidden" name="formID" value="42865118334355" />
      <div class="form-all">
        <ul class="form-section">
          <li id="cid_1" class="form-input-wide" data-type="control_head">
            <div class="form-header-group">
              <div class="header-text httal htvam">
                <h2 id="header_1" class="form-header">
                  please complete
                </h2>
              </div>
            </div>
          </li>
          <li class="form-line" data-type="control_textbox" id="id_9">
            <label class="form-label form-label-left form-label-auto" id="label_9" for="input_9"> Ebay username </label>
            <div id="cid_9" class="form-input">
              <input type="text" class=" form-textbox" data-type="input-textbox" id="input_9" name="q9_ebayUsername" size="20" value="" />
            </div>
          </li>
          <li class="form-line" data-type="control_dropdown" id="id_3">
            <label class="form-label form-label-left form-label-auto" id="label_3" for="input_3"> book colour </label>
            <div id="cid_3" class="form-input">
              <select class="form-dropdown" style="width:150px" id="input_3" name="q3_bookColour">
                <option value="">  </option>
                <option value="Ivory book"> Ivory book </option>
                <option value="White book"> White book </option>
              </select>
            </div>
          </li>
          <li class="form-line" data-type="control_textarea" id="id_7">
            <label class="form-label form-label-left form-label-auto" id="label_7" for="input_7"> details to print </label>
            <div id="cid_7" class="form-input">
              <textarea id="input_7" class="form-textarea" name="q7_detailsTo" cols="40" rows="6"></textarea>
            </div>
          </li>
          <li class="form-line" data-type="control_textbox" id="id_6">
            <label class="form-label form-label-left form-label-auto" id="label_6" for="input_6"> ribbon colour </label>
            <div id="cid_6" class="form-input">
              <input type="text" class=" form-textbox" data-type="input-textbox" id="input_6" name="q6_ribbonColour" size="20" value="" />
            </div>
          </li>
          <li class="form-line" data-type="control_textbox" id="id_8">
            <label class="form-label form-label-left form-label-auto" id="label_8" for="input_8"> Border card colour </label>
            <div id="cid_8" class="form-input">
              <input type="text" class=" form-textbox" data-type="input-textbox" id="input_8" name="q8_borderCard" size="20" value="" />
            </div>
          </li>
          <li class="form-line" data-type="control_textbox" id="id_4">
            <label class="form-label form-label-left form-label-auto" id="label_4" for="input_4"> butterfly colour </label>
            <div id="cid_4" class="form-input">
              <input type="text" class=" form-textbox" data-type="input-textbox" id="input_4" name="q4_butterflyColour" size="20" value="" />
            </div>
          </li>
          <li class="form-line" data-type="control_button" id="id_2">
            <div id="cid_2" class="form-input-wide">
              <div style="margin-left:156px" class="form-buttons-wrapper">
                <button id="input_2" type="submit" class="form-submit-button">
                  Submit
                </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="42865118334355" />
      <script type="text/javascript">
      document.getElementById("si" + "mple" + "_spc").value = "42865118334355-42865118334355";
      </script>
    </form>

    ebay form class JotForm textarea
  • Profile Image

    Answered by Ben on October 14, 2014 at 03:39 PM

    Hi,

    You can add your jotform to eBay, but you will need to use the iFrame embed method, but with removal of the script from it.

    This is what you should use.

    <iframe id="JotFormIFrame" allowtransparency="true" src="//www.jotformeu.com/form/42865118334355" frameborder="0" style="width:100%; height:753px; border:none;" scrolling="no"></iframe>

    If you take a look at the code that you get when you go to iframe you can see what was removed (in bold) from it to work on eBay.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotformeu.com/form/42865118334355" frameborder="0" style="width:100%; height:753px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    You can see here where to add it in eBay if you need: How to Use HTML in eBay Listings | eHow

    Do let us know if you have any further questions and do let us know how it goes for you.

    Best Regards,
    Ben