# Scanner button

**URL:** <https://forum.wixstudio.com/t/scanner-button/12781>\
**Category:** Ask the community\
**Tags:** code, question\
**Created:** [January 31, 2019, 12:14pm UTC](https://forum.wixstudio.com/t/scanner-button/12781 "2019-01-31T12:14:10Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![martinshn](https://avatars.discourse-cdn.com/v4/letter/m/ad7895/32.png) [@martinshn](https://forum.wixstudio.com/u/martinshn)\
**Post date:** [January 31, 2019, 12:14pm UTC](https://forum.wixstudio.com/t/scanner-button/12781/1 "2019-01-31T12:14:10Z")

</div>

Hi  
If i want to make a mobile version of my site and add a qr scanner button to scan a barcode to an input textbox of a form, is that possible?

---

<div class="post-metadata">

**Author:** ![mhammouz](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/mhammouz/32/4033_2.png) [@mhammouz](https://forum.wixstudio.com/u/mhammouz)\
**Post date:** [February 3, 2019, 8:54am UTC](https://forum.wixstudio.com/t/scanner-button/12781/2 "2019-02-03T08:54:48Z")

</div>

Hello,

Check this previous same question about qr code - [Here](https://www.wix.com/code/home/forum/community-discussion/it-is-possible-to-create-a-qr-code)

---

<div class="post-metadata">

**Author:** ![martinshn](https://avatars.discourse-cdn.com/v4/letter/m/ad7895/32.png) [@martinshn](https://forum.wixstudio.com/u/martinshn)\
**Post date:** [February 3, 2019, 10:14am UTC](https://forum.wixstudio.com/t/scanner-button/12781/3 "2019-02-03T10:14:26Z")

</div>

Thanks but i dont want to create codes. I want to scan codes .  
I want the user to scan a code with their cellphones instead of typing the number manually. So i need a button that opens the camera of the user phone.

---

<div class="post-metadata">

**Author:** ![dsmith292](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dsmith292/32/12965_2.png) [@dsmith292](https://forum.wixstudio.com/u/dsmith292)\
**Post date:** [June 26, 2019, 11:33am UTC](https://forum.wixstudio.com/t/scanner-button/12781/4 "2019-06-26T11:33:25Z")

</div>

I’m looking for the same thing. Not what you provided a link to, but for the question martinshn listed below.

Is this possible?

---

<div class="post-metadata">

**Author:** ![givemeawhisky](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/givemeawhisky/32/5383_2.png) [@givemeawhisky](https://forum.wixstudio.com/u/givemeawhisky)\
**Post date:** [June 26, 2019, 1:59pm UTC](https://forum.wixstudio.com/t/scanner-button/12781/5 "2019-06-26T13:59:06Z")

</div>

As stated by Mustafa above which does link you to the correct previous forum thread about what you are asking.

You can’t do that in Wix Code as of yet, you will need to use Wix Fetch like Andreas Kviby has stated on his reply and do it with a third party.  
[http://goqr.me/api/doc/read-qr-code/](http://goqr.me/api/doc/read-qr-code/)

---

<div class="post-metadata">

**Author:** ![dsmith292](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dsmith292/32/12965_2.png) [@dsmith292](https://forum.wixstudio.com/u/dsmith292)\
**Post date:** [June 26, 2019, 2:22pm UTC](https://forum.wixstudio.com/t/scanner-button/12781/6 "2019-06-26T14:22:07Z")

</div>

Thank you

---

<div class="post-metadata">

**Author:** ![martinshn](https://avatars.discourse-cdn.com/v4/letter/m/ad7895/32.png) [@martinshn](https://forum.wixstudio.com/u/martinshn)\
**Post date:** [June 26, 2019, 8:43pm UTC](https://forum.wixstudio.com/t/scanner-button/12781/7 "2019-06-26T20:43:08Z")

</div>

Wow. Thats what i was looking for.  
Can you explain or instruct me how to put a button in my form that opens the camera and when the camera is on a barcode so the number will appear in the form field?

This api works with ean barcodes too or only qr codes?

If you can show me a walkthrou or a sample of such a form it will be very helpful.

Lets say you have a form with a field for item barcode. You scan the item and then on the next field you type your name and save the form to your db.  
So in the db you have 2 text fields. 1st is the item number scanned. 2nd is your name typed.

Thanks a lot in advanced.

---

<div class="post-metadata">

**Author:** ![nitinsachdeva3672](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/nitinsachdeva3672/32/13160_2.png) [@nitinsachdeva3672](https://forum.wixstudio.com/u/nitinsachdeva3672)\
**Post date:** [July 4, 2019, 10:38am UTC](https://forum.wixstudio.com/t/scanner-button/12781/8 "2019-07-04T10:38:05Z")

</div>

Hi  
I generated the Qr now i want to scan the qr. I need a button to scan the qr.

---

<div class="post-metadata">

**Author:** ![simonadams](https://avatars.discourse-cdn.com/v4/letter/s/77aa72/32.png) [@simonadams](https://forum.wixstudio.com/u/simonadams)\
**Post date:** [July 11, 2019, 3:46pm UTC](https://forum.wixstudio.com/t/scanner-button/12781/9 "2019-07-11T15:46:46Z")

</div>

have you managed to create the QRcode on wix using the QR module if so could you please provide an example of how you have achieved this?

---

<div class="post-metadata">

**Author:** ![simonadams](https://avatars.discourse-cdn.com/v4/letter/s/77aa72/32.png) [@simonadams](https://forum.wixstudio.com/u/simonadams)\
**Post date:** [July 11, 2019, 3:50pm UTC](https://forum.wixstudio.com/t/scanner-button/12781/10 "2019-07-11T15:50:22Z")

</div>

This is the thing I want to be able to do also? I want to be able to access the camera via wix code to enable the ability to scan QRcodes from my wix site, this should be able to be done but needs the Iframe to be able to request the Camera which at present I don’t believe it can due to an issue with Wix Iframes?

---

<div class="post-metadata">

**Author:** ![valentin\_wackermedia](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/valentin_wackermedia/32/81083_2.png) [@valentin\_wackermedia](https://forum.wixstudio.com/u/valentin_wackermedia)\
**Post date:** [November 14, 2023, 9:30am UTC](https://forum.wixstudio.com/t/scanner-button/12781/11 "2023-11-14T09:30:11Z")

</div>

Hi martinshn

Yes that is possible now. You can use the [html5-qrcode](https://www.npmjs.com/package/html5-qrcode) NPM package to code something like that.

After installing the Package you can set it up, so it only recognizes QR / Barcodes.

---

<div class="post-metadata">

**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\
**Post date:** [November 15, 2023, 11:31am UTC](https://forum.wixstudio.com/t/scanner-button/12781/12 "2023-11-15T11:31:32Z")

</div>


