Do you want to see how easy it is to create a small application using power apps?
![](https://static.wixstatic.com/media/96eaf6_999d4df3700c49e791cfc9c16e7cd3b1~mv2.gif/v1/fill/w_710,h_1267,al_c,pstr/96eaf6_999d4df3700c49e791cfc9c16e7cd3b1~mv2.gif)
Here we go!
Create a new "Blank app"
![](https://static.wixstatic.com/media/96eaf6_61ca342db4d64c03b8460f132fe8299d~mv2.png/v1/fill/w_980,h_598,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_61ca342db4d64c03b8460f132fe8299d~mv2.png)
Create a Blank canvas app
![](https://static.wixstatic.com/media/96eaf6_2a2d9cd7074b4a7abdb2935cc8e5dfe5~mv2.png/v1/fill/w_980,h_666,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_2a2d9cd7074b4a7abdb2935cc8e5dfe5~mv2.png)
Name it "Beyond-Barcodes" and select the format!
![](https://static.wixstatic.com/media/96eaf6_13db79ddd1894db4935b4190f7bbc46c~mv2.png/v1/fill/w_950,h_602,al_c,q_90,enc_auto/96eaf6_13db79ddd1894db4935b4190f7bbc46c~mv2.png)
An editor opens and lets create a label.
![](https://static.wixstatic.com/media/96eaf6_a81558a721b24753a22d84a384a9e3f2~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_a81558a721b24753a22d84a384a9e3f2~mv2.png)
Specify some text here
![](https://static.wixstatic.com/media/96eaf6_731dc6b16d964996a7a13f01863ef836~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_731dc6b16d964996a7a13f01863ef836~mv2.png)
Copy it and do it now for the bottom part
![](https://static.wixstatic.com/media/96eaf6_936983643ede4fcb8fd5f6f75912f011~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_936983643ede4fcb8fd5f6f75912f011~mv2.png)
Right hand you can also select a backgorund image
![](https://static.wixstatic.com/media/96eaf6_b96675659b0e4de091e9e62667c5e8ea~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_b96675659b0e4de091e9e62667c5e8ea~mv2.png)
Lets create a button
![](https://static.wixstatic.com/media/96eaf6_240175ba79e3467f85ba00405de1312d~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_240175ba79e3467f85ba00405de1312d~mv2.png)
And a text input field
![](https://static.wixstatic.com/media/96eaf6_992ea9c051a64b74a206687b196829ee~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_992ea9c051a64b74a206687b196829ee~mv2.png)
Move it next to the button
![](https://static.wixstatic.com/media/96eaf6_651120886d474875a0f9672194e8c5ea~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_651120886d474875a0f9672194e8c5ea~mv2.png)
Create a drop down
![](https://static.wixstatic.com/media/96eaf6_f7e3044f5427422caa54579a007889d0~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_f7e3044f5427422caa54579a007889d0~mv2.png)
Due to ower API we can select only specific barcode types
["CODE128","CODE128A","CODE128B","CODE128C","CODE39","EAN13","EAN8","EAN5","EAN2","UPC","UPCE","ITF14","ITF","MSI"]
![](https://static.wixstatic.com/media/96eaf6_42d59d2ff6584d65852c2847a2d19f51~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_42d59d2ff6584d65852c2847a2d19f51~mv2.png)
After that do some adjustments and add a gallery
![](https://static.wixstatic.com/media/96eaf6_9122ae72f69d4dc59778a155a0ff6a69~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_9122ae72f69d4dc59778a155a0ff6a69~mv2.png)
After that your "base" app is nearly done. Lets create a Custom Connector!
![](https://static.wixstatic.com/media/96eaf6_3c0c8f2c823746e09dcfe3bdac579314~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_3c0c8f2c823746e09dcfe3bdac579314~mv2.png)
It's very easy to create a custom connector with a specific openAPI file
![](https://static.wixstatic.com/media/96eaf6_15ac3a0545b6475983bfe84e3c7ccaa0~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_15ac3a0545b6475983bfe84e3c7ccaa0~mv2.png)
to download our swagger.json
![](https://static.wixstatic.com/media/96eaf6_431e7c2a7f6147748da3d04f177face7~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_431e7c2a7f6147748da3d04f177face7~mv2.png)
Adjust that json file with a binary schema at the responses part for the path "/qr/{value}"
![](https://static.wixstatic.com/media/96eaf6_f21539925a204233bd89afb36398d48c~mv2.png/v1/fill/w_807,h_859,al_c,q_90,enc_auto/96eaf6_f21539925a204233bd89afb36398d48c~mv2.png)
"/barcode/{format}/{value}"
![](https://static.wixstatic.com/media/96eaf6_bb0973dd1830472188ac20fb4c4d03bd~mv2.png/v1/fill/w_859,h_795,al_c,q_90,enc_auto/96eaf6_bb0973dd1830472188ac20fb4c4d03bd~mv2.png)
Save it and select it
![](https://static.wixstatic.com/media/96eaf6_feeec9b34fde4bf4890363ddfcbb87f6~mv2.png/v1/fill/w_980,h_505,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_feeec9b34fde4bf4890363ddfcbb87f6~mv2.png)
A new page appears and you specifiy some information
![](https://static.wixstatic.com/media/96eaf6_d807e4eff412492287d55099b58117b0~mv2.png/v1/fill/w_980,h_534,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_d807e4eff412492287d55099b58117b0~mv2.png)
I've renamed the parameter label to "token"
![](https://static.wixstatic.com/media/96eaf6_1f40bf3bc9ca413e90be8ccc4f9bc330~mv2.png/v1/fill/w_980,h_534,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_1f40bf3bc9ca413e90be8ccc4f9bc330~mv2.png)
I've added the verb to Operatio ID because we throw a "GET" here
![](https://static.wixstatic.com/media/96eaf6_276104b33b6541ccbc0abb36dd314d30~mv2.png/v1/fill/w_980,h_534,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_276104b33b6541ccbc0abb36dd314d30~mv2.png)
Also for creating qr codes. Delete all other actions or use them ;-)
![](https://static.wixstatic.com/media/96eaf6_a8fb05f4ccae4318bf91f521fb263e9d~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_a8fb05f4ccae4318bf91f521fb263e9d~mv2.png)
Create your connector and after that you can test it.
![](https://static.wixstatic.com/media/96eaf6_448389e5129945fbb59119ccb7036385~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_448389e5129945fbb59119ccb7036385~mv2.png)
Create a new connection and enter our our free token for 1.000 calls:
2CuyVoMChUGjbrwbP6ajSU618U9mNYmhmzhNm2oc
![](https://static.wixstatic.com/media/96eaf6_f6ca540dd20e4970b0bc1ee12109b1d9~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_f6ca540dd20e4970b0bc1ee12109b1d9~mv2.png)
And throw a test :-)
![](https://static.wixstatic.com/media/96eaf6_811eb0ca57cb4d8aa940f641edcc0175~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_811eb0ca57cb4d8aa940f641edcc0175~mv2.png)
Your custom connector is ready to be used!
Jump back into your app and add now your custom connector into data source
![](https://static.wixstatic.com/media/96eaf6_9c46c8f7a74f444ba6e9076aeb85d92e~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_9c46c8f7a74f444ba6e9076aeb85d92e~mv2.png)
Select it (left hand)
![](https://static.wixstatic.com/media/96eaf6_6bf27b1fe9d940f08a2c0f993c30aef1~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_6bf27b1fe9d940f08a2c0f993c30aef1~mv2.png)
Select your previously created button
![](https://static.wixstatic.com/media/96eaf6_d35fde99b9a04c4c9b9dd5126f39effb~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_d35fde99b9a04c4c9b9dd5126f39effb~mv2.png)
and add this for "OnSelect" to insert your barcode into your collection.
Collect(barcodeslist, { barcode: BeyondBarcodes.GETbarcode(Dropdown1.SelectedText.Value,TextInput1.Text)})
or test it with this:
![](https://static.wixstatic.com/media/96eaf6_22d1fcdce75046eaab991766d4f105ba~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_22d1fcdce75046eaab991766d4f105ba~mv2.png)
this is how it should look like by selecting the "generate" button
![](https://static.wixstatic.com/media/96eaf6_74ad01de54e841a89ec35f3633102923~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_74ad01de54e841a89ec35f3633102923~mv2.png)
Select the gallery and a pop up appears to select the data source. You should choose the new collection.
![](https://static.wixstatic.com/media/96eaf6_52f6e622e78948b1883f6da13eb13358~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_52f6e622e78948b1883f6da13eb13358~mv2.png)
Preview the app by hitting F5 or use the button at the upper right corner
![](https://static.wixstatic.com/media/96eaf6_9729a3178bff426db8d7bdd364e3620f~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_9729a3178bff426db8d7bdd364e3620f~mv2.png)
Generate your barcodes!
![](https://static.wixstatic.com/media/96eaf6_2f3542a59b6d45d8aee3545fa22c30b6~mv2.png/v1/fill/w_980,h_506,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/96eaf6_2f3542a59b6d45d8aee3545fa22c30b6~mv2.png)
Comments