# QR code generator for page URLs

**URL:** <https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920>\
**Category:** Plugins\
**Created:** [March 14, 2020, 7:24pm UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920 "2020-03-14T19:24:15Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ryparken](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ryparken/32/55048_2.png) [@ryparken](https://forum.bubble.io/u/ryparken)\
**Post date:** [March 14, 2020, 7:24pm UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920/1 "2020-03-14T19:24:15Z")

</div>

Good evening dear Bubblers,

I have an app that allows users build their own “pages”, which can be shared via a URL. To simplify the sharing process, I would like to implement QR codes (page author scans the code with his/her phone, and can shares it using their phone’s browser sharing feature…)

Now, I found three plugins in the plugin library, of which two free are not working and the third non-free doesn’t work either. I tried to generate a code from a URL on their demo page ([https://barcodeme.bubbleapps.io/](https://barcodeme.bubbleapps.io/)), and it gave me… and error code instead of a QR code 🙂)

Does anyone know of a fairly simple way to generate QR codes based on unique URLs?

Many thanks!

---

<div class="post-metadata">

**Author:** ![FJP](https://avatars.discourse-cdn.com/v4/letter/f/7993a0/32.png) [@FJP](https://forum.bubble.io/u/FJP)\
**Post date:** [March 14, 2020, 7:36pm UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920/2 "2020-03-14T19:36:27Z")

</div>

Maybe you can do it yourself without a QR code generator plugin by using the Bubble API connector Plugin and a QR code generator API like for example QR code Monkey

---

<div class="post-metadata">

**Author:** ![shiftart.id](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/shiftart.id/32/56185_2.png) [@shiftart.id](https://forum.bubble.io/u/shiftart.id)\
**Post date:** [March 15, 2020, 2:44am UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920/3 "2020-03-15T02:44:27Z")

</div>

I try it once and work.  
Are you sure you have been check the url before put in qr code generetor  
Maybe you can try to accsess url without qr code first

---

<div class="post-metadata">

**Author:** ![ryparken](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ryparken/32/55048_2.png) [@ryparken](https://forum.bubble.io/u/ryparken)\
**Post date:** [March 15, 2020, 4:22am UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920/4 "2020-03-15T04:22:51Z")

</div>

That would be great. Here is a screenshot using the URL of this very conversation. I also tried a more simple url [https://www.google.com](https://www.google.com) with the same result.

 ![Screenshot 2020-03-15 at 05.38.24](https://us1.discourse-cdn.com/bubble/original/3X/9/e/9e5c66ffd38592b90d24675eb418a529979ffd1a.jpeg)

---

<div class="post-metadata">

**Author:** ![ryparken](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ryparken/32/55048_2.png) [@ryparken](https://forum.bubble.io/u/ryparken)\
**Post date:** [March 15, 2020, 4:23am UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920/5 "2020-03-15T04:23:32Z")

</div>

Yes, that would be a second option. However, a more time-consuming 🙂

---

<div class="post-metadata">

**Author:** ![shiftart.id](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/shiftart.id/32/56185_2.png) [@shiftart.id](https://forum.bubble.io/u/shiftart.id)\
**Post date:** [March 15, 2020, 8:12am UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920/6 "2020-03-15T08:12:20Z")

</div>

Maybe there something error in the workflow

---

<div class="post-metadata">

**Author:** ![ryparken](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ryparken/32/55048_2.png) [@ryparken](https://forum.bubble.io/u/ryparken)\
**Post date:** [March 15, 2020, 8:44am UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920/7 "2020-03-15T08:44:34Z")

</div>

@shiftart.id do you mean - on the demo page? Let me know when it works so I can give it a try. Thanks 🙂

---

<div class="post-metadata">

**Author:** ![hgm.business](https://avatars.discourse-cdn.com/v4/letter/h/71c47a/32.png) [@hgm.business](https://forum.bubble.io/u/hgm.business)\
**Post date:** [May 31, 2020, 11:12am UTC](https://forum.bubble.io/t/qr-code-generator-for-page-urls/81920/8 "2020-05-31T11:12:04Z")

</div>

You can try here: [http://goqr.me/api/doc/create-qr-code/](http://goqr.me/api/doc/create-qr-code/)

In Bubble use an image element, add dynamic data starting with this string:

[https://api.qrserver.com/v1/create-qr-code/?data=](https://api.qrserver.com/v1/create-qr-code/?data=)

Insert what you want in the QR image after the ‘=’ sign.

If the ‘data’ is a URL, use a URL encoder ([https://meyerweb.com/eric/tools/dencoder/](https://meyerweb.com/eric/tools/dencoder/))

It will convert this (by clicking the ‘Encode’ button on the site):

[https://www.google.ca](https://www.google.ca)

To this:

https%3A%2F%2Fwww.google.ca

Then your final dynamic image string will be (click to try):

[https://api.qrserver.com/v1/create-qr-code/?data=https%3A%2F%2Fwww.google.ca](https://api.qrserver.com/v1/create-qr-code/?data=https%3A%2F%2Fwww.google.ca)
