创建网站并自定义主要区块

概览

本部分介绍手动设置网页商城的方法。如果您是首次创建网页商城，建议从快速场景开始⸺系统将根据您游戏的App Store页面数据自动生成初始网站配置，您可以在建站器中进一步自定义。

使用网页商城模板可创建以下类型的网站：

• 单页商店 — 简化版网页商城格式，所有内容集中在一个页面。适合需要缩短用户购买路径、快速上线商店的场景。网页商城模板已预置单页商店所需的主要区块，您可以对这些区块进行自定义、删除或新增。

• 多页网络门户 — 高级网页商城格式，支持构建功能完整的玩家互动平台。适用于内容运营（如资讯动态、奖励）及游戏内流量获取等场景。您可以引导用户访问不直接销售商品的内容页面以符合平台规范，再通过网页商城促成购买转化。如不使用快速场景，则需手动添加每个页面。多页网站必须包含侧边栏，用于提供页面间导航，该组件会在创建多页网站时自动添加。

开始前，请先完成以下配置：

• 发布商帐户中的项目
• 用户身份认证
• 商品目录
• LiveOps和推广工具
• Webhook处理

1. 创建网站。
2. 配置主要区块。

完成配置后，测试并发布网站。

创建网站

1. 在发布商帐户中打开您的项目，然后前往商店 > 网站部分。
2. 单击创建站点。
3. 选择网页商城模板。
4. 添加游戏所在外部平台的URL。系统将根据该链接快速生成符合游戏风格的页面，自动填充游戏图片、标题、开发者信息及颜色方案。若不需要使用游戏数据，可关闭通过App Store或Google Play URL复制游戏信息开关。

5. 单击创建网页商城。

完成后，您将跳转进入预先配置好的游戏网站建站器。您可以进行以下调整：

• 自定义网站主题：

  • 关键元素颜色
  • 元素边框圆角度
  • 标题和正文字体

• 编辑内容：

  • 向区块上传图片和视频
  • 修改用户可见文本

如需创建多页网络门户，请按以下步骤添加页面：

1. 单击建站器顶部的页面名称，从下拉菜单中选择创建页面。

2. 在推荐或其他模板选项卡中选择页面模板。

有关网站页面管理的更多信息，请参阅相关文档。

配置关键区块

所有区块均包含默认设置，您可以启用或禁用特定功能，并按需进行自定义。使用网页商城模板时，系统会自动添加以下区块：

• 页眉 — 位于网站顶部的区块，显示用户信息并包含网站导航元素。详细信息请参阅区块相关文档。

• 前导区块 — 展示网页商城基本信息的区块，包括所属游戏及开发者信息。详细信息请参阅区块相关文档。

• 快速登录 — 用于突出授权步骤、简化用户购买路径的区块。使用前需先完成用户身份认证配置。详细信息请参阅区块相关文档。

• 商店 — 用于销售虚拟物品、捆绑包和虚拟货币套餐的区块。详细信息请参阅区块相关文档。

• 页脚 — 位于网站底部的区块，包含社交媒体链接、分享按钮及其他补充信息。详细信息请参阅区块相关文档。

• 购物车 — 支持用户在购买前将商品加入购物车，并在购物车界面应用促销码或优惠券。详细信息请参阅区块相关文档。

概述

本节介绍如何在建站器中手动设置网充商店。如果您是首次创建网充商店，建议从快速场景开始。该场景可根据您的游戏在App Store或Google Play页面上的数据，自动生成初始网站配置，之后您可以在建站器中进一步自定义。

您可以创建以下类型的网充商店：

• 单页网充商店⸺一种简化的网充商店形式，所有内容都集中在单个页面上。如果您需要尽量缩短用户购买路径并尽快上线商店，可以使用此模板。该模板包含单页商店的主要区块。您可以自定义或删除这些区块，也可以添加新区块。

• 多页网页门户⸺一种高级网充商店形式，可用于构建功能完整的玩家互动平台。适用于内容运营（如资讯动态、奖励）以及游戏内流量获取场景。您可以将用户引导至不直接销售商品的内容页面，以符合平台要求，然后再引导用户在网充商店内购买。

  侧边栏是多页网站的必需元素，用于在页面之间导航，并会在创建多页网站时自动添加。该模板包含一组页面，您可以自定义或删除这些页面，也可以添加新页面。

开始前，请先配置：

• 您帐户中的项目
• 用户身份认证
• 商品目录
• LiveOps和推广工具
• Webhook处理

如需创建网充商店，请按以下步骤操作：

1. 创建网站。
2. 配置主要区块。
3. 配置页面（可选）。

配置完成后，请测试并发布网站。

创建网站

1. 打开您帐户中的项目，然后前往Web商店部分。

2. 点击创建网页商城。

3. 选择模板：单页Web商店或多页网页门户，然后点击使用此模板。

4. 选择视觉风格，即面向不同游戏类型的预设网站主题之一（可选）。

   添加游戏上架所在外部平台的URL。这样，系统可以快速创建符合您游戏风格的页面，并自动将图片、游戏名称、开发者信息和颜色方案添加到页面中。

   如需在不使用游戏数据的情况下手动配置网站，请点击跳过此步骤。

5. 点击继续。

预配置网站创建完成后，您可以继续设置项目，也可以前往建站器，对网充商店进行必要调整：

• 自定义网站主题：
  • 关键元素的颜色
  • 元素的边框圆角
  • 标题和正文的字体
• 编辑内容：
  • 将图片和视频上传到区块
  • 修改用户可见的文本

配置主要区块

所有区块都包含默认设置。您可以启用或禁用部分区块功能，并根据需要进行自定义。使用单页Web商店模板时，以下区块会自动添加到网站：

• 页眉⸺网站顶部的区块。用于显示用户信息，并包含网站导航元素。

• 前导区块⸺包含网充商店基本信息的区块，例如该网站对应的游戏以及开发者信息。

• 快速登录⸺用于突出显示授权步骤并简化用户购买路径的区块。需要提前配置用户身份认证。

• 商店⸺用于销售虚拟物品、捆绑包和虚拟货币套餐的区块。

• 页脚⸺网站底部的区块，包含社交媒体链接、分享按钮和其他信息。

• 购物车⸺允许用户在购买前将商品添加到购物车，并在购物车界面中使用兑换码或优惠券码。

有关所有可用区块的详细信息，请参阅区块部分。

配置页面

使用多页网页门户模板时，以下页面会自动添加到网站：

• 商店⸺适合为您的移动端游戏销售游戏内商品。

• 奖励s⸺包含用于显示每日奖励和累充奖励系统的区块。

• 新闻动态⸺适合发布与您的游戏相关的更新、游戏公告和其他信息。

• 忠诚商店⸺适合展示忠诚计划中使用的商品。

• 促销码⸺包含用于在网站上使用兑换码的区块。兑换码可让用户获得折扣或赠品，也可用于向用户发放专属商品。

每个页面模板都包含预设区块，您可以根据需要修改这些区块。

有关页面模板和页面管理的更多信息，请参阅如何管理网站页面部分。