Embedded form not working on Wix page

  • Profile Image
    Keith Locke 
    Asked on June 12, 2014 at 07:59 AM

    Hi,

    I have this code from you that works on Weebly but is not working on WIX.

    WEEBLY: (working)   http://www.givingclicks.org/rates.html

    WIX URL: (not working)  http://givingclicks.wix.com/givingclicks#!cost-calculator/c1pkx

    Really trying to get it to work on WIX but no luck.

    I am a designer that just got involved in plugging this existing code into the site.

    Is there an API that I need to install to make this code work?

    I know nothing of code - I just plug it in and play.

    Thank you SOOOOOOO much!

    Keith Locke

    417.861.2182

     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.2168" type="text/javascript"></script>

    <script src="//max.jotfor.ms/js/vendor/math-processor.js?v=3.2.2168" type="text/javascript"></script>

    <script type="text/javascript">

       JotForm.setCalculations([{"decimalPlaces":"2","equation":"[(({16}*{29})*{34})+(({16}*{30})*{35})+(({16}*{31})*{36})+({16}*.0025)+30]","insertAsText":"","newCalculationType":"1","operands":"16,29,34,30,35,31,36","readOnly":"1","resultField":"4","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[{16}*.17]","insertAsText":"","newCalculationType":"1","operands":"16","readOnly":"1","resultField":"14","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[{16}*.0075]","insertAsText":"","newCalculationType":"1","operands":"16","readOnly":"1","resultField":"15","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[(({16}*{29})*{34})+(({16}*{30})*{35})+(({16}*{31})*{36})+({16}*.01)+25]","insertAsText":"","newCalculationType":"1","operands":"16,29,34,30,35,31,36","readOnly":"1","resultField":"19","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[{37}+{15}]","insertAsText":"","newCalculationType":"1","operands":"37,15","readOnly":"1","resultField":"22","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[({22}+{14})*12]","insertAsText":"","newCalculationType":"1","operands":"22,14","readOnly":"1","resultField":"23","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[.45]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"","resultField":"29","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[.45]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"","resultField":"30","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[.10]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"","resultField":"31","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"3","equation":"[.005]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"1","resultField":"34","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"3","equation":"[.0190]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"1","resultField":"35","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"3","equation":"[.0275]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"1","resultField":"36","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[({4}+{19}+{20})/3*.6]","insertAsText":"","newCalculationType":"1","operands":"4,19,20","readOnly":"1","resultField":"38","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[{16}*.03]","insertAsText":"","newCalculationType":"1","operands":"16","readOnly":"1","resultField":"37","showBeforeInput":"1","showEmptyDecimals":"1"}]);</script>

    <script type="text/javascript">

       JotForm.init(function(){

          JotForm.description('input_15', 'This is the amount you are expected to receive from the Charitable Rewards Program.');

       });

    </script>

    <link target="_blank" href="http://max.jotfor.ms/static/formCss.css?3.2.2168" rel="nofollow noopener" rel="stylesheet" type="text/css" />

    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="http://max.jotfor.ms/css/printForm.css?3.2.2168" rel="nofollow noopener" />

    <style type="text/css">

        .form-label{

            width:240px !important;

        }

        .form-label-left{

            width:240px !important;

        }

        .form-line{

            padding-top:12px;

            padding-bottom:12px;

        }

        .form-label-right{

            width:240px !important;

        }

        .form-all{

            width:700px;

            background:#FFFFFF;

            color:#555555 !important;

            font-family:'Helvetica';

            font-size:16px;

        }

        .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{

            color:#555555;

        }

     

    </style>

     

    <form class="jotform-form" action="http://submit.jotform.me/submit/40772516437457/" method="post" name="form_40772516437457" id="40772516437457" accept-charset="utf-8">

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

      <div class="form-all">

        <ul class="form-section">

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

            <label class="form-label-left" id="label_16" for="input_16"> Select Monthly Offerings here </label>

            <div id="cid_16" class="form-input">

              <span class="form-sub-label-container">

                <select class="form-dropdown" style="width:150px" id="input_16" name="q16_selectMonthly">

                  <option value="">  </option>

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

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

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

                  <option value="15,000"> 15,000 </option>

                  <option value="20,000"> 20,000 </option>

                  <option value="25,000"> 25,000 </option>

                  <option value="50,000"> 50,000 </option>

                  <option value="75,000"> 75,000 </option>

                  <option value="100,000"> 100,000 </option>

                </select>

                <label class="form-sub-label" for="input_16"> Select an amount from the drop down box. </label>

              </span>

            </div>

          </li>

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

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

              <div id="text_40" class="form-html">

                <p><span style="font-size:medium;"><strong>Monthly estimated fees</strong>...</span></p>

              </div>

            </div>

          </li>

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

            <label class="form-label-left" id="label_4" for="input_4"> Channels maintained by You </label>

            <div id="cid_4" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_4" name="q4_channelsMaintained" value="0" size="10" />

                <label class="form-sub-label" for="input_4"> Your Giving channels designed and maintained by Your Personnel </label>

              </span>

            </div>

          </li>

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

            <label class="form-label-left" id="label_19" for="input_19"> Channels Maintained For You </label>

            <div id="cid_19" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_19" name="q19_channelsMaintained19" value="0" size="10" />

                <label class="form-sub-label" for="input_19"> Your Giving channels designed and maintained For You </label>

              </span>

            </div>

          </li>

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

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

              <div id="text_39" class="form-html">

              </div>

            </div>

          </li>

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

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

              <div id="text_21" class="form-html">

                <p><strong><span style="font-size:medium;">See the </span><strong style="font-size:medium;">increase in offerings</strong><span style="font-size:medium;">...</span></strong></p>

              </div>

            </div>

          </li>

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

            <label class="form-label-left" id="label_37" for="input_37"> Donations for Fees </label>

            <div id="cid_37" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_37" name="q37_donationsFor" value="0" size="10" />

                <label class="form-sub-label" for="input_37"> We'll show you how to receive donations for the fees. </label>

              </span>

            </div>

          </li>

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

            <label class="form-label-left" id="label_15" for="input_15"> Charitable Rewards </label>

            <div id="cid_15" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_15" name="q15_charitableRewards" value="0" size="10" />

                <label class="form-sub-label" for="input_15"> This is the amount you are expected to receive from the Charitable Rewards Program. </label>

              </span>

            </div>

          </li>

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

            <label class="form-label-left" id="label_22" for="input_22"> Total Towards Fees </label>

            <div id="cid_22" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_22" name="q22_totalTowards" value="0" size="10" />

                <label class="form-sub-label" for="input_22"> The total towards the fees. </label>

              </span>

            </div>

          </li>

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

            <label class="form-label-left" id="label_14" for="input_14"> Recurring Giving Increase </label>

            <div id="cid_14" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_14" name="q14_recurringGiving" value="0" size="10" />

                <label class="form-sub-label" for="input_14"> This is the amount other ministries have gained on average. </label>

              </span>

            </div>

          </li>

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

            <label class="form-label-left" id="label_23" for="input_23"> Increase Offerings 1st Year </label>

            <div id="cid_23" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_23" name="q23_increaseOfferings" value="0" size="10" />

                <label class="form-sub-label" for="input_23"> Total expected increase in offerings the first year. </label>

              </span>

            </div>

          </li>

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

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

              <div id="text_33" class="form-html">

              </div>

            </div>

          </li>

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

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

              <div id="text_32" class="form-html">

                <p><span style="font-size:medium;">Adjust the ratios below if you wish...they must add up to 1.</span></p>

              </div>

            </div>

          </li>

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

            <label class="form-label-left" id="label_29" for="input_29"> Debit Cards % </label>

            <div id="cid_29" class="form-input">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_29" name="q29_debitCards29" value="0" size="10" />

            </div>

          </li>

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

            <label class="form-label-left" id="label_30" for="input_30"> Credit Cards % </label>

            <div id="cid_30" class="form-input">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_30" name="q30_creditCards30" value="0" size="10" />

            </div>

          </li>

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

            <label class="form-label-left" id="label_31" for="input_31"> Rewards Cards % </label>

            <div id="cid_31" class="form-input">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_31" name="q31_rewardsCards31" value="0" size="10" />

            </div>

          </li>

          <li class="form-line always-hidden" id="id_34">

            <label class="form-label-left" id="label_34" for="input_34"> Debit rate </label>

            <div id="cid_34" class="form-input always-hidden">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_34" name="q34_debitRate" value="0" size="20" />

            </div>

          </li>

          <li class="form-line always-hidden" id="id_35">

            <label class="form-label-left" id="label_35" for="input_35"> Credit rate </label>

            <div id="cid_35" class="form-input always-hidden">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_35" name="q35_creditRate" value="0" size="20" />

            </div>

          </li>

          <li class="form-line always-hidden" id="id_36">

            <label class="form-label-left" id="label_36" for="input_36"> Reward rate </label>

            <div id="cid_36" class="form-input always-hidden">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_36" name="q36_rewardRate" value="0" size="20" />

            </div>

          </li>

          <li class="form-line always-hidden" id="id_38">

            <label class="form-label-left" id="label_38" for="input_38"> for fees </label>

            <div id="cid_38" class="form-input always-hidden">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_38" name="q38_forFees" value="0" size="20" />

            </div>

          </li>

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

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

              <div id="text_28" class="form-html">

              </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="40772516437457" />

      <script type="text/javascript">

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

      </script>

    </form>

  • Profile Image
    NeilVicente
    Answered on June 12, 2014 at 11:40 AM

    Please use re-embed the form on your Wix page using iframe embed option. Do let us know if the provided solution works for you or not.

    We'll be looking forward to hearing your results.

    Best

    -Neil