Dynamic QR Code widget not showing on emails

This is live form, Dont use this. I want to generate a QR code of the Phone Number ( Required field) on this form and attach it to the auto-responder and emails. What should I do?

Hi Hindu,

Thanks for reaching out to us for help. I'm an AI assistant. I'll do my best to help you until someone from the support team is available.

To generate a QR code of the phone number entered in your form and attach it to the auto-responder and notification emails, here’s how to do it:

1. Add the QR Code widget to your form. This widget allows you to generate a QR code based on the form input, such as the phone number.
2. Configure the QR Code widget to encode the phone number field specifically, so the QR code represents the phone number entered by the user.
3. Set up your autoresponder and notification emails to include the QR Code widget’s output or image. This way, the QR code will be attached or displayed in the emails sent after submission.

This method requires no coding knowledge and can be done directly in the form builder.

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

Hi hatcc,

I checked your form and saw that you've already added a Dynamic QR Code widget. Right now, there seems to be an issue with it. It's not showing in the email, so I created a ticket and escalated this to our Developers. Although we don't know exactly when it'll be fixed, we’ll circle back to this thread when we have an update.

As a workaround, you can use an open-source QR code generator in the email. It's easy to set up. Let me show you how:

1. In Form Builder, click on Settings in the orange navigation bar at the top.

2. Choose Emails in the menu on the left, then hover your mouse over the Email Notification template and click on Edit.

3. In the Email Content window, click on the Source Code icon to open the email's Source Code modal.

4. Now, copy the HTML image tag below:

<img src="https://quickchart.io/qr?text={phoneNumber19}&size=200" alt="QR Code">

5. Go back to the Source Code modal, scroll down to the bottom, then paste the code you just copied just above the </table> tag.

6. Click on Ok, then click on Save.

And that's it. Just repeat the same steps for the autoresponder email. Check out the screenshot below to see how it'll look in the email notification:

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