> ## 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.

# 创建您的第一个 QR 码

> 完整流程演示：登录、选择 Quick Code，并发布一个 Website URL QR 码。

本流程演示如何创建最简单的 QR 码——一个跳转到网址的 **Quick Code**——从全新登录到发布出一个可扫描的代码。

<Steps>
  <Step title="登录">
    前往您的 Scanova 登录页面，使用邮箱和密码（或 Google/SSO）登录。您会进入 `/overview` 处的 **Overview** 仪表盘。
  </Step>

  <Step title="打开 Create QR Code 中心">
    点击侧边栏顶部的 **Create QR Code**，或前往 `/qr/create`。该中心以卡片形式展示三个起点：

    <Frame caption="Create QR Code 中心，包含 AI Studio、Build a Page 和 Quick Code 卡片">
      <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="创建新 QR 码中心页面，展示三张卡片：AI Studio（标记为 Upgrade）、Build a Page 和 Quick Code，以及一个包含草稿 QR 码的 Continue editing 板块" width="1440" height="900" data-path="images/v2/getting-started/first-qr-code/create-hub.png" />
    </Frame>

    * **AI Studio** —— 描述一个页面，让 AI 为您生成（参见 [AI QR / AI Studio](/zh/qr-codes/create/ai-qr)；在不包含此功能的套餐上，此卡片显示的是 **Upgrade** 而非 **Start**）。
    * **Build a Page** —— 基于区块的落地页编辑器，可从模板或空白画布开始。
    * **Quick Code** —— 针对网址、电话号码、邮箱、Wi-Fi 或纯文本的直接 QR 码，没有落地页。

    在本流程中，请点击 **Quick Code** 卡片上的 **Start**。
  </Step>

  <Step title="选择一种 Quick Code 类型">
    Quick Code 会打开一个直接动作类型的网格——**Website URL**、**Google Maps**、**App Store**、**App Deep Link** 和 **GS1** 支持 Dynamic QR 码，而 **Phone Call**、**Email**、**Text Message**、**Wi-Fi**、**Plain Text**、**Event Calendar** 和 **Contact Card** 则仅支持 Static。

    <Frame caption="Quick Code 类型选择器">
      <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 类型选择器，展示 Website URL、Google Maps、App Store、App Deep Link 和 GS1 作为 Dynamic 选项，以及一个 Static Only 板块，包含 Phone Call、Email、Text Message、Wi-Fi、Plain Text、Event Calendar 和 Contact Card" width="1440" height="1297" data-path="images/v2/getting-started/first-qr-code/quick-code-picker.png" />
    </Frame>

    点击 **Website URL** 下方的 **Configure**。这会打开 `/qr/quick/url` 处的表单。
  </Step>

  <Step title="填写网址">
    在 **URL** 字段中输入目标地址（`https://` 前缀是固定的，因此只需输入其余部分，例如 `example.com`）。

    <Frame caption="已填写网址的 Website URL 表单">
      <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 表单，已填写 URL 字段，包含 Dynamic/Static QR 码类型选择器、自动生成的 Short URL slug，以及用于 Conditional Redirection 和 UTM tracking 的 Advanced settings" width="1440" height="953" data-path="images/v2/getting-started/first-qr-code/website-url-filled.png" />
    </Frame>

    保持 **Dynamic** 选中状态（这是默认且推荐的选项），以便代码在发布后仍可编辑和追踪。系统会自动生成一个 **Short URL** slug——您可以保留它，也可以在发布前修改，因为发布后将无法再编辑。
  </Step>

  <Step title="发布">
    点击右上角的 **Publish**。会弹出一个抽屉面板，显示 QR 码的实时预览和一个可编辑的名称——如果您想要比默认名称更具体的名称，可以在此重命名。再次点击抽屉中的 **Publish** 以确认。

    <Check>
      系统会显示 **Published** 确认信息，包含最终的 QR 码、其短链接以及快捷操作。

      <Frame caption="已发布 QR 码的确认信息">
        <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="已发布 QR 码确认抽屉，展示 QR 码图像、Live 状态徽章、短链接、Dynamic 和 Website URL 标签，以及 View live page、View details、Edit Design、Download、Copy URL 和 Share 等操作按钮" width="1440" height="900" data-path="images/v2/getting-started/first-qr-code/published-result.png" />
      </Frame>
    </Check>
  </Step>
</Steps>

## 您将获得什么

发布后的代码会立即跳转到您输入的网址——无需设计落地页，因为 Quick Code 是直接动作型的。在确认抽屉中，您可以下载 QR 图像、复制或分享其短链接，或打开 **Edit Design** 来重新设计代码的颜色和边框。该代码现在会出现在侧边栏的 **QR Codes** 中，您可以在那里搜索、打标签，或将其移动到文件夹中。

<Note>
  如果您想构建一个带品牌的落地页而不是直接跳转，请参阅 [Quick Code 与完整 Page 的对比](/zh/qr-codes/create/quick-code-vs-page) 了解如何选择，以及 [Page Builder 概览](/zh/page-builder/overview) 了解基于区块的编辑器。
</Note>

## 通过 API 创建

同样的 Website URL QR 码也可以通过 API 使用类别 ID `1`（标记为 **Website URL**）创建。完整的请求结构请参见 [Create QR Code](/v1/api-reference/endpoint/qr_manager/create)。

## 相关内容

* [Website URL QR Code](/zh/qr-codes/create/website-url) —— 深入了解本流程中使用的这种 Quick Code 类型。
* [Quick Code 与完整 Page 的对比](/zh/qr-codes/create/quick-code-vs-page) —— 如何在直接动作型代码、完整 Page 和 AI Studio 之间做出选择。
* [文件夹、标签与批量操作](/zh/qr-codes/manage/folders-tags-bulk-operations) —— 接下来该做什么：整理您刚发布的 QR 码。
* [仪表盘概览](/zh/getting-started/dashboard-overview) —— 带您了解登录后进入的 Overview 页面。