Swiss Activities 小部件是在您的网站中嵌入 Swiss Activities 活动的最简单方式。 它是一个可以在任何 HTML 环境中实现的自定义 HTML 元素。该小部件具有响应式设计,会自动适应嵌入网站中的可用空间。
要开始使用,只需在网站的<head>
部分中包含以下脚本标签:
由于该小部件是自定义 HTML 元素,因此可以使用标准属性进行自定义。 以下属性可用于根据您的需求调整小部件。
默认情况下,小部件将以小部件模式显示,从 Swiss Activities API 获取当前活动信息,如标题、描述和图片。
小部件也可以以 CTA(号召性用语)模式显示,显示活动标题和描述或自定义标题和段落文本。
在固定显示模式下,小部件将固定显示在页面底部。
在最基本的形式中,小部件也可以显示为简单的按钮。
如果以上选项都不符合您的需求,您也可以使用 Headless 模式, 该模式不会渲染任何 HTML。相反,您需要自己定义 HTML。 如果您想在文本中链接多个活动或想为小部件使用自定义模板,这种模式很有用。
活动 ID 是 Swiss Activities 中活动的唯一标识符。在浏览活动页面时,可以在页面底部找到它。
您也可以在网站中嵌入 Swiss Activities 的完整产品目录。
访问此页面配置小部件并获取嵌入代码。根据筛选器选择,小部件将显示符合所选筛选条件的活动。