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

# 在 UKU 网页版创建单页海报

> 在 UKU 网页版创建单页海报：选择格式和模板、填写商品信息、设置价格和有效期、保存并复用布局的完整流程。

单页海报是针对一个商品的独立设计。适合价格标签、促销图片和分享内容。本页面介绍从零开始创建单页海报的完整流程。

## 第 1 步：选择格式和模板

<Steps>
  <Step title="打开横版或竖版">
    在左侧菜单选择 **横版** 或 **竖版**。
  </Step>

  <Step title="点击新建单页（如果已在编辑其他海报）">
    如果您正在编辑一张海报想开始新的，请点击 **新建单页**。
  </Step>

  <Step title="选择模板">
    从可用的 **模板** 中选择一个。模板决定了海报的基础样式。
  </Step>

  <Step title="选择保存的布局（可选）">
    如果之前保存过喜欢的布局，可以直接使用 **已保存的布局**。
  </Step>
</Steps>

<Note>
  **模板** 提供基础图形。**布局** 保存了元素位置和显示设置，方便重复使用同一种风格。
</Note>

## 第 2 步：填写商品信息和图片

<Steps>
  <Step title="填写商品名称">
    在 **商品名称** 里填写商品名，例如 "苹果 500 克"。
  </Step>

  <Step title="填写条形码（如果知道）">
    条形码可以帮助从数据库中查找商品图片。
  </Step>

  <Step title="用条形码搜索">
    点击条形码搜索，系统会返回可能的图片和数据。
  </Step>

  <Step title="选择正确的结果">
    选择与您的商品、品牌、包装完全匹配的结果。
  </Step>

  <Step title="或者手动上传图片">
    如果搜索没有合适的结果，可以从电脑上传图片、拖拽到指定区域、或者填写 **图片 URL**。
  </Step>
</Steps>

<Warning>
  数据库返回的图片不一定和您的商品完全一致。请仔细核对品牌和包装再选择。
</Warning>

## 第 3 步：设置价格和有效期

<Steps>
  <Step title="填写原价和折扣价">
    根据实际优惠情况填写 **原价** 和 **折扣价**。
  </Step>

  <Step title="设置有效期">
    填写 **有效期开始** 和 **有效期结束**。
  </Step>

  <Step title="选择显示项">
    选择是否显示原价、折扣百分比、条形码和有效期文字。
  </Step>

  <Step title="启用不含税价格（可选）">
    如需显示不含税价，启用 **显示不含税** 开关，并核对增值税税率。
  </Step>
</Steps>

## 第 4 步：调整设计

在预览区可以直接编辑：

* **拖动元素**：改变位置
* **拖动手柄**：调整大小
* **颜色面板**：修改名称、原价、折扣价、百分比、背景、有效期等的颜色

<Tip>
  商品名称太长时，可以开启多行显示，或者调整字体大小。检查文字不要与价格或图片重叠。
</Tip>

## 第 5 步：保存

<Steps>
  <Step title="点击保存按钮">
    在编辑器中点击 **保存**，等待处理完成。
  </Step>

  <Step title="检查是否有错误">
    如果有错误提示，请根据提示修改后重新保存。
  </Step>

  <Step title="在优惠列表查看">
    打开 [优惠管理](/zh/web/single-offer/manage) 就能看到刚保存的海报。
  </Step>

  <Step title="保存布局（可选）">
    如果对当前的设计满意，点击 **保存当前布局**，下次可以直接使用这个布局。
  </Step>
</Steps>

## 下一步

<CardGroup cols={2}>
  <Card title="管理海报" icon="folder" href="/zh/web/single-offer/manage">
    修改、下载、分享、打印已经做好的海报。
  </Card>

  <Card title="批量创建" icon="table-cells" href="/zh/web/batch/overview">
    如果要一次创建很多张，使用批量功能会更快。
  </Card>
</CardGroup>
