[{"data":1,"prerenderedAt":529},["ShallowReactive",2],{"guide-navigation-guides_en":3,"guide-\u002Fen\u002Fguides\u002Fsite-management\u002Fqr-codes":166,"guide-surround-\u002Fen\u002Fguides\u002Fsite-management\u002Fqr-codes":524},[4],{"title":5,"path":6,"stem":7,"children":8,"page":33},"En","\u002Fen","en",[9],{"title":10,"icon":11,"path":12,"stem":13,"children":14,"page":33},"User guide","i-ph-book-open","\u002Fen\u002Fguides","en\u002Fguides",[15,34,76,94,112,138,152],{"title":16,"icon":17,"path":18,"stem":19,"children":20,"page":33},"Getting started","i-ph-rocket-launch","\u002Fen\u002Fguides\u002Fgetting-started","en\u002Fguides\u002F1.getting-started",[21,25,29],{"title":22,"path":23,"stem":24},"Create your first site","\u002Fen\u002Fguides\u002Fgetting-started\u002Fcreate-your-site","en\u002Fguides\u002F1.getting-started\u002F1.create-your-site",{"title":26,"path":27,"stem":28},"Dashboard tour","\u002Fen\u002Fguides\u002Fgetting-started\u002Fpanel-tour","en\u002Fguides\u002F1.getting-started\u002F2.panel-tour",{"title":30,"path":31,"stem":32},"Your account","\u002Fen\u002Fguides\u002Fgetting-started\u002Faccount","en\u002Fguides\u002F1.getting-started\u002F3.account",false,{"title":35,"icon":36,"path":37,"stem":38,"children":39,"page":33},"Editor","i-ph-pencil-simple","\u002Fen\u002Fguides\u002Feditor","en\u002Fguides\u002F2.editor",[40,44,48,52,56,60,64,68,72],{"title":41,"path":42,"stem":43},"Editor tour","\u002Fen\u002Fguides\u002Feditor\u002Feditor-tour","en\u002Fguides\u002F2.editor\u002F1.editor-tour",{"title":45,"path":46,"stem":47},"Blocks and layouts","\u002Fen\u002Fguides\u002Feditor\u002Fsections","en\u002Fguides\u002F2.editor\u002F2.sections",{"title":49,"path":50,"stem":51},"Editing text and images","\u002Fen\u002Fguides\u002Feditor\u002Ftext-and-images","en\u002Fguides\u002F2.editor\u002F3.text-and-images",{"title":53,"path":54,"stem":55},"Pages","\u002Fen\u002Fguides\u002Feditor\u002Fpages","en\u002Fguides\u002F2.editor\u002F4.pages",{"title":57,"path":58,"stem":59},"AI assistant","\u002Fen\u002Fguides\u002Feditor\u002Fai-assistant","en\u002Fguides\u002F2.editor\u002F5.ai-assistant",{"title":61,"path":62,"stem":63},"Theme","\u002Fen\u002Fguides\u002Feditor\u002Ftheme","en\u002Fguides\u002F2.editor\u002F6.theme",{"title":65,"path":66,"stem":67},"Header and footer","\u002Fen\u002Fguides\u002Feditor\u002Fheader-and-footer","en\u002Fguides\u002F2.editor\u002F7.header-and-footer",{"title":69,"path":70,"stem":71},"Publishing and publish history","\u002Fen\u002Fguides\u002Feditor\u002Fpublishing","en\u002Fguides\u002F2.editor\u002F8.publishing",{"title":73,"path":74,"stem":75},"Multiple languages","\u002Fen\u002Fguides\u002Feditor\u002Flanguages","en\u002Fguides\u002F2.editor\u002F9.languages",{"title":77,"icon":78,"path":79,"stem":80,"children":81,"page":33},"Content","i-ph-stack","\u002Fen\u002Fguides\u002Fcontent","en\u002Fguides\u002F3.content",[82,86,90],{"title":83,"path":84,"stem":85},"Collections","\u002Fen\u002Fguides\u002Fcontent\u002Fcollections","en\u002Fguides\u002F3.content\u002F1.collections",{"title":87,"path":88,"stem":89},"Blog","\u002Fen\u002Fguides\u002Fcontent\u002Fblog","en\u002Fguides\u002F3.content\u002F2.blog",{"title":91,"path":92,"stem":93},"Media","\u002Fen\u002Fguides\u002Fcontent\u002Fmedia","en\u002Fguides\u002F3.content\u002F3.media",{"title":95,"icon":96,"path":97,"stem":98,"children":99,"page":33},"Customers","i-ph-users-three","\u002Fen\u002Fguides\u002Fcustomers","en\u002Fguides\u002F4.customers",[100,104,108],{"title":101,"path":102,"stem":103},"Inbox","\u002Fen\u002Fguides\u002Fcustomers\u002Finbox","en\u002Fguides\u002F4.customers\u002F1.inbox",{"title":105,"path":106,"stem":107},"Appointments","\u002Fen\u002Fguides\u002Fcustomers\u002Fappointments","en\u002Fguides\u002F4.customers\u002F2.appointments",{"title":109,"path":110,"stem":111},"Google business","\u002Fen\u002Fguides\u002Fcustomers\u002Fgoogle-business","en\u002Fguides\u002F4.customers\u002F3.google-business",{"title":113,"icon":114,"path":115,"stem":116,"children":117,"page":33},"Site management","i-ph-gear-six","\u002Fen\u002Fguides\u002Fsite-management","en\u002Fguides\u002F5.site-management",[118,122,126,130,134],{"title":119,"path":120,"stem":121},"Overview","\u002Fen\u002Fguides\u002Fsite-management\u002Foverview","en\u002Fguides\u002F5.site-management\u002F1.overview",{"title":123,"path":124,"stem":125},"Site analytics","\u002Fen\u002Fguides\u002Fsite-management\u002Fanalytics","en\u002Fguides\u002F5.site-management\u002F2.analytics",{"title":127,"path":128,"stem":129},"Connect your own domain","\u002Fen\u002Fguides\u002Fsite-management\u002Fcustom-domain","en\u002Fguides\u002F5.site-management\u002F3.custom-domain",{"title":131,"path":132,"stem":133},"Site settings","\u002Fen\u002Fguides\u002Fsite-management\u002Fsite-settings","en\u002Fguides\u002F5.site-management\u002F4.site-settings",{"title":135,"path":136,"stem":137},"QR codes","\u002Fen\u002Fguides\u002Fsite-management\u002Fqr-codes","en\u002Fguides\u002F5.site-management\u002F5.qr-codes",{"title":139,"icon":140,"path":141,"stem":142,"children":143,"page":33},"Cards and QR menus","i-ph-qr-code","\u002Fen\u002Fguides\u002Fcards-and-menus","en\u002Fguides\u002F6.cards-and-menus",[144,148],{"title":145,"path":146,"stem":147},"Digital business card","\u002Fen\u002Fguides\u002Fcards-and-menus\u002Fcards","en\u002Fguides\u002F6.cards-and-menus\u002F1.cards",{"title":149,"path":150,"stem":151},"QR menu","\u002Fen\u002Fguides\u002Fcards-and-menus\u002Fmenus","en\u002Fguides\u002F6.cards-and-menus\u002F2.menus",{"title":153,"icon":154,"path":155,"stem":156,"children":157,"page":33},"Team and organization","i-ph-buildings","\u002Fen\u002Fguides\u002Forganization","en\u002Fguides\u002F7.organization",[158,162],{"title":159,"path":160,"stem":161},"Members and roles","\u002Fen\u002Fguides\u002Forganization\u002Fmembers-and-roles","en\u002Fguides\u002F7.organization\u002F1.members-and-roles",{"title":163,"path":164,"stem":165},"Organization settings and billing","\u002Fen\u002Fguides\u002Forganization\u002Forganization-settings","en\u002Fguides\u002F7.organization\u002F2.organization-settings",{"id":167,"title":135,"body":168,"description":519,"extension":520,"meta":521,"navigation":411,"path":136,"seo":522,"stem":137,"__hash__":523},"guides_en\u002Fen\u002Fguides\u002F5.site-management\u002F5.qr-codes.md",{"type":169,"value":170,"toc":510},"minimark",[171,180,190,197,203,208,215,241,248,254,261,268,271,275,278,401,404,415,422,428,432,442,445,449,460,467,473,480,484],[172,173,174,175,179],"p",{},"A QR code is a square code that opens a page of your site when scanned with a phone camera. You print it on a table, a window, the counter, a business card or a flyer; the customer scans it and your site, menu or card opens. On the ",[176,177,178],"strong",{},"QR code"," screen you choose what the code opens, design its look to match your business and download a print-ready file.",[172,181,182,183,185,186,189],{},"Every site type has a QR code screen: on a website it's at the end of the ",[176,184,77],{}," group in the sidebar, on a menu it sits under ",[176,187,188],{},"Design",". You can add as many QR codes to a site as you like, each with its own target and design.",[172,191,192],{},[193,194],"img",{"alt":195,"src":196},"QR code screen: settings on the left, the code and download buttons on the right","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fqr-codes\u002F01-qr-screen.webp",[198,199,200],"note",{},[172,201,202],{},"The page's address is written inside the QR code; it points straight to your site, not to a Bunnyrain short link. If you've connected your own domain, the code carries that address. This also means that if you change a page's address later, codes already printed for that page won't find it; settle the address before you print.",[204,205,207],"h2",{"id":206},"what-the-code-opens","What the code opens",[172,209,210,211,214],{},"When you first open the screen, a code that opens your home page is ready. Pick another target from the ",[176,212,213],{},"What should it open?"," list:",[216,217,218,225,235],"ul",{},[219,220,221,224],"li",{},[176,222,223],{},"On a website:"," your pages (home page first), your collection pages (under the collection's name) and your blog posts.",[219,226,227,230,231,234],{},[176,228,229],{},"On a QR menu:"," the ",[176,232,233],{},"Whole menu"," or a single category. If you want a separate code for the drinks menu, pick its category; the customer who scans it lands right on that category.",[219,236,237,240],{},[176,238,239],{},"On a card:"," the card itself.",[172,242,243],{},[193,244],{"alt":245,"src":246,"width":247},"The What should it open list: pages, collection pages and blog posts","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fqr-codes\u002F02-qr-target.webp",622,[172,249,250],{},[193,251],{"alt":252,"src":253,"width":247},"The list on a menu: Whole menu and the categories","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fqr-codes\u002F06-qr-menu-target.webp",[172,255,256,257,260],{},"If your site has more than one language, the ",[176,258,259],{},"Language"," selector next to it sets which language the code opens in; a café with tourists might put a second code on the table that opens the English menu, for example.",[172,262,263,264,267],{},"The ",[176,265,266],{},"Name"," is only shown in the dashboard; it helps you tell codes apart (\"Table card\", \"Window\"). Leave it empty and it takes the target's name.",[172,269,270],{},"If the page you picked isn't published yet, or isn't published in the language you chose, the screen warns you; the code would open a page that can't be found. A code pointing to a page that was later deleted or renamed gets a warning too; pick a new target.",[204,272,274],{"id":273},"design-it","Design it",[172,276,277],{},"A black-and-white code always works, but a code in your business's colors with your logo looks far better in print. The settings run down the left side; every change shows on the code to the right straight away and is saved automatically.",[216,279,280,307,352,377,387],{},[219,281,282,285,286,289,290,289,293,289,296,289,299,302,303,306],{},[176,283,284],{},"Dots:"," the shape of the code's dots: ",[176,287,288],{},"Square",", ",[176,291,292],{},"Fluid",[176,294,295],{},"Round",[176,297,298],{},"Mixed",[176,300,301],{},"Horizontal"," or ",[176,304,305],{},"Vertical",".",[219,308,309,230,312,315,316,289,318,289,321,289,324,289,327,289,330,333,334,337,338,289,340,289,342,289,344,289,346,289,349,351],{},[176,310,311],{},"Corners:",[176,313,314],{},"Frame"," of the three large corner squares (",[176,317,288],{},[176,319,320],{},"Rounded",[176,322,323],{},"Circle",[176,325,326],{},"Leaf",[176,328,329],{},"Octagon",[176,331,332],{},"Dotted",") and their ",[176,335,336],{},"Center"," (",[176,339,288],{},[176,341,320],{},[176,343,323],{},[176,345,326],{},[176,347,348],{},"Diamond",[176,350,332],{},").",[219,353,354,357,358,289,361,364,365,368,369,372,373,376],{},[176,355,356],{},"Colors:"," preset colors for the ",[176,359,360],{},"Dots",[176,362,363],{},"Corners"," and ",[176,366,367],{},"Background",", or any color under ",[176,370,371],{},"Another color",". Corners use the same color as the dots by default. The background can also be ",[176,374,375],{},"Transparent",", handy when you'll place the code on a colored design.",[219,378,379,382,383,386],{},[176,380,381],{},"Background image:"," a photo behind the code, covered with a light veil in the background color so the code stays readable. ",[176,384,385],{},"Visibility"," (Low, Medium, High) sets how much of the photo shows through. A light, simple photo works best.",[219,388,389,392,393,396,397,400],{},[176,390,391],{},"Logo:"," your logo in the center of the code. ",[176,394,395],{},"Upload image"," or pick one from your site's media; ",[176,398,399],{},"Size"," is small, medium or large. A simple square or round logo works best.",[172,402,403],{},"The thumbnails of the shape options are drawn in your colors, so you see the result while choosing.",[172,405,406],{},[407,408],"video",{"src":409,"poster":410,"controls":411,"muted":411,"playsInline":411,"preload":412,"width":413,"height":414},"https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fqr-codes\u002Fdesign-qr.mp4","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fqr-codes\u002Fdesign-qr-poster.webp",true,"metadata",1600,1000,[172,416,417],{},[193,418],{"alt":419,"src":420,"width":421},"A designed code: fluid dots, rounded corners, brown dots, cream background and a logo in the middle","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fqr-codes\u002F03-qr-designed.webp",388,[423,424,425],"warning",{},[172,426,427],{},"If the background is darker than the dots, or the colors are too close to each other, some phones can't read the code; the screen warns you when that's the case. Keep the background light and the dots and corners dark. Scan the code with a few phones before printing.",[204,429,431],{"id":430},"download-and-print","Download and print",[172,433,434,437,438,441],{},[176,435,436],{},"Download PNG"," under the code gives you a high-resolution PNG (2048 pixels) for print; ",[176,439,440],{},"SVG"," is a vector file for design tools (Canva, Illustrator, Figma) that stays sharp at any size. The logo and background image are embedded in the file. If you chose a transparent background, the PNG is transparent too.",[172,443,444],{},"The smaller the place you're printing on, the simpler you should keep the code: for a code on a table card, a plain background is safer than a logo and a background image.",[204,446,448],{"id":447},"more-than-one-qr-code","More than one QR code",[172,450,451,452,455,456,459],{},"Press ",[176,453,454],{},"New QR code"," in the top right, choose what the code opens (and its language if needed) and press ",[176,457,458],{},"Create",". The new code copies the design of the code that's open, so all your business's codes look the same. Once you have more than one code, a strip at the top of the screen lets you switch between them.",[172,461,462],{},[193,463],{"alt":464,"src":465,"width":466},"New QR code dialog: what should it open and language","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fqr-codes\u002F04-qr-new.webp",500,[172,468,469],{},[193,470],{"alt":471,"src":472},"Two QR codes: Home page and \u002Fcustom-cakes","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fqr-codes\u002F05-qr-list.webp",[172,474,475,476,479],{},"To delete a code, press ",[176,477,478],{},"Delete this QR code"," at the bottom of the screen. Only the design in the dashboard is deleted; codes you've already printed keep working, because the page's address is written inside them.",[204,481,483],{"id":482},"good-to-know","Good to know",[216,485,486,489,495,507],{},[219,487,488],{},"QR codes don't wait for publishing; the file you download is up to date as soon as the settings are saved. Publishing the site is a separate matter: the page the code opens has to be live.",[219,490,491,492,306],{},"If you connect your own domain later, the code in the dashboard carries the new address; codes printed earlier with the subdomain keep redirecting visitors to your domain. We still recommend connecting the domain before you print. See ",[493,494,127],"a",{"href":128},[219,496,263,497,500,501,503,504,506],{},[176,498,499],{},"Share"," card on the ",[176,502,119],{}," screen shows your home page's code with the design from this screen; you can download it quickly there too, and ",[176,505,188],{}," brings you here.",[219,508,509],{},"Editing a code requires permission to edit the site or the menu; teammates without it can view and download the codes but can't change the settings.",{"title":511,"searchDepth":512,"depth":512,"links":513},"",2,[514,515,516,517,518],{"id":206,"depth":512,"text":207},{"id":273,"depth":512,"text":274},{"id":430,"depth":512,"text":431},{"id":447,"depth":512,"text":448},{"id":482,"depth":512,"text":483},"Design the QR codes you'll print on tables, windows, business cards or flyers; choose which page the code opens, give it colors and a logo, and download it as PNG or SVG.","md",{},{"title":135,"description":519},"VpdejSVyT2uDpExd0CsWu6U59qpM86PI5Jni6OKnNO8",[525,527],{"title":131,"path":132,"stem":133,"description":526,"children":-1},"Site icon (favicon), time zone, multiple languages and deleting the site.",{"title":145,"path":146,"stem":147,"description":528,"children":-1},"Create a single-page link page for your Instagram profile or business card; profile, link buttons, social media, photos and save contact.",1791410723072]