ドキュメントお問い合わせ

WordPress などのウェブサイトにツアー予約ウィジェットを追加する方法

無料の WordPress プラグインか HTML スニペットで、ツアーとオンライン予約をご自身のウェブサイトに表示します。ウェブサイトを編集する権限と、訪問者が支払えるように設定したオンライン決済が必要です。

予約ウィジェットの主な特長


予約デモでお試しください。TourTask のウェブサイトには、予約ウィジェットが組み込まれています。

リアルタイムの空き状況

訪問者が予約するときに、リアルタイムで確認されます。

いつでも最新

ツアーと料金は TourTask から直接読み込まれます。

購入手続きと支払い

訪問者はオンラインで支払い、予約はすぐに TourTask に入ります。

レイアウトと色

サイトに合わせて、4 種類のレイアウトと 6 種類の色から選べます。

確認制のリクエスト

手動で確認するツアーは、リクエストとして届きます。

エージェントも予約可能

登録済みのエージェントには、決済時に専用の料金が適用されます。

WordPress サイトにウィジェットを追加する


複数のサービスエリアには Service area ID が必要です

ウィジェットは、1 ページにつき 1 つのサービスエリアを表示します。エリアの番号を調べるには、HTML タブのサービスエリアでそのエリアを選びます。すると、スニペットの data-service-area-id の後に番号が表示されます。

  1. 1

    プラグインをインストールする

    WordPress で Plugins → Add New Plugin を開いて TourTask を検索し、Install Now、Activate の順に押します。

  2. 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 タブの説明どおりにスニペットに入力します。登録したページが 1 つあれば、そのドメイン全体が対象になります。

カード、写真カード、タイルのレイアウトでは、ツアーごとに独自のアドレスが付き、ツアー名がタイトルになります。WordPress では、検索結果に表示されるのは各ツアーではなく、ツアーページです。

WordPress では、TourTask → Settings の Force full width を変更してみてください。カートのバーがヘッダーの後ろに隠れる場合は、Advanced の Use a custom header element をオンにします。

ほかのウェブサイトでは、HTML タブに記載されたヘッダーの属性を追加します。それでも解決しない場合は、サポートにお問い合わせください。

追加費用はかかりません。予約ウィジェットは TourTask に含まれており、WordPress プラグインも無料です。TourTask 自体の料金は料金ページに掲載しています。

このページは役に立ちましたか?