Create a custom mobile page with text, links images and more
Log in to your account, or register here if you do not have one, and follow these steps:
1) Click Create QR
2) Select Mobile page
3) Enter your text, links, images, embedded videos, edit the HTML source code, etc.
4) Click Save to apply changes or Save and download to download the QR Code
Done! Here is an example of what the content would look like. Scan the QR Code to see it on your smartphone.
If you want to know how to customize the QR Code, its page or how to download it, check the following articles:
Mobile page QR Code best practices
You can fully customize your mobile page by switching to HTML or source code view. Here are some uses:
How to add a Call phone number link to a Mobile page
You can create a link to allow users to initiate a phone call directly from their devices.
1) Click the </> icon to switch to HTML view
2) Add a "href" attribute with the target phone number to the prompt (Call us) that will open the phone app. For example:
<a href="tel:+1234567890">Call us</a>
Replace "+1234567890" with the corresponding phone number. The "+" sign indicates the international dialing code
3) Switch back to normal view and click Save
How to add a Send email link to a Mobile page
You can create a link to allow users to send an email to a specific address directly from their devices.
1) Click the </> icon to switch to HTML view
2) Add a "href" attribute with the target address to the prompt (Send Email) that will open the email app. For example:
<a href="mailto:abc@example.com">Send Email</a>
Replace "abc@example.com" with the corresponding email address
3) Switch back to normal view and click Save
How to link to a specific part of a Mobile page
You can create a link to allow users to jump directly to a specific section on your mobile page.
1) Click the </> icon to switch to HTML view
2) Add an "id" attribute to the target element (Section 1). We recommend that the name of the element is the same as the id (section1). For example:
<a id="section1">Section 1</a>
3) Add a "href" attribute to the prompt that will go to the target element (Go to Section 1). Type " # " followed by the id created in Step 2 (section1). For example:
<a href="#section1">Go to Section 1</a>
4) Switch back to normal view and click Save
How to embed a video on a Mobile page
You can display videos from YouTube, Vimeo and other online video platforms on your mobile page provided they have an embed option ("iframe" tag). Copy it, log in to your QR Code Kit account and follow these steps:
1) Click the </> icon to switch to HTML view
2) Paste the "iframe" tag. For example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/Ec1JJT4Oqyw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
3) Switch back to normal view and click Save