WordPress などのウェブサイトにツアー予約ウィジェットを追加する方法
無料の WordPress プラグインか HTML スニペットで、ツアーとオンライン予約をご自身のウェブサイトに表示します。ウェブサイトを編集する権限と、訪問者が支払えるように設定したオンライン決済が必要です。
予約ウィジェットの主な特長
予約デモでお試しください。TourTask のウェブサイトには、予約ウィジェットが組み込まれています。
リアルタイムの空き状況
訪問者が予約するときに、リアルタイムで確認されます。
いつでも最新
ツアーと料金は TourTask から直接読み込まれます。
購入手続きと支払い
訪問者はオンラインで支払い、予約はすぐに TourTask に入ります。
レイアウトと色
サイトに合わせて、4 種類のレイアウトと 6 種類の色から選べます。
確認制のリクエスト
手動で確認するツアーは、リクエストとして届きます。
エージェントも予約可能
登録済みのエージェントには、決済時に専用の料金が適用されます。
WordPress サイトにウィジェットを追加する
- 1
プラグインをインストールする
WordPress で Plugins → Add New Plugin を開いて TourTask を検索し、Install Now、Activate の順に押します。
- 2
2 つの値をコピーする
TourTask でウェブサイトの統合 → ツアーを開き、WordPress タブのビジネスID とビジネストークンをコピーします。
- 3
プラグインを接続する
WordPress の TourTask → Settings に両方を貼り付けます。自動で保存されます。
- 4
ショートコードを作成する
TourTask → Shortcode で、Page type(Activities)と Language を選びます。複数のサービスエリアがある場合は、Service area ID も入力します。そのあと Copy を押します。
- 5
ツアーページに貼り付ける
ツアーを表示したい場所にショートコードを貼り付け、ページを公開します。
- 6
ページを登録する
TourTask のウェブサイト上のアクティビティページの URL で、そのページの言語の欄にページのアドレスを貼り付けます。登録するまで、ウィジェットにはこのウェブサイトはTourTaskに登録されていませんと表示されます。
ほかのウェブサイトにウィジェットを追加する
- 1
HTML タブを開く
TourTask でウェブサイトの統合 → ツアーを開き、HTML タブを開きます。
- 2
言語とエリアを選ぶ
複数の言語やサービスエリアがある場合は、ページの言語と、サービスエリアでそのエリアを選びます。
- 3
スニペットをコピーする
コピーボタンで、スニペット全体をコピーします。
- 4
ページに貼り付ける
ツアーを表示したいページの HTML に貼り付け、ページを公開します。
- 5
ページを登録する
ウェブサイト上のアクティビティページの URL で、そのページの言語の欄にページのアドレスを貼り付けます。登録するまで、ウィジェットにはこのウェブサイトはTourTaskに登録されていませんと表示されます。
複数の言語でウィジェットを使う
予約ウィジェットは、ショートコードまたはスニペットで選んだ言語で表示され、言語の切り替えはありません。複数の言語で使うには、言語ごとにページを作ります。予約メールのリンクがそのページにつながるよう、各ページをウェブサイト上のアクティビティページの URL のその言語の欄に登録します。
レイアウトと色を選ぶ
ウェブサイトの統合 → ツアーの下の方で、インターフェースレイアウトとストアフロントの色を選びます。変更はそれぞれ自動で保存されます。
全幅では、すべてのツアーがページ上に全体表示されます。カード、写真カード、タイルでは各ツアーがウィンドウで開き、ツアーごとに共有できる独自のアドレスが付きます。
よくある質問
はい。ツアー → カテゴリーの番号を使って、各ページを特定のツアーカテゴリーに絞り込みます。番号は TourTask → Shortcode の Tour category IDs に入力するか、HTML タブの説明どおりにスニペットに入力します。登録したページが 1 つあれば、そのドメイン全体が対象になります。
カード、写真カード、タイルのレイアウトでは、ツアーごとに独自のアドレスが付き、ツアー名がタイトルになります。WordPress では、検索結果に表示されるのは各ツアーではなく、ツアーページです。
WordPress では、TourTask → Settings の Force full width を変更してみてください。カートのバーがヘッダーの後ろに隠れる場合は、Advanced の Use a custom header element をオンにします。
ほかのウェブサイトでは、HTML タブに記載されたヘッダーの属性を追加します。それでも解決しない場合は、サポートにお問い合わせください。
追加費用はかかりません。予約ウィジェットは TourTask に含まれており、WordPress プラグインも無料です。TourTask 自体の料金は料金ページに掲載しています。