メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Meetings

スケジューリングウィジェットのページへの埋め込み

更新日時 2021年 10月 20日

対象製品

すべての製品とプラン

スケジューリングウィジェットをページの1つに埋め込むことで、訪問者がサイト内であなたとの時間を予約できるようになります。お使いのHubSpotサブスクリプションに応じて、スケジューリングウィジェットを外部ページの1つに埋め込むか、ミーティングモジュールを使用してHubSpotがホストするページに埋め込むことができます。

スケジューリングウィジェットの外部ページへの埋め込み

注:お客様のユーザーが埋め込みコードを利用するには、お客様が有効なセールスアクセス権限またはService Hubアクセス権限を持っている必要があります。

  • HubSpotアカウントにて、[セールス] > [ミーティング]の順に進みます。
  • ミーティングの上にカーソルを置いて、[アクション]ドロップダウンメニューをクリックし、[埋め込み]を選択します。

embed-a-meeting-link

  • [コードをコピー]をクリックします。

  • この埋め込みコードを外部ページのコードに貼り付けると、訪問者にスケジュールウィジェットが表示されます。

コードを埋め込んだページにウィジェットが表示されます。ウィジェットの色と、サイトに埋め込んだときにウィジェットに表示されるロゴの色を変更する方法を確認します。

スケジューリングウィジェットをHubSpotのページに埋め込む

ご注意:あなたは、ユーザーがマーケティングハブまたはCMSハブアカウントのユーザーでなければ、HubSpotがホストするページにスケジューリングウィジェットを埋め込むことはできません。

スケジュールウィジェットをHubSpotのページに埋め込むには、ミーティングモジュールをページに追加します。モジュールは共通のモジュールの一つとしてページエディターに含まれます。そして、そのページのウィジェット用にスケジュールページをカスタマイズします。

  • コンテンツに移動します。
    • ウェブサイトのページです。HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
    • ランディングページです。HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
  • Meetingsモジュールを追加するページの上にカーソルを置き、[編集]をクリックします。
  • ページエディターの左側のパネルで、Meetingsモジュールをクリックし、ページレイアウト上の位置にドラッグします。

会議用リンクの挿入

  • 会議のリンクを選択するには、モジュールをクリックします。
  • 左のパネルで「Select meeting link」ドロップダウンメニューをクリックし、ミーティングリンクを選択します。そのリンク先のスケジュールページがウィジェットに表示されます。
  • ページを更新して、スケジュール管理のページを表示するには、「こちらをクリック」してください。
ミーティングのリンクをページに挿入する
  • 右上の[公開]または[更新]をクリックして、変更内容を公開します。

モジュールを追加したページにウィジェットが表示されます。ウィジェットの色と、サイトに埋め込んだときにウィジェットに表示されるロゴの色を変更する方法を確認します。