> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scanova.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating your first QR code

> A complete walkthrough: log in, choose Quick Code, and publish a Website URL QR code.

This walkthrough creates the simplest possible QR code — a **Quick Code** that redirects to a website URL — from a fresh login to a published, scannable code.

<Steps>
  <Step title="Log in">
    Go to your Scanova login page and sign in with your email and password (or Google/SSO). You land on the **Overview** dashboard at `/overview`.
  </Step>

  <Step title="Open the Create QR Code hub">
    Click **Create QR Code** at the top of the sidebar, or navigate to `/qr/create`. This hub presents three starting points as cards:

    <Frame caption="The Create QR Code hub with AI Studio, Build a Page, and Quick Code cards">
      <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/getting-started/first-qr-code/create-hub.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=b7128f0b9670f96bb9dfbd00d3777ec9" alt="Create a new QR code hub page showing three cards: AI Studio (marked Upgrade), Build a Page, and Quick Code, plus a Continue editing section with draft QR codes" width="1440" height="900" data-path="images/v2/getting-started/first-qr-code/create-hub.png" />
    </Frame>

    * **AI Studio** — describe a page and let AI generate it (see [AI QR / AI Studio](/qr-codes/create/ai-qr); this card shows **Upgrade** rather than **Start** on plans that don't include it).
    * **Build a Page** — the block-based landing page builder, starting from a template or blank canvas.
    * **Quick Code** — a direct QR code for a URL, phone number, email, Wi-Fi, or plain text, with no landing page.

    For this walkthrough, click **Start** on the **Quick Code** card.
  </Step>

  <Step title="Pick a Quick Code type">
    Quick Code opens a grid of direct-action types — **Website URL**, **Google Maps**, **App Store**, **App Deep Link**, and **GS1** support Dynamic QR codes, while **Phone Call**, **Email**, **Text Message**, **Wi-Fi**, **Plain Text**, **Event Calendar**, and **Contact Card** are Static-only.

    <Frame caption="The Quick Code type picker">
      <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/getting-started/first-qr-code/quick-code-picker.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=eee9497aa3a917fb63bfc0730ea56cac" alt="Quick Code type picker showing Website URL, Google Maps, App Store, App Deep Link, and GS1 as Dynamic options, and a Static Only section with Phone Call, Email, Text Message, Wi-Fi, Plain Text, Event Calendar, and Contact Card" width="1440" height="1297" data-path="images/v2/getting-started/first-qr-code/quick-code-picker.png" />
    </Frame>

    Click **Configure** under **Website URL**. This opens the form at `/qr/quick/url`.
  </Step>

  <Step title="Fill in the URL">
    Enter the destination address in the **URL** field (the `https://` prefix is fixed, so type just the rest, e.g. `example.com`).

    <Frame caption="The Website URL form with the URL field filled in">
      <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/getting-started/first-qr-code/website-url-filled.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=f502d580b668013571ffb5c1b3e0f27b" alt="Website URL Quick Code form with the URL field filled in, Dynamic/Static QR code type picker, an auto-generated Short URL slug, and Advanced settings for Conditional Redirection and UTM tracking" width="1440" height="953" data-path="images/v2/getting-started/first-qr-code/website-url-filled.png" />
    </Frame>

    Leave **Dynamic** selected (it's the default and recommended) so the code stays editable and trackable after publishing. A **Short URL** slug is generated automatically — you can keep it or change it before publishing, since it can't be edited afterward.
  </Step>

  <Step title="Publish">
    Click **Publish** in the top-right. A drawer opens with a live preview of the QR code and an editable name — rename it here if you want something more specific than the default. Click **Publish** again in the drawer to confirm.

    <Check>
      A **Published** confirmation appears with the final QR code, its short URL, and quick actions.

      <Frame caption="The published QR code confirmation">
        <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/getting-started/first-qr-code/published-result.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=262425b23271a32aeae192b8d1ccf2e1" alt="Published QR code confirmation drawer showing the QR code image, a Live status badge, the short URL, Dynamic and Website URL tags, and action buttons for View live page, View details, Edit Design, Download, Copy URL, and Share" width="1440" height="900" data-path="images/v2/getting-started/first-qr-code/published-result.png" />
      </Frame>
    </Check>
  </Step>
</Steps>

## What you get

The published code redirects instantly to the URL you entered — there's no landing page to design, since Quick Codes are direct-action. From the confirmation drawer you can download the QR image, copy or share its short URL, or open **Edit Design** to restyle the code's colors and frame. The code itself now appears in **QR Codes** in the sidebar, where you can search, tag, or move it into a folder.

<Note>
  If you'd rather build a branded landing page instead of a direct redirect, see [Quick Code vs. full Page](/qr-codes/create/quick-code-vs-page) for how to choose, and the [Page Builder overview](/page-builder/overview) for the block-based editor.
</Note>

## Creating one via the API

The same Website URL QR code can be created through the API using category ID `1` (labeled **Website URL**). See [Create QR Code](/v1/api-reference/endpoint/qr_manager/create) for the full request schema.

## Related

* [Website URL QR Code](/qr-codes/create/website-url) — a closer look at the Quick Code type used in this walkthrough.
* [Quick Code vs. full Page](/qr-codes/create/quick-code-vs-page) — how to choose between a direct-action code, a full Page, and AI Studio.
* [Folders, tags & bulk operations](/qr-codes/manage/folders-tags-bulk-operations) — what to do next: organize the QR code you just published.
* [Dashboard overview](/getting-started/dashboard-overview) — a tour of the Overview page you land on after logging in.