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

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

更新日時 2019年 6月 21日

対象製品

Sales Hub  Starter, Professional

ミーティングウィジェットをいずれかのページに埋め込めば、訪問者はサイトにいながらにしてミーティングを予約できます。


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

HubSpotページにミーティングウィジェットを埋め込むには、HubSpotにより作成されたMeetingsモジュールをインストールして、ページテンプレートでこのモジュールを追加します。次に、ページでウィジェットのミーティングリンクをカスタマイズします。

Meetingsモジュールをインストールする

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [テンプレートマーケットプレイス]の順に進みます。
  • 右上でMeetingsを検索します。Meetingsモジュールのリストが表示されます。
  • Meetingsモジュールのリストの上にカーソルを置き、[詳細を表示]をクリックします。
  • 右上の[無料でモジュールを入手]をクリックしてHubSpotアカウントでMeetingsモジュールをインストールします。

テンプレートでMeetingsモジュールを追加する

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • ファインダーでテンプレートの名前をクリックします。
  • テンプレートインスペクターで、[+ 追加]をクリックします。

  • Meetingsモジュールを検索し、テンプレートの目的のエリアにドラッグ&ドロップします

  • 右上の [公開]をクリックして、このテンプレートを使用するすべてのHubSpotページにミーティングウィジェットを追加します。

ページでミーティングリンクをカスタマイズする

  • HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。
  • ミーティングウィジェットを使用するページの上にカーソルを置き、[編集]をクリックします。
  • ページエディターでMeetingsモジュールをクリックします。
  • 左のペインで[ミーティングリンク]ドロップダウンメニューをクリックし、ウィジェットのミーティングリンクを選択して[適用]をクリックします。
  • 右上の [公開]または[更新]をクリックして、変更内容を公開します。

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

  • HubSpotアカウントにて、[セールス] > [ミーティング]の順に進みます。
  • ミーティングの上にカーソルを置き、[エンベッド]をクリックします。

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

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

コードを埋め込んだページにウィジェットが表示されます。

ミーティングウィジェットをスタイル設定する

ウィジェットの色と、サイトに埋め込んだときにウィジェットに表示されるロゴの色を変更できます。

注:この設定は、コミュニケーションツールを除くすべてのセールス機能について、アカウントに含まれるすべてのユーザーに適用されます。 

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[アカウントの既定値]を選択します。
  • [ブランディング]タブをクリックし、タブを移動してウィジェットのロゴと色を編集します。
    • [ロゴ]タブをクリックし、[アップロード]をクリックして新しいロゴ画像を追加するか、[画像を参照]を選択してファイルマネージャーからロゴを選択します。
    • [色]タブをクリックし、基本を選択します。16進数値フィールドの右側でをクリックしてカスタムカラーを選択し、それからカラーグラディエントを使用してカスタムカラーを選択するか、または手動で16進数値を入力します。第2色と、必要であればアクセント色も、同様に設定できます。branding-tab-pick-colors
  • [保存]をクリックします。