DOCS

配信

予約ページを共有し、ウェブサイトにウィジェットを埋め込む。

📹 Watch: Hosted Booking Page
📹 Watch: Embedding the Widget
📹 Watch: QR Code

配信ページでは、予約マップをゲストに共有するためのすべてのツールが揃っています。管理サイドバーの配信からアクセスできます。

Note

複数のマップがある場合、配信ページは現在選択されているマップのオプションを表示します。マップの切り替えはマップページから行えます。

ホスティング予約ページ

ホスティングページは、ユニークな URL を持つ独立した完全ブランド化された予約体験です:

https://your-slug.tickadoo.page

シンプルな専用ページが必要な場合、これが推奨のアプローチです。以下の方法でリンクを共有できます:

  • メールニュースレター
  • ソーシャルメディア
  • ゲスト向けウェルカムパケット
  • 客室内の資料

コピーボタンで URL を取得するか、QR コードを生成して印刷物に使用できます。

Tip

ホスティングページは最も簡単な配信方法です。技術的なセットアップは不要 — リンクを共有するだけです。

ウィジェット埋め込み

自サイトへの埋め込みには、2つのオプションがあります:

シンプル埋め込み

マップを自動レンダリングする単一の script タグ:

Simple embed
<script src="https://b2b.tickadoo.com/widget/map-widget.iife.js" data-connect-map="YOUR_MAP_ID"></script>

アドバンス埋め込み

配置とスタイリングを完全に制御できる Web Component:

Advanced embed
<script src="https://b2b.tickadoo.com/widget/map-widget.iife.js" defer></script>
<tickadoo-map map-id="YOUR_MAP_ID" style="height: 500px"></tickadoo-map>

詳しい埋め込み手順については、ウィジェットの埋め込みガイドをご覧ください。

QR コード

配信ページでは、ホスティング予約ページへの QR コードが生成されます。以下の形式でダウンロードできます:

  • PNG — デジタル用途(メール、プレゼンテーション、画面表示)
  • SVG — 印刷物(チラシ、ポスター、テントカード)
QR コードをどこに掲示すべきですか?

一般的な掲示場所:

  • ホテル客室のウェルカムカードやテレビ画面
  • フロントデスクの資料
  • レストランのテーブルテント
  • ロビーのポスターやデジタルサイネージ
  • イベントの配布物やパンフレット

プレビュー

ページ上部のプレビューボタンを使用して、ゲストが体験する内容を正確に確認できます:

  • 予約ページをプレビュー — ホスティングページを開きます
  • ウィジェット埋め込みをプレビュー — 埋め込みウィジェットの表示を確認

デザインバリアント

ホスティング予約ページのプレビュー時に、デザインバリアントセレクターを使用して異なるページレイアウトを切り替えられます:

  • Classic — 伝統的なレイアウト
  • Modern — 更新されたスタイルの現代的なデザイン
  • Bold — 目を引くビジュアルのインパクトのあるレイアウト

選択したバリアントはプレビュー URL にクエリパラメータとして反映されます(例:?variant=modern)。