区块

区块是建站器中按逻辑划分的板块,将相似功能组件组合在一起。

要查找所有区块,请在发布商帐户的项目中前往 Storefronts > Websites,在您站点的面板中点击 Open Site Builder。

要查找所有区块,请在帐户中打开您的项目,前往 Storefronts > Websites 部分,然后点击站点面板。

要查找所有区块,请在帐户中打开您的项目,前往 Storefronts > Websites 部分,然后点击站点面板。

要查找所有区块,请在帐户中打开您的项目,前往 Storefronts > Websites 部分,然后点击站点面板。

要查找所有区块,请在移动端游戏专用帐户的项目中前往 Web Shop 部分,然后点击站点面板。

注:
每个落地页最多支持 50 个区块。

页眉

站点页眉中的区块。页眉显示用户信息并包含网站导航元素。您可以将该区块固定,使其在滚动页面时始终可见。

主要功能:

  • 添加用于导航、购买或跳转到其他页面的按钮。
  • 为网站添加语言切换器。
  • 在网站上设置用户认证按钮。
  • 显示已认证用户的信息。

图片类型尺寸
单游戏页面模板中的 Logo120 x 40 px
注:
创建网站时如添加了 Google Play 或 App Store 的链接,页眉区块将自动配置。

侧边栏

用于网站页面跳转的导航菜单。桌面端为左对齐侧边栏,移动端切换为固定底部栏。

桌面端网站的侧边栏:

移动端网站的侧边栏:

主要功能:

  • 设置导航菜单。
  • 添加跳转至 Google Play、App Store 或其他应用商店的按钮。
  • 添加跳转至您的社交媒体页面的按钮。
图片类型尺寸
游戏 Logo120 x 120 px
菜单按钮图标18 x 18 px

单游戏页面模板中的前导区块

包含网站上在售游戏信息的区块。

主要功能:

  • 自定义文本布局。
  • 显示游戏信息:标题、开发者。
  • 显示游戏分发平台。
  • 添加带自定义内容的标签。
  • 配置按钮功能:
    • 观看视频
    • 滚动到某个区块
    • 跳转到链接
    • 购买商品
  • 自定义按钮样式。

图片类型尺寸
自定义平台图标24 x 24 px

网页商城模板中的前导区块

用于展示您的网页商城及游戏关键信息的区块。

主要功能:

  • 自定义游戏信息:图标、标题、开发者。
  • 自定义带有站点功能描述的卡片。

图片类型尺寸
游戏 Logo120 x 120 px
卡片图标18 x 18 px
注:
创建网站时如添加了 Google Play 或 App Store 的链接,前导区块将自动配置。

如有需要,自定义该区块:

  1. 添加图片或视频作为自定义背景。
  2. 要配置信息卡片,开启相应开关:
    • Show icons
    • Show titles
    • Show descriptions

行动召唤

用于引导用户关注站点关键操作的区块。

主要功能:

  • 添加用于订阅游戏资讯的邮箱字段。
  • 添加用于购买商品的按钮,或跳转至 Google Play/App Store 或其他网站的链接。
  • 显示平台 Logo,点击后跳转到您在该平台的页面。
  • 支持来自 YouTube/Vimeo 的视频灯箱。

图片类型尺寸
主图784 x 280 px

快速登录

快速登录区块突出显示必需的用户认证步骤,简化用户的购买路径。

区块的外观和功能取决于所选的认证方式。

如果为网站配置了通过用户ID进行认证,则快速登录区块会显示一个用于输入用户ID的字段和一个登录按钮。

主要功能:

  • 无需另行跳转到弹出窗口即可完成用户认证。
  • 可设置区块内容。您可以启用并配置以下部分:
    • 标题
    • 描述
    • 如何查找用户ID的说明
    • 自定义背景

图片类型尺寸
用户ID查找指引中的图片320 x 144 px
自定义背景688 x 152 px

如果为网站配置了通过艾克索拉登录管理器进行认证,则快速登录区块中会显示一个额外的授权按钮。点击该按钮后,会打开一个弹出窗口,用户可通过艾克索拉登录管理器的任一登录方法进行授权。

主要功能:

  • 设置授权按钮的文本
  • 设置自定义背景

使用网页商城模板创建的网站会自动添加快速登录区块。若网站中缺少此区块,可在建站器中手动添加。
使用网页商城模板创建的网站会自动添加快速登录区块。若网站中缺少此区块,可在建站器中手动添加。
使用网页商城模板创建的网站会自动添加快速登录区块。若网站中缺少此区块,可在建站器中手动添加。
使用网页商城模板创建的网站会自动添加快速登录区块。若网站中缺少此区块,可在建站器中手动添加。
使用网页商城模板创建的网站会自动添加快速登录区块。若网站中缺少此区块,可在建站器中手动添加。

包含图片、截图和视频素材以提升用户对游戏兴趣的区块。

主要功能:

  • 向幻灯片添加图片和视频。
  • 通过 YouTube 链接在落地页播放视频。
  • 循环播放包含内容的幻灯片。
  • 预览轮播中上一张/下一张视频或图片。
  • 显示左右箭头以切换内容。

图片类型尺寸
轮播中的图片1068 x 600 px

资讯动态

用于在您的网站上发布文章的区块。

用于在您的网站上发布文章的区块。

主要功能:

  • 发布文章、新闻、公告、游戏更新日志
  • 按类别分组文章,并将类别显示为选项卡

图片类型尺寸
主图680 x 382 px
宽高比969

卡片

显示游戏或商店信息的通用区块。在此区块中,您可以添加任意内容的卡片。

主要功能:

  • 添加包含文本、图片和按钮的卡片。
  • 配置按钮功能:
    • 观看视频
    • 滚动到某个区块
    • 跳转到链接
    • 购买商品
  • 调整卡片大小和卡片元素的位置。
  • 自定义卡片的网格布局。
  • 对齐卡片内的内容。

卡片区块没有建议图片尺寸,因为您可以自行调整卡片和图片的宽高比。

促销轮播

包含游戏横幅、游戏标题及其描述的轮播图库区块。

主要功能:

  • 可添加用于购买商品、跳转到链接或前往 Google Play/App Store 的按钮。
  • 循环播放包含内容的幻灯片。
  • 显示游戏的导航箭头。
  • 添加用于订阅游戏资讯的邮箱字段。
  • 显示指向您在各个平台页面的链接。

图片类型尺寸
轮播中的图片374 x 170 px

描述

包含游戏描述和图片的区块。

主要功能:

  • 显示图片和文本描述。
  • 图片与文本有两种布局:横向与纵向。
  • 点击图片可放大图片或跳转到链接。

图片类型推荐尺寸
横向布局的图片383 x 280 px
纵向布局的图片784 x 280 px

兑换码

用于在网站上使用兑换码和优惠券的区块。

主要功能:

  • 用户应用兑换码以获得购买奖励。
  • 应用优惠券以立即获得奖励。
  • 通过添加自定义 JS 代码扩展区块能力。

游戏版本

该区块用于展示某款游戏的详细信息,并展示该游戏不同版本的特性。

主要功能:

  • 提供捆绑包样式模板和自定义样式。
  • 可调整组件布局:按钮、标题和描述可重新排列。
  • 为每个版本配置优势清单。
  • 突出显示最具性价比的捆绑包——可将某个版本标记为推荐购买。

图片类型推荐尺寸
横向布局的图片340 x 170 px
纵向布局的图片336 x 354 px

商店

用于销售游戏 Key(网页商城模板除外)、虚拟物品、捆绑包和虚拟货币套餐的区块。该区块包含自动创建的区段;您可以删除它们并新建区段。

主要功能:

  • 销售游戏内物品和游戏 Key。

  • 显示商品的全部信息:价格、促销活动、名称、描述、图片、捆绑包内容、购买数量限制。

  • 4 个商品卡片样式。

  • 通过商品类型选项卡在不同区段间导航。

  • 自定义区块和区段标题。

  • 预览演示商品。

  • 在移动设备上横向滚动。

  • 额外的用户认证提示按钮。

如有需要,自定义区块并添加:

  • 标题
  • 商品组名称的显示
  • 商店的快速导航选项卡
  • 自定义背景

为此,开启相应开关。

您还可以在 Login button 部分配置认证提示按钮。

要配置商店中的商品展示:

  1. 添加一个商店区段,并在下拉列表中选择要在网站上销售的商品类型和商品组。
注意
如果添加的商品未在建站器中显示,请确认已为对应商品组启用在商店中显示。您可以在 Item catalog > All items 部分查看并编辑商品与分组。
如果添加的商品未在建站器中显示,请确认已为对应商品组启用在商店中显示。您可以在 Item catalog > All items 部分查看并编辑商品与分组。
如果添加的商品未在建站器中显示,请确认已为对应商品组启用在商店中显示。您可以在 Item catalog > All items 部分查看并编辑商品与分组。
如果添加的商品未在建站器中显示,请确认已为对应商品组启用在商店中显示。您可以在 Item catalog > All items 部分查看并编辑商品与分组。
如果添加的商品未在建站器中显示,请确认已为对应商品组启用在商店中显示。您可以在 Item catalog > All items 部分查看并编辑商品与分组。
  1. 在商店区段中,选择 Item card 样式:

  • Featured。此卡片布局可吸引用户关注特定商品或特别优惠。

  • 在卡片布局设置中,您可以:
    • 显示或隐藏商品图片和描述
    • 使商品图片自适应或最大化
    • 更改文本颜色
    • 为轮播使用自定义背景

  • Horizontal。此卡片布局将商品名称、描述和价格置于图片右侧。

  • 在卡片布局设置中,您可以:
    • 显示或隐藏商品描述
    • 使商品图片自适应或最大化
    • 在移动设备上启用或禁用横向滚动
    • 为区段使用自定义背景

  • Vertical。此卡片布局将商品名称、描述和价格置于图片下方。

  • 在卡片布局设置中,您可以:
    • 显示或隐藏商品描述
    • 使商品图片自适应或最大化
    • 在移动设备上启用或禁用横向滚动
    • 为区段使用自定义背景

  • Large。建议将此卡片布局用于捆绑包和奖励。无需点击卡片即可在落地页上看到卡片的组成内容。

  • 在卡片布局设置中,您可以:
    • 显示或隐藏商品描述
    • 使商品图片自适应或最大化
    • 在移动设备上启用或禁用横向滚动
    • 为区段使用自定义背景

注:
对于捆绑包,仅可使用 Vertical、Large 和 Featured 布局。
  1. 如有需要,可在卡片布局设置中开启相应开关以自定义卡片布局。

  2. 若区段无内容时需要隐藏,请开启 Hide section if empty 开关。

图片类型推荐尺寸
纵向商品卡片布局249 x 232 px
横向商品卡片布局120 x 150 px
大商品卡片布局522 x 300 px
精选商品卡片布局

单一商品的优惠:460 x 320 px。

包含多个商品的优惠(例如捆绑包、含奖励的商品):

  • 主优惠图片:480 x 184 px。
  • 奖励和捆绑包内商品的图片:88 x 79 px。

如果捆绑包内或作为奖励提供的商品也单独售卖,请使用 460 x 320 px 图片。

精选商品卡片布局的自定义背景688 x 290 px

奖励系统

用于添加奖励系统的区块。用户在购买时可获得累充积分、进行存储并收集奖励链。领取奖励时不会消耗累充积分。

主要功能:

优惠链

用于添加在发布商帐户中配置的优惠链的区块。用户可免费领取商品,或使用真实货币购买以解锁链中的下一个优惠。优惠可以是免费或付费。

用于添加在您的帐户中配置的优惠链的区块。用户可免费领取商品,或使用真实货币购买以解锁链中的下一个优惠。优惠可以是免费或付费。

用于添加在您的帐户中配置的优惠链的区块。用户可免费领取商品,或使用真实货币购买以解锁链中的下一个优惠。优惠可以是免费或付费。

用于添加在您的帐户中配置的优惠链的区块。用户可免费领取商品,或使用真实货币购买以解锁链中的下一个优惠。优惠可以是免费或付费。

用于添加在您的帐户中配置的优惠链的区块。用户可免费领取商品,或使用真实货币购买以解锁链中的下一个优惠。优惠可以是免费或付费。

页面行为:

  • 优惠以水平轮播的商品卡片形式展示。
  • 每个优惠可具有以下状态之一:
    • 已领取——商品已被购买或免费领取。
    • 可用——商品可购买或免费领取。
    • 未解锁——商品尚不可用,因为前一个尚未领取或购买。
  • 每个优惠可具有以下价格类型之一:
    • 免费——商品可免费领取。
    • $X.XX——商品可购买。
  • 可用优惠会高亮显示。按钮将显示领取(免费优惠)或$X.XX(付费优惠)。
  • 当用户点击当前可用优惠卡片上的按钮时,将触发相应操作:启动支付流程或免费领取商品。

社交媒体小组件

用于连接游戏社交网络以更高效与用户互动的区块。

主要功能:

  • 添加 Facebook、Twitter、Discord 和 Twitch 小组件。
  • 提供两种小组件展示方式。
  • Twitter 与 Discord 支持深色或浅色主题。

常见问题

包含关于您游戏常见问题解答的区块。

主要功能:

  • 预设大多数商店均适用的常见问题答案。
  • 通过添加自定义 JS 代码扩展区块能力。

自定义代码

该区块允许您在网站上使用自定义 CSS、JS 和 HTML 代码,实现界面未提供的独特功能。

主要功能:

  • 自定义代码可在网站的所有语言版本间同步,无需逐一迁移。
  • 在区块内为 CSS、HTML 与 JS 提供独立选项卡。
  • 内置语法高亮。
  • 提供代码缩略视图,便于在区块内导航。

购物车设置

您可以在网站上使用购物车,具体方法是:

  1. 在建站器主区域,前往 Cart settings 区块。

  2. 将 Use shopping cart 开关设置为开启。

  3. 配置其他购物车功能(可选)。为此,开启相应开关:

    • 显示促销码字段 — 允许用户在购物车界面中使用促销码或优惠券;
    • 购物车之前登录 — 未登录的用户在前往购物车时打开身份认证窗口。

系统要求

包含在不同平台上运行游戏所需的最低与推荐系统要求的区块。

主要功能:

  • 两种展示方式:
    • 仅最低要求
    • 最低与推荐要求
  • 可为不同平台使用多个选项卡。

订阅

允许用户根据指定条件访问一组服务的区块。

主要功能:

  • 为订阅的每个组成部分设置图标。
  • 为订阅计划设置图片。

图片类型尺寸
订阅功能图标34 x 36 px
订阅计划图片318 x 144 px

社交任务

社交任务区块允许您在网站上添加任务,用户完成后可获得忠诚积分或目录商品作为奖励。

任务示例包括关联 YouTube 帐户、访问 Discord 社区或观看游戏预告片。奖励会自动发放。忠诚积分会立刻计入用户在网站的帐户余额,用户可在结账时用其部分抵扣商品金额。目录商品会发放至用户的游戏内物品库、背包或钱包。

社交任务通过将社交行为转化为实际奖励,帮助您提升参与度、增强用户忠诚度并壮大社区。

关于如何配置该区块的详细说明,请参阅社交任务文档。

任务

任务区块会在您的网页商城中以卡片形式展示任务。每张卡片显示任务图片、名称、描述、奖励和按钮。任务条件基于游戏内事件:即您发送至任务平台的玩家行为,例如达到某个等级或赢得若干场比赛。

您只能通过 Xsolla AI toolkit 创建和编辑任务。关于如何添加并配置该区块的详细说明,请参阅任务文档。

位于页面底部的区块,包含法律信息和隐私设置。

主要功能:

  • 选择区块样式:列或行。
  • 为网站添加语言切换器。
  • 添加社交网络分享按钮。
  • 显示年龄限制。

图片类型尺寸
游戏 Logo120 x 120 px
注:
创建网站时如添加了 Google Play 或 App Store 的链接,页脚区块将自动配置。

如有需要,可自定义区块:

  • 选择布局样式。
  • 自定义背景。
  • 添加Share options部分并配置分享按钮。
  • 添加Social media部分并配置社交媒体链接。
  • 添加年龄限制。

本文对您的有帮助吗?
谢谢!
我们还有其他可改进之处吗? 留言
非常抱歉
请说明为何本文没有帮助到您。 留言
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。
上次更新时间: 2026年6月25日

发现了错别字或其他内容错误? 请选择文本,然后按Ctrl+Enter。

报告问题
我们非常重视内容质量。您的反馈将帮助我们做得更好。
请留下邮箱以便我们后续跟进
感谢您的反馈!
无法发送您的反馈
请稍后重试或发送邮件至[email protected]与我们联系。