[{"data":1,"prerenderedAt":130},["ShallowReactive",2],{"alts:\u002Fhelp\u002Fhow-to-create-a-mobile-page-qr-code\u002F":3,"mc:\u002Fhelp\u002Fhow-to-create-a-mobile-page-qr-code\u002F":4},{},{"title":5,"desc":6,"blocks":7},"How to create a Landing page QR Code • QRCodeKIT","Create a custom page with text, links images and more",[8,11,14,17,19,23,25,28,30,33,35,37,40,42,48,51,53,56,58,60,62,64,66,68,70,72,74,75,77,79,81,82,84,86,87,89,91,93,94,96,98,99,101,103,105,107,109,111,113,114,116,118,119,121,123,124,125,127,129],{"t":9,"l":10,"x":6},"h",2,{"t":12,"x":13},"quote","This article corresponds to QRCodeKIT's legacy app. For more information, click here.",{"t":15,"x":16},"p","Log in to your account, or register here if you do not have one, and follow these steps:",{"t":15,"x":18},"1) Click Create QR",{"t":20,"src":21,"alt":22},"img","\u002Fassets\u002Fhelp\u002Fhow-to-create-a-mobile-page-qr-code\u002F1.png","QRCK - Create QR",{"t":15,"x":24},"2) Select Landing page",{"t":20,"src":26,"alt":27},"\u002Fassets\u002Fhelp\u002Fhow-to-create-a-mobile-page-qr-code\u002F2.png","Mobile page 1",{"t":15,"x":29},"3) Enter your text, links, images, embedded videos, edit the HTML source code, etc.",{"t":20,"src":31,"alt":32},"\u002Fassets\u002Fhelp\u002Fhow-to-create-a-mobile-page-qr-code\u002F3.png","Mobile page 2",{"t":15,"x":34},"4) Click Save to apply changes or Save and download to download the QR Code",{"t":15,"x":36},"Done! Here is an example of what the content would look like. Scan the QR Code to see it on your smartphone.",{"t":20,"src":38,"alt":39},"\u002Fassets\u002Fhelp\u002Fhow-to-create-a-mobile-page-qr-code\u002F4.png","How to create a Landing page QR Code",{"t":15,"x":41},"If you want to know how to customize the QR Code, its page or how to download it, check the following articles:",{"t":43,"items":44},"list",[45,46,47],"How to customize a QR Code","How to customize the page template of a QR Code","How to download a QR Code",{"t":9,"l":49,"x":50},3,"Landing page QR Code best practices",{"t":15,"x":52},"You can fully customize your page by switching to HTML or source code view. After making changes, switch back to normal view to preview and save. Here are some uses with HTML:",{"t":20,"src":54,"alt":55},"\u002Fassets\u002Fhelp\u002Fhow-to-create-a-mobile-page-qr-code\u002F5.png","HTML",{"t":9,"l":49,"x":57},"How to add a Call phone number link to a Landing page",{"t":15,"x":59},"You can create a link to allow users to initiate a phone call directly from their devices.",{"t":15,"x":61},"1) Click the \u003C\u002F> icon to switch to HTML view",{"t":15,"x":63},"2) Add a \"href\" attribute with the target phone number to the prompt (Call us) that will open the phone app. For example:",{"t":15,"x":65},"\u003Ca href=\"tel:+1234567890\">Call us\u003C\u002Fa>",{"t":15,"x":67},"Replace \"+1234567890\" with the corresponding phone number. The \"+\" sign indicates the international dialing code",{"t":15,"x":69},"3) Click the \u003C\u002F> icon again to switch back to normal view and click Save",{"t":9,"l":49,"x":71},"How to add a Send email link to a Landing page",{"t":15,"x":73},"You can create a link to allow users to send an email to a specific address directly from their devices.",{"t":15,"x":61},{"t":15,"x":76},"2) Add a \"href\" attribute with the target address to the prompt (Send Email) that will open the email app. For example:",{"t":15,"x":78},"\u003Ca href=\"mailto:abc@example.com\">Send Email\u003C\u002Fa>",{"t":15,"x":80},"Replace \"abc@example.com\" with the corresponding email address",{"t":15,"x":69},{"t":9,"l":49,"x":83},"How to add a Send message to WhatsApp link to a Landing page",{"t":15,"x":85},"You can create a link to allow users to send a message to a specific WhatsApp number directly from their devices.",{"t":15,"x":61},{"t":15,"x":88},"2) Add a \"href\" attribute with the target WhatsApp number to the prompt (Contact us on WhatsApp) that will open the WhatsApp app. Optionally, you can add a message to send (This is a message) after \"?text=\". For example:",{"t":15,"x":90},"\u003Ca href=\"https:\u002F\u002Fwa.me\u002F+1234567890?text=This is a message\">Contact us on WhatsApp\u003C\u002Fa>",{"t":15,"x":92},"Replace \"+1234567890\" with the corresponding WhatsApp number",{"t":15,"x":69},{"t":9,"l":49,"x":95},"How to link to a specific part of a Landing page",{"t":15,"x":97},"You can create a link to allow users to jump directly to a specific section on your page.",{"t":15,"x":61},{"t":15,"x":100},"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:",{"t":15,"x":102},"\u003Ca id=\"section1\">Section 1\u003C\u002Fa>",{"t":15,"x":104},"3) Add a \"href\" attribute using the id created in step 1 (#section1) to the prompt that will go to the target element (Go to Section 1). For example:",{"t":15,"x":106},"\u003Ca href=\"#section1\">Go to Section 1\u003C\u002Fa>",{"t":15,"x":108},"4) Click the \u003C\u002F> icon again to switch back to normal view and click Save",{"t":9,"l":49,"x":110},"How to embed a video on a Landing page",{"t":15,"x":112},"You can display videos from YouTube, Vimeo and other online video platforms on your page provided they have an embed option (\"iframe\" tag). After copying it, go to your Landing page QR Code in QRCodeKIT and follow these steps:",{"t":15,"x":61},{"t":15,"x":115},"2) Paste the \"iframe\" tag. For example:",{"t":15,"x":117},"\u003Ciframe width=\"560\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FEc1JJT4Oqyw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen>\u003C\u002Fiframe>",{"t":15,"x":69},{"t":9,"l":49,"x":120},"How to embed a Google map on a Landing page",{"t":15,"x":122},"You can display multiple Google maps by searching the addresses in Google Maps, clicking Share > Embed a map and copying the \"iframe\" tag. After that, go to your Landing page QR Code in QRCodeKIT and follow these steps:",{"t":15,"x":61},{"t":15,"x":115},{"t":15,"x":126},"\u003Ciframe src=\"https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fembed?pb=!1m18!1m12!1m3!1d1589980.4936041927!2d-79.46503024375001!3d38.89126619999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7b798ecb5b2c7%3A0xc7edf0c4a86f75af!2sSmithsonian%20National%20Museum%20of%20Natural%20History!5e0!3m2!1sen!2sar!4v1719328865609!5m2!1sen!2sar\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\u003C\u002Fiframe>",{"t":15,"x":128},"3) Replace the default width value of 600 with 400",{"t":15,"x":69},1786550232596]