Can one submit additional data with the form submission URL?

  • Profile Image
    Caroline Schnapp
    Asked on June 07, 2012 at 12:06 PM

    Hi guys,

    I work for Shopify as senior design guru: http://www.shopify.com/.

    Shopify is probably The best e-commerce platform out there and I am not bragging ;-) but it does not allow for file upload, when, say, a shopper buys a product that requires him to upload a file (like artwork to be printed on a mug for example).

    We recommend using your service for this: http://support.shopify.com/customer/portal/articles/236555-how-do-i-let-my-customers-upload-a-file-with-their-order

    We recommend embedding a jotform form on the order confirmation page.

    We have a problem though with this work-around. We need to submit, with the jotform, the order ID, so that the shop-owner can later connect the uploaded file with the right order.

    That information - the order ID - is available on our end via a special tag, {{ order_name }}.

    How should we change our documentation to show customers how to automatically send that order ID with the form?

    I guess we need to ask them to use a hidden field, and then maybe we can append something like ?order-id={{ order_name }} to the jotform submission URL?

    We recommend using the JavaScript embed method.

  • Profile Image
    NeilVicente
    Answered on June 07, 2012 at 03:44 PM

    Caroline,

    First off, let me extend our gratitude towards your company for promoting our product to your customers.

    As for your concern - indeed, prepopulating a hidden box on the form by appending parameters to the URL in the embed codes (iFrame or JavaScript) will most definitely work.

    1.  Make them add a hidden box to their form. Note that we call an HTML hidden field a "hidden box", simply to distinguish it from other field types hidden by conditions.

    2.  Give the hidden box a label that's easy to remember i.e., "Order Name".

    JotForm assigns an input name to a field in this manner:

    If the label is "Order Name", then the input name for that field will be orderName. If the label is just one word, the input name will be the same except it will be in lowercase. For example: "OrderID" will be "orderid".

    3.  Populate that hidden box by appending ?orderName={your order ID tag} in the URL in the embed codes

    For example:

    JavaScript

    <script type="text/javascript" src="//form.jotform.com/jsform/10990913211?orderName={your order ID tag}"></script>

    iFrame

    <iframe allowtransparency="true" src="//form.jotform.com/form/10990913211?orderName={your order ID tag}" frameborder="0" style="width:100%; height:758px; border:none;" scrolling="no">
    </iframe>

    Hope you find this answer useful.