Autoresponder Email: QR Code Not Displaying or Scanning Correctly

Hello-

I would like to have a QR Code added to the response emails that the buyer gets after they have filled out their permit form and paid. I would like the QR code on their email to be able to be scanned and once scanned it will pull up all the information that was input on their form (we don't need payment details to show up).

I have followed the steps to add a QR code to auto responder email in settings of the form, but I have two issues. The first is that in the email it does not show up as a QR Code, it is just a picture of something else. The second being that when I clicked on that little picture, I did get a QR code to pop up, but when I tried to scan it, it would not work.

Hi Christine,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

Regarding your issues with adding a QR code to the autoresponder email:

The QR code feature in Jotform emails sometimes appears as an image that may not look like a typical QR code directly in the email body. When you click on that image, it should open the QR code in a larger view for scanning. However, if the QR code is not scanning properly, it might be due to how the QR code is generated or displayed.

To ensure the QR code works correctly and only includes the form information (excluding payment details), you need to:

• Make sure the QR code is set up to encode the submission data you want to share, excluding sensitive payment information.
• Check that the QR code image inserted in the autoresponder email is the actual QR code and not a placeholder or incorrect image.
• Test the QR code on different devices and QR scanners to confirm it is scannable.

If the QR code still does not display or scan correctly, consider using a workaround by generating a QR code that links to a secure page showing the form submission data (without payment details) and include that link or QR code image in the autoresponder email.

Unfortunately, Jotform's built-in QR code feature in autoresponder emails may have limitations in how the QR code is rendered and scanned.

Give it a try and let us know how it goes.

How do I do these?

• Make sure the QR code is set up to encode the submission data you want to share, excluding sensitive payment information.
• Check that the QR code image inserted in the autoresponder email is the actual QR code and not a placeholder or incorrect image.

Hi Christine,

Let me help you with that:

To make sure the QR code encodes only the submission data you want (excluding payment details):

1. Go to the Form Builder and open your form.
2. In the Settings tab, select Emails and edit the Autoresponder Email where you want to add the QR code.
3. In the email content, add the QR code widget or field tag that corresponds to the submission data you want to share. Avoid including payment field tags or payment-related suffixes to exclude payment info.
4. Use field tags carefully to include only the desired data. For payment fields, you can add suffixes to show specific parts (e.g., total, product) or omit them entirely to exclude payment details.

To check that the QR code image is the actual QR code and not a placeholder:

1. Preview the autoresponder email in the Form Builder to see how the QR code appears.
2. Click on the QR code image in the preview to confirm it opens a larger, scannable QR code.
3. Test scanning the QR code with multiple devices or QR code scanner apps to verify it works properly.
4. If the QR code still does not scan correctly, consider generating a QR code externally that links to a secure page with the form submission data (excluding payment details) and include that QR code image or link in the autoresponder email instead.

Give it a try and let us know how it goes.

Hi Christine,

It's super easy for your form users to view their submission data with QR code. They just need to scan the QR Code in the Autoresponder Email they receive. Let me show you how:

1. First, copy this code:

<img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&amp;data=https://www.jotform.com/submission/{id}" />

2. In Form Builder, in the orange navigation bar at the top of the page, click on Settings.

3. In the menu on the left side of the page, click on Emails.

4. Next, hover your mouse over the Autoresponder Email, and click on the Pencil icon.

5. In the black navigation bar menu in the Email Content section, click on the Source Code icon.

6. In the window that opens, scroll down to the bottom, paste the code, and click on Ok.

7. Finally, you can scroll to the bottom of your Email Content to see the QR Code, and you can click on Save.

Reach out again if you have any other questions.

I do not know how to add the QR code widget or field tag that corresponds to the submission data

Hi Christine,

Could you confirm if you followed the steps provided by my colleague Bojan above? Keep in mind that you won’t need to add a QR Code widget if you followed those instructions, as the QR code will automatically appear when you paste the code provided. Check out the screencast below to see my results:

If that’s not quite what you’re looking for, can you share a bit more info so I can help you better?

Give it a try and let us know how it goes.

Yes, that worked for me and I see the QR Code now on the emails. I tried to scan the code and I get a message that says"Unauthorized Access"

Hi Christine,

I cloned your form to see if I could replicate the issue, but everything is working as expected. Take a look at the screencast below:

Could you try using the code below to see if it works?

<img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&amp;data=https://www.jotform.com/edit/%7Bid%7D" />

Give it a try and let us know how it goes.