# Generating QR Code with Thunkable X
**URL:** https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588
**Category:** Tutorials and DIY Guides
**Tags:** webapi, qrcode, community, intermediate, tutorial
**Created:** [June 25, 2019, 5:32pm UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588 "2019-06-25T17:32:17Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@kartik\_old](https://community.thunkable.com/u/kartik_old)
#### Post date: [June 25, 2019, 5:32pm UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/1 "2019-06-25T17:32:17Z")
### Hello, Thunkers! 🎉
I am back with another Tutorial, **Generating QR Code with Thunkable X**
In this Tutorial, we will experiment with the [GoQR API](http://goqr.me/api/doc/create-qr-code/).
# Intro to QR code API
You can generate and decode/read QR code graphics with our **QR code generator** web API at [api.qrserver.com](http://api.qrserver.com).
### Important features of GoQR
- **Create QR codes** via Internet (develop your own _QR code generator_ )
- **Read / scan QR codes** via Internet (develop your own _QR code reader_ )
- Social **QR code with logo** (Facebook or Twitter logo / image embedded in the QR code) (coming soon)
- Create colored QR codes
- Professional QR code print file formats (vector graphics, QR code _EPS_ and _SVG_ )
- High performance server
- Encrypted communication via HTTPS (SSL/TLS)
**Find more at [QR code API](http://goqr.me/api/.)**
# Steps
## Designer
At the **Designer** Area, We just have to Add a Web Viewer, A Button, and a TextInput for the data which we want for the QR code.
_Staff Edit_: The image above is for STP. For DND, refer to the image below (you can still follow all the steps)
## Code
In the **Coding** area, We just have to add a **from web view set url** block and add the url according to our request.
**Description of Blocks**
The **join** block will create the final URL. The structure of our URL is -
**[http://api.qrserver.com/v1/create-qr-code/?data=textinput.text&size=150x150](http://api.qrserver.com/v1/create-qr-code/?data=textinput.text&size=150x150)**
The size means the size of the qr code image in pixels. 150x150 looks better.
The " [http://api.qrserver.com/v1/create-qr-code/](http://api.qrserver.com/v1/create-qr-code/) " is our base URL; " ?data " & " ?size= " are our **Query Parameters**. These parameters are sent to the **GoQR API** for a QR Generating Request.
# Bonus Tip
- You may store the above URL (created in the join block) to a **stored Variable** , or in **Local Storage**. And on other screen, take an image component and set it’s image to the url. -
### Storing the URL :
### Viewing the image :
* * *
* * *
## For Scanning QR Codes, Refer to [this Medium Blog.](https://blog.thunkable.com/creating-a-qr-scanner-app-in-thunkable-x-c292479c5e9e)
* * *
* * *
⭐ Thanks for Reading! ⭐
Hope you understand the Tutorial 😄
### Happy Thunking! 🎉
---
### Author:  [@kartik\_old](https://community.thunkable.com/u/kartik_old)
#### Post date: [June 26, 2019, 5:25am UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/2 "2019-06-26T05:25:01Z")
Please feel free to give suggestions!
---
### Author:  [@kartik\_old](https://community.thunkable.com/u/kartik_old)
#### Post date: [June 27, 2019, 9:54am UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/3 "2019-06-27T09:54:31Z")
Thanks @domhnallohanlon for reccomending this Tutorial to others! 😄
---
### Author:  [@jared](https://community.thunkable.com/u/jared)
#### Post date: [February 24, 2020, 4:16pm UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/4 "2020-02-24T16:16:23Z")
Hey @kartik14, after creating this QR code, do you receive this as an image, or is the image displayed via a URL as the src for a component image. It looks like the second option.
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [February 25, 2020, 3:42am UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/5 "2020-02-25T03:42:57Z")
Hi, @jared! 👋
When you format the URL, and call it, the URL displays the QR Code, as an image (jpg/png). Then we set the image component’s image to the URL, which is a direct address to the QR Code image.
Thanks for your interest! 😊
---
### Author:  [@zbk0612eip8w](https://community.thunkable.com/u/zbk0612eip8w)
#### Post date: [June 18, 2020, 12:28pm UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/6 "2020-06-18T12:28:26Z")
Link for remix?
---
### Author:  [@shanthiprasad630nrox](https://community.thunkable.com/u/shanthiprasad630nrox)
#### Post date: [July 30, 2023, 12:17pm UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/7 "2023-07-30T12:17:22Z")
send qr code link please
---
### Author:  [@alsh](https://community.thunkable.com/u/alsh)
#### Post date: [August 15, 2023, 7:24am UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/8 "2023-08-15T07:24:21Z")
hello I need an updated version of this please as the new thinkable doesn’t have create a block i dont think(please its for a school project due in a week)
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 11:25am UTC](https://community.thunkable.com/t/generating-qr-code-with-thunkable-x/120588/9 "2024-11-08T11:25:38Z")