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

    QR Code autogeneration based on submission ID

    Asked by kiranshah3000 on February 12, 2011 at 05:52 AM

    Is it possible to get jotform to create a QR code from the inputted information by the user using the Google API http://code.google.com/apis/chart/ and then have this as an image in the email sent to the user? For example the unique submission id in QR code form. At present I just get a link to the QR code generated not the image itself as

    tags are wrapped around it.

    Any help would be much appreciated.

    Thanks.

    form QR code QR code
  • Profile Image
    JotForm Founder

    Answered by aytekin on February 14, 2011 at 11:51 AM

    Can you provie more details on what "QR Code" means?

  • Profile Image

    Answered by DanielGriffin on February 16, 2011 at 11:27 AM

    @aytekin QR code is like a multidimensional barcode. 

    @Kiranshah3000 if you can manage to generate the code then it's possible to turn it into an image simply by wrapping it in an <img> tag.

    for example,

    http://chart.apis.google.com/chart?chs=200x100&cht=qr&chl=MYTESTID

    should become <img src="http://chart.apis.google.com/chart?chs=200x100&cht=qr&chl=MYTESTID" />

    But the easiest way to do that is just click the picture icon in the compose mail pane and then enter the following:

    http://chart.apis.google.com/chart?chs=200x100&cht=qr&chl={id}

    Sounds like a very interesting project, please let us know how you get on if you have time.

    Thanks,

    Daniel

  • Profile Image

    Answered by kiranshah3000 on February 16, 2011 at 11:48 AM

    Apologies, I should have replied I did exactly that in the confirmation email I have the following code:

    <img src="https://chart.googleapis.com/chart?chs=100x100&amp;cht=qr&amp;chl={id}&amp;choe=UTF-8" alt="" width="100" height="100" />

    The reason I did this is because I am getting people to get tickets to an event via paypal and using the submission id as the unique ticket id. If they then print out the ticket with the QR code already on the page I have an iPhone application that can scan and check the code exists and "cross" the person off the list to say they have been admitted. Just playing around at the moment seeing how it all works, looks good and seems to work OK. Worse case scenario I will cross them off manually on the day.

  • Profile Image

    Answered by DanielGriffin on February 16, 2011 at 12:26 PM

    No problem,

    Glad you managed to sort it out.

    Thanks

  • Profile Image

    Answered by createmymobile on January 28, 2012 at 04:58 PM

    kiranshah3000, did you get this working?  Would you mind sharing what iphone app you have that checks if they code exists?  I'm looking to do something similar to offer coupons to customers.  thanks

  • Profile Image

    Answered by kiranshah3000 on February 03, 2012 at 02:50 PM

    creatmymobile,

    Apologies for the late response. I did get a sort of a workaround but decided not to use it in the end for my event. What I used was http://qrickets.com/.

    The website allows you to import from a external file which I tested and you can upload the codes you have from the jotform submissions. They also have an app on the iPhone which can be used to then scan these and accept the entry at the door.

    The QR code is then scanned and checked against the code and validated. It works well in theory but I did not use it for the event and we checked the tickets against the master list separately.

    Hope this helps.

    Let me know if you need any more assistance.

  • Profile Image

    Answered by photophil on February 14, 2013 at 04:03 PM

    following up on this question/idea  ... it looks like a great solution for me but i guess i need a little more guidance.  where does the code get inserted?   i tried adding an image on the form and entering the url code there but it doesnt seem to be the right place to add it in.

     

    thanks in advance

     

    -p

  • Profile Image

    Answered by photophil on February 14, 2013 at 04:26 PM

    update- so I did get the code to show up on the form as its being filled out...how do I get a email to be sent to the customer as a "recipt" and have the QR code appear as it does on the online form?

  • Profile Image
    JotForm Support

    Answered by Mike_T on February 14, 2013 at 04:40 PM

    @Photophil,

    The QR code on your form is not unique, so you can remove it. The unique QR code can be generated upon form submission, so it can be mailed to the user and/or showed on the form Thank You Page.

    1. You will need to add the Autoresponder to your form.

    2. Then, you will need to open your Autoresponder template, go to HTML Source Editor and place the code for QR code generation.

    Code: http://pastebin.com/38gQ3Fei

    This way, each form submission will have the unique QR code on the Autoresponder email and/or form Thank You Page.

  • Profile Image

    Answered by photophil on February 14, 2013 at 07:57 PM

    Thank you so much for your help & guideance I will continue to play ...I cant tell ya how exciting the possibilties are with this.

     

    -p

  • Profile Image

    Answered by photophil on February 14, 2013 at 08:46 PM

    this is great! I am able to get this working well...so my question (which im guessing is a html question )  how could I get the code gernerator to include multible (select) multible fields from the form  ie: {id} AND {name} etc, etc

    I tried a amperstand and that doesnt work...

     

    thanks again!

  • Profile Image

    Answered by jeanettebmz on February 14, 2013 at 09:17 PM

    Can you try  label={fieldvariable} such as yourname={name};   so each field would be separated by semi colonexcepting the last one?

    <img src="https://chart.googleapis.com/chart?chs=100x100&amp;cht=qr&amp;chl={id}; yourname={name}&amp;choe=UTF-8" alt="Your unique QR code" width="100" height="100" />

  • Profile Image

    Answered by photophil on February 14, 2013 at 10:09 PM

    this worked wonderfully

     

    THANK YOU for your help !! I have a few minor thigs to work out but I think this will be a life changer for me !!

  • Profile Image

    Answered by jeanettebmz on February 14, 2013 at 10:16 PM

    @photophil

    I am very glad to hear that!

    Do not hesitate to contact us anytime. We will be more than glad to assist you!

    I just would suggest to open a new thread for your particular case

    Cheers!

  • Profile Image

    Answered by wbmbmtform on May 07, 2015 at 03:34 AM

    Can you generate a qr code on the thankyou page that links to pdf location of the form entry? I'm having trouble with this one...

    Iv'e tried:

    <img src="https://chart.googleapis.com/chart?chs=100x100&amp;cht=qr&amp;chl={id}; PDF Link={pdf-link}&amp;choe=UTF-8" alt="Your unique QR code" width="100" height="100" />

     

  • Profile Image

    Answered by Sammy on May 07, 2015 at 07:41 AM

    I'm afraid you cant pass the PDF link as a URL parameter because it has quotes that conflict with the quotes for the

    src = "https://chart.googleapis.com/chart?chs=100x100&amp;cht=qr&amp;chl={id}; PDF Link={pdf-link}&amp;choe=UTF-8">

    This results in a malformed URL due to HTML syntax violation.

    I would recommend just adding the PDF link the normal way

     

  • Profile Image

    Answered by Cogetil on June 10, 2015 at 07:57 AM

    if you the pdf on a ftp server you can use this

     

    http://chart.apis.google.com/chart?chs=200x100&cht=qr&chl=ftp://url

  • Profile Image

    Answered by Carina on June 10, 2015 at 10:54 AM

    @Cogetil 

    Thank you for the input but I believe it will not solve wbmbmtform issue as he wants to link with the pdf that is being sent with the form.

    Let us know if we can assist you further.