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

スケジュール設定ページを埋め込む

更新日時 2026年1月5日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

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

スケジュール設定ページを外部ページに埋め込む

注: 埋め込みコードを利用するには、 ユーザーにセールスアクセス権限 またはサービス アクセス権限 が割り当てられている必要があります。

  1. HubSpotアカウントにて、[営業]>[ミーティング日程調整]の順に進みます。
  2. ミーティングにマウスポインターを合わせ、アクションドロップダウンメニューをクリックし、埋め込みを選択します。

[アクション]ドロップダウンメニューが選択されていて[埋め込み]オプションを指す矢印が表示されたミーティングリンク。

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

ミーティング予約ウィジェットの埋め込みコードを表示する埋め込みウィジェットポップアップウィンドウ。コードの下には、[コードをコピー]ボタン、[ウェブ開発者にEメールを送信]ボタンがあります。

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

注: 一部のリッチ テキスト エディターでは、埋め込みコードで使用されるHTMLコメントが変更される場合があります。外部ページのコードに貼り付けた後で、コンテンツの修正が必要になる場合があります。

ウィジェットの色と 、サイトに埋め込まれたときに表示されるロゴを変更する方法を説明します。

HubSpotページにスケジュール設定ウィジェットを埋め込む

注: Marketing HubまたはContent Hubアカウントのみ、HubSpotがホスティングするページにスケジュール設定ウィジェットを埋め込むことができます。

HubSpotページにスケジュール設定ウィジェットを埋め込むには:

  1. 目的のコンテンツに移動します。
    • ウェブサイトページ: HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ: HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
  2. スケジュール設定モジュールを埋め込むページのをクリックします。
  3. コンテンツエディターで、左側のサイドバーにある [+追加 ]をクリックします。
  4. 左側のパネルで ミーティングモジュール を検索し、クリックし、ページ上の位置にドラッグします。

ページエディターの[モジュールを追加]パネルで、検索バーにミーティングという用語を表示して、[他のモジュール]の下にミーティングモジュールの一覧を表示します。

  1. ミーティングリンクを選択するには、モジュールをクリックします。
  2. サイドバーエディターで、[ ミーティングを選択 ]ドロップダウンメニューをクリックし、 ミーティングリンクを選択します。そのリンク先の日程設定ページがウィジェットに表示されます。
  3. 右上の[公開]をクリックします。モジュールを追加したページにスケジュール設定ウィジェットが表示されます。

ウィジェットの色と 、サイトに埋め込まれたときに表示されるロゴを変更する方法を説明します。

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。