文档联系我们

如何把行程预订小组件添加到 WordPress 或任何网站

通过免费的 WordPress 插件或一段 HTML 代码,把你的行程和在线预订放到你自己的网站上。你需要有编辑网站的权限,并设置好网上支付,访客才能付款。

预订小组件一览


在预订演示中试用。TourTask 网站已内置预订小组件。

实时余位

访客预订时实时查询。

始终保持最新

行程和价格直接从 TourTask 加载。

结账和付款

访客在线付款,预订会立即进入 TourTask。

你的布局和颜色

四种布局和六种颜色,与你的网站相匹配。

由你确认的申请

需要你手动确认的行程会以预订申请的形式到达。

代理也能预订

已注册的代理在结账时享受其专属价格。

把小组件添加到 WordPress 网站


有多个服务区域时需要 Service area ID

小组件每个页面只显示一个服务区域。要查找某个区域的编号,请在 HTML 选项卡的服务区域下选择该区域。随后代码中 data-service-area-id 后面会显示该编号。

  1. 1

    安装插件

    在 WordPress 中打开 Plugins → Add New Plugin,搜索 TourTask,然后点击 Install Now 和 Activate。

  2. 2

    复制这两项信息

    在 TourTask 中打开网站集成 → 旅程,从 WordPress 选项卡中复制商家 ID 和商家令牌。

  3. 3

    连接插件

    在 WordPress 中,把两者粘贴到 TourTask → Settings 下。它们会自动保存。

  4. 4

    生成短代码

    在 TourTask → Shortcode 下,选择 Page type(Activities)和 Language。如果有多个服务区域,还要输入 Service area ID。然后点击 Copy。

  5. 5

    粘贴到你的行程页面

    把短代码粘贴到要显示行程的位置,然后发布页面。

  6. 6

    注册页面

    在 TourTask 中,把该页面的网址粘贴到您网站上的活动页面 URL 下对应语言的字段中。在此之前,小组件会显示本网站未在 TourTask 注册。

WordPress 选项卡和活动页面 URL 字段。

把小组件添加到其他任何网站


  1. 1

    打开 HTML 选项卡

    在 TourTask 中打开网站集成 → 旅程,然后打开 HTML 选项卡。

  2. 2

    选择语言和区域

    如果你有多种语言或多个服务区域,请选择该页面的语言,并在服务区域下选择其区域。

  3. 3

    复制代码

    用复制按钮复制整段代码。

  4. 4

    粘贴到你的页面

    把它粘贴到要显示行程的页面的 HTML 中,然后发布页面。

  5. 5

    注册页面

    把该页面的网址粘贴到您网站上的活动页面 URL 下对应语言的字段中。在此之前,小组件会显示本网站未在 TourTask 注册。

以多种语言使用小组件


预订小组件显示其短代码或代码中选定的语言,不提供语言切换。如需多种语言,请为每种语言各建一个页面。在您网站上的活动页面 URL 下对应语言的字段中逐一注册,这样预订邮件就会链接到这些页面。

选择布局和颜色


在网站集成 → 旅程页面下方,选择界面布局和店面颜色。每项更改都会自动保存。

全屏宽度在页面上完整显示每个行程。卡片、图片卡片和方块会在窗口中打开每个行程,每个行程都有可分享的独立网址。

常见问题


可以:用旅程 → 类别中的类别编号,把每个页面限定为某些行程类别。在 TourTask → Shortcode 的 Tour category IDs 中输入这些编号,或按 HTML 选项卡中的说明写入代码。注册一个页面即可覆盖其整个域名。

在卡片、图片卡片和方块布局中,每个行程都有自己的网址,并以行程名称作为标题。在 WordPress 上,搜索结果显示的是你的行程页面,而不是每个行程。

在 WordPress 上,试着更改 TourTask → Settings 下的 Force full width。如果购物车栏被你的页眉挡住,请在 Advanced 下开启 Use a custom header element。

在其他网站上,请添加 HTML 选项卡中列出的页眉属性。仍有问题?联系支持团队。

不额外收费:预订小组件包含在 TourTask 中,WordPress 插件也是免费的。TourTask 本身的价格见定价页面。

这个页面对你有帮助吗?