A new web component (developed by one of our amazing core developers Lúcio Rubens) will be applied to generating custom ARK QR codes for ARK payments that follow AIP-13 URI (Uniform Resource Identifier) scheme proposal and protocol.

This integration will make it easier for merchants or websites to accept ARK as a payment. Giving the ability to call to open your Ark wallet and propagate the payment and transaction for you. Similar to bitcoin website payments, all you need to do is confirm and sign the transaction.

ARK QR-Code runs directly in the browser without the need for dependencies and can be used in any framework (React, Vue, Angular) and even in Vanilla JavaScript. ARK QR-Code is now also part of the protocol inside the ARK Desktop Wallet in 1.5.1.

Examples:

Add a donation button on your website accepting ARK payments.

Request the specific amount of the product purchased from your e-commerce.

Eg. this component in your HTML will generate a QR code for your address:

<ark-qrcode address="DE6os4N86ef9bba6kVGurqxmhpBHKctoxY" amount="10.5" vendor-field="Hello%20Ark!" size="200" show-logo="true"></ark-qrcode>

Will generate this ARK QR Code:

However, if the user is accessing the website in desktop it will not be able to scan the QR code, so you can add a link to open the URI directly in the Desktop Wallet:

<a href=”#” onclick="openInWallet()">Open Desktop Wallet</a> <script>

function openInWallet() {

const uri = document.querySelector('ark-qrcode').getURI();

window.open(uri)

}

</script>

URI = launch the wallet with pre-set parameters.

ARK QR code = representative image of URI, to scan with the mobile wallet.

Read the complete documentation in the Github repository:

https://github.com/ArkEcosystem/ark-qrcode

AIP-13 URI scheme: https://github.com/ArkEcosystem/AIPs/blob/master/AIPS/aip-13.md