ミーティングウィジェットをいずれかのページに埋め込めば、訪問者はサイトにいながらにしてミーティングを予約できます。
HubSpotページにミーティングウィジェットを埋め込む
HubSpotページにミーティングウィジェットを埋め込むには、HubSpotにより作成されたMeetingsモジュールをインストールして、ページテンプレートでこのモジュールを追加します。次に、ページでウィジェットのミーティングリンクをカスタマイズします。
Meetingsモジュールをインストールする
- HubSpotアカウントにて、ナビゲーションバーに表示される［マーケットプレイスアイコン ］をクリックします。
- 右上でMeetingsを検索します。Meetingsモジュールのリストが表示されます。
- Meetingsモジュールのリストの上にカーソルを置き、[詳細を表示]をクリックします。
- 右上の[無料でモジュールを入手]をクリックしてHubSpotアカウントでMeetingsモジュールをインストールします。
テンプレートでMeetingsモジュールを追加する
- HubSpotアカウントにて、［マーケティング］ > ［ファイルとテンプレート］ > ［デザインツール］の順に進みます。
- ファインダーでテンプレートの名前をクリックします。
-
テンプレートインスペクターで、[+ 追加]をクリックします。
-
Meetingsモジュールを検索し、テンプレートの目的のエリアにドラッグ&ドロップします。
- 右上の [公開]をクリックして、このテンプレートを使用するすべてのHubSpotページにミーティングウィジェットを追加します。
ページでミーティングリンクをカスタマイズする
- HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。
- ミーティングウィジェットを使用するページの上にカーソルを置き、[編集]をクリックします。
- ページエディターでMeetingsモジュールをクリックします。
- 左のペインで[ミーティングリンク]ドロップダウンメニューをクリックし、ウィジェットのミーティングリンクを選択して[適用]をクリックします。
- 右上の [公開]または[更新]をクリックして、変更内容を公開します。
外部ページにミーティングウィジェットを埋め込む
- HubSpotアカウントにて、［セールス］ > ［ミーティング］の順に進みます。
- ミーティングの上にカーソルを置き、[エンベッド]をクリックします。
- [コードをコピー]をクリックします。
- ミーティングウィジェットを訪問者に表示するには、この埋め込みコードを外部ページのコードに貼り付けます。
コードを埋め込んだページにウィジェットが表示されます。
ミーティングウィジェットをスタイル設定する
ウィジェットの色と、サイトに埋め込んだときにウィジェットに表示されるロゴの色を変更できます。
注：この設定は、コミュニケーションツールを除くすべてのセールス機能について、アカウントに含まれるすべてのユーザーに適用されます。
- HubSpotアカウントにて、ナビゲーションバーに表示される［設定アイコン ］をクリックします。
- 左のサイドバーメニューで、[アカウントの既定値]を選択します。
- [ブランディング]タブをクリックし、タブを移動してウィジェットのロゴと色を編集します。
- [ロゴ]タブをクリックし、[アップロード]をクリックして新しいロゴ画像を追加するか、[画像を参照]を選択してファイルマネージャーからロゴを選択します。
- [色]タブをクリックし、基本色を選択します。16進数値フィールドの右側で色をクリックしてカスタムカラーを選択し、それからカラーグラディエントを使用してカスタムカラーを選択するか、または手動で16進数値を入力します。第2色と、必要であればアクセント色も、同様に設定できます。
- [保存]をクリックします。