Meetings

ページにミーティングウィジェットを埋め込む

更新日時 2020年 10月 19日

対象製品

すべての製品とプラン

ミーティングウィジェットをいずれかのページに埋め込めば、訪問者は自分たちのサイトにいながらにしてミーティングを予約できます。利用しているHubSpotサブスクリプションに応じて、外部ページにもHubSpotがホストするページにも、Meetingsモジュールを使用してミーティングウィジェットを埋め込むことができます。

外部ページにミーティングウィジェットを埋め込む

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

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

embed-a-meeting-link

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

  • ミーティングウィジェットを訪問者に表示するには、この埋め込みコードを外部ページのコードに貼り付けます。

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

HubSpotページにミーティングウィジェットを埋め込む

注:HubSpotがホストするページにミーティングウィジェットを埋め込むには、Marketing HubまたはCMS Hubアカウントのユーザーである必要があります。

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

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

add-meetings-module-to-page

  • ミーティングリンクを選択するには、モジュールをクリックします。
  • 左のパネルで[ミーティングリンクを選択]ドロップダウンメニューをクリックし、ウィジェットで表示するミーティングリンクを選択して[変更を適用]をクリックします。
select-meeting-link-in-meetings-module
  • 右上の[公開]または[更新]をクリックして、変更内容を公開します。

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