从后端无代码主题配置到通过 API 自由集成，您可以自行选择定制深度。

基础定制

符合您企业形象的专属票务商店——仅需 10 分钟即可上线

通过我们的后端进行配置：选择主题、上传设计和图片、设置配色方案，并在需要时选择自有字体，即可在几秒内定制各类门户，无需任何 IT 基础。这就是第一级基础定制。只需点击几次即可应用企业设计，强大的默认框架尤其适合规模较小的企业。

No-CodeBackend-ThemingCorporate DesignWhite-Label

无需 IT 知识 · 10 分钟完成

采用您品牌风格的首页

开发工作量

无

自定义 CSS 与脚本

通过自定义 CSS 或脚本实现更个性化的效果

希望进一步定制？想添加让活动脱颖而出的个性化元素，或突出显示特定信息？我们提供了合适的解决方案：通过简单的 HTML 和 CSS 即可实现这些调整。您可以直接在后端添加 CSS、HTML 或 JavaScript。我们的门户专为此类扩展而设计，并提供 CSS Custom Properties（即 CSS 变量）等明确的扩展点。

Custom CSSCSS Custom PropertiesCustom ScriptsTheming-Hooks

自定义 CSS/JS · 精准 hook

同一个流程步骤，分别展示默认设计和使用 CSS 进行大幅定制后的效果：

落地页

页眉：粉色背景和深色阴影
页脚：黄色背景
商品卡片：粉色边框和深色阴影

门票选择

页眉：粉色背景和深色阴影
门票选择面板：粉色边框和深色阴影
列标题：粉色背景和白色文本
门票价格：较细字体
折扣票价框：黄色背景
侧边面板：深色阴影
结账按钮：粉色边框、白色文本和深色阴影
“或使用以下方式支付”文本：斜体
警告消息：黄色背景

页眉：粉色背景和深色阴影
参会者信息面板：粉色边框和深色阴影
证件预览：粉色边框和深色阴影

摘要

页眉：粉色背景和深色阴影
摘要面板：粉色边框和深色阴影
门票名称：粉色文本
价格：粗体文本
侧边面板：深色阴影
“购买门票”按钮：粉色边框和深色阴影

开发工作量

低高

嵌入式容器

将完整票务商店作为独立模块嵌入

要将票务商店嵌入您自己的活动主页？只需几行代码，即可将购票和注册的核心流程直接集成到网站中。您会获得一个可在页面内运行的完整独立模块，所有 HTML 均可访问，并可使用您自己的 CSS 设置样式。我们的访客门户专为此类深度集成而设计，还提供以下配置选项：

Drop-in WidgetiFrame-EmbedSelf-ContainedAuto-Resize

可选择限定为特定活动
可选择限定特定功能（购买、注册、媒体）
可选择限定特定商品或分组
可显示或隐藏页眉和页脚
配置语言：自动选择或由外层网站控制
为集成选择自有样式或自定义 CSS
隐藏多余内容
配置尺寸调整

这样，访客无需跳转即可继续停留在活动主页。我们为开发者提供专门的集成演示和开发者门户，您可以在其中测试集成并生成现成脚本。只需选择所需方案，复制集成代码并粘贴到网站中即可。无需担心滚动条：容器会根据内容动态调整高度，避免页面内出现不美观的滚动区域。

从技术上看，此集成基于 iframe，商店会在页面内独立封装的框架中运行。该方式稳定可靠，但在与您的界面无缝融合方面存在限制。因此，我们仅建议在需要快速上线时采用此方案。若要实现真正的原生集成，更适合选择下一级方案：直接渲染到您自有标记中的 Shop Micro Frontend。

开发工作量

低高

代码中的 Shop Micro Frontend

以微前端方式原生嵌入票务商店

在此级别，您将不再使用后端主题配置，而是直接在代码中集成商店。Shop Micro Frontend 会原生渲染到您自己的标记中，而不是作为外部 widget 加载。从商品发现到门票交付的完整流程均已构建完毕。您可以选择两种方式：

Micro FrontendHeadlessComposableLight-DOM EmbedDesign-Tokens

最快开始

一次 mount 调用即可完成

最直接的方式是通过一次 mount() 调用，将已完整设置样式的票务商店加入页面。商店采用专业的默认设计，支持响应式布局和本地化。对于需要重定向的支付方式，只需额外设置返回 URL，商店随后会自动继续流程。几分钟内即可开始销售，从第一行代码起便拥有专业设计。

一次调用 · 仅重定向支付需要返回 URL

100% 自有设计

采用您品牌风格的 Shop Micro Frontend

Shop Micro Frontend 是独立交付的前端模块，您可在运行时通过 mount() 调用将这一微前端接入页面。从商品发现到门票交付的完整流程均已构建完毕，并自带专业的默认设计。关键在于：它会渲染到您自己的 light DOM，而不是 iframe 中，因此商店会真正成为页面标记的一部分，并继承您的字体和布局上下文。品牌定制只需少量设计 token：将颜色、字体和圆角通过 theme 对象直接传给 mount()，或将其设为 CSS 变量（--aditus-*），无需自建样式表。Styling Studio 还能自动根据您的网站 URL 推荐颜色、字体和圆角，并生成可直接复制的配置。由于基础样式位于独立的 CSS layer 中，页面中的普通未分层 CSS 可直接覆盖它们，无需进行优先级争夺，也无需 !important。如需最后的精细调整，还可通过稳定的 BEM hook（aditus-shop__*）定位单个组件。无需将用户跳转到外部 widget，无需调整 iframe 尺寸，无需处理 postMessage，也不会出现滚动卡顿；您无需自行构建流程逻辑，即可获得完全的设计自由。

原生融入而非跳转 · 通过设计 token 定制品牌

两种微前端方案还可与 ADITUS Webhooks 结合使用：已完成订单或注册等事件会实时上报，并可在其他后端中继续处理，例如用于 CRM、会员逻辑或您自己的后续流程。

前往微前端文档前往 Styling Studio

开发工作量

一次 mount 调用即可完成

采用您品牌风格的 Shop Micro Frontend

低高

完全掌控 API

基于 Shop API 自由集成

这是自由度最高、集成最深入的级别：将商店功能完整集成到您自己的 Web 应用、App 或系统架构中，可为商店和注册打造完全自定义的 UI，也可作为现有平台中的另一个功能组件。我们的访客门户能实现的功能，API 均可实现；我们自己的门户也以同一套完整的读写 REST API 为基础。您可以使用 REST API、Webhooks 和 SDK 构建量身定制的解决方案。

API-FirstHeadlessREST APIWebhooksSDKs

最大程度掌控

直接基于 Shop API

您可以基于 REST 端点自行构建完整界面，全面掌控购物车、注册和结账流程。无需自行处理本地化：API 会以访客所用语言提供商品名称、描述以及问卷问题和答案，直接渲染文本即可。您拥有完全控制权，可从零设计用户旅程，并无缝融入自己的流程，包括自定义预订或登录流程、CRM 与会员逻辑、酒店或旅行套餐、个性化定价以及多级审批。每一次交互和每一个像素都由您掌控，但相应地需要承担更高的实施工作量。

完全灵活 · 前期投入较高