# QR code Generates a scannable QR code for a URL (or any text), with an optional caption and the URL printed underneath. ![A Confluence page section headed pull in external data, with a QR code centred below the text and the words install mobile app today beneath the code.](https://help.gocapable.com/images/c7d408a1-1122-49ec-a0ed-7c2cd3830fef.webp) The code sits in the page like any other block, with its title printed underneath it. ![](https://help.gocapable.com/images/64f57194-0340-42d1-981b-81137af18333.webp) The macro is reached from the editor by typing a slash command. Put a QR code on a page so people can jump from a screen or a printout to a link on their phone - a sign-up form, a video, a support portal, a Wi-Fi string. The code is generated in the reader's browser, so there is no round trip and nothing is sent anywhere to make it. You can size it, align it, give it a caption and recolour the dark modules to match a brand. --- ## See it Every example below is a real macro on this page, not a screenshot, and each one is a configuration taken from a page somebody actually built. Open this page in the editor to see how any of them is set up. ### Center: Capable for Confluence ![QR Code](https://help.gocapable.com/qr/https_3A_2F_2Fwww_gocapable_com.png) Capable for Confluence ### Center: Capable for Confluence (2) ![QR Code](https://help.gocapable.com/qr/https_3A_2F_2Fwww_gocapable_com.png) Capable for Confluence --- ## Settings ![The QR code configuration panel with a URL of gocapable.com, a title of install Capable mobile app, alignment set to centre, size 175 and show url ticked, with the generated code previewed to the left](https://help.gocapable.com/images/0072bae1-9378-4d07-ab09-a29382ac7d5e.webp) The URL is what the code encodes, while the title, alignment, size and the option to print the address decide how it looks on the page. | **Setting** | **Values** | **What it changes** | | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | URL | Any string. It is encoded verbatim into the QR code and is also what clicking the code opens. | The encoded payload. Required. Empty renders a placeholder image with "Missing URL" in red. | | Title | Free text | A bold caption rendered directly beneath the code. Empty means no caption. | | Options | Checkbox group with exactly one option: "Show URL" | When checked, the URL text is printed under the code (under the title, if there is one). | | Align | left, center, right | Where the code sits across the macro's width. | | Size | Pixels. Input offers 50–1000 in steps of 25 and clamps on blur. | Both the width and the height of the square code image (the value is passed as \`width\` to the generator and used for both img dimensions). The schema title for this field is "Height". | | QR color | A brand-scheme colour from the "background" category, or a custom colour when the tenant allows them. Hint in the panel: "The dark modules - keep it dark so the code stays scannable." | Colour of the dark modules. The light background is baked white by the generator and is deliberately NOT configurable - the component exposes no background prop, because a light background is what keeps the code readable. | --- ## Related [CodeA read-only code block with syntax highlighting, optional line numbers, a copy button and a cho](https://help.gocapable.com/macros/code.html) [LaTeX mathRenders a block mathematical equation written in LaTeX, centred on its own line in the page.](https://help.gocapable.com/macros/latex-math.html) [Technical and dataThe rest of this family.](https://help.gocapable.com/macros/technical-and-data.html) --- _The largest family, and the most precise._