HubSpot VisualforceウィンドウをSalesforceページレイアウトに追加する

HubSpot Visualforceウィンドウは、SalesforceリードまたはコンタクトがHubSpotで行っているインタラクションの概要を表示するiframeです。ウィンドウにはコンタクトのHubSpotコンタクト レコード タイムライン（フォーム送信、マーケティングEメール送信、HubSpotスコアなど）が表示され、HubSpotコンタクトレコードへのリンクが含まれます。Visualforceウィンドウではフィルターを使用して、表示するタイムラインアクティビティーを絞り込むことができます。

HubSpot VisualforceウィンドウをSalesforceリードおよびコンタクト ページ レイアウトに追加できる

• Salesforceクラシック
• Lightning Experience

Salesforceクラシック

• Salesforceアカウントに移動します。
• 右上の［Setup（セットアップ）］（または［名前］>［Setup（セットアップ）］）をクリックします。
• リードページのレイアウトにVisualforceウィンドウを追加するには、左側のサイドバーメニューの［構築］セクションで、［カスタマイズ］>［リード］>［ページレイアウト］の順に進みます。
• または、コンタクトページのレイアウトにVisualforceウィンドウを追加するには、左側のサイドバーメニューの［構築］セクションで、［カスタマイズ］>［コンタクト］>［ページレイアウト］の順に進みます。
• ページレイアウトのリストが表示されます。ページレイアウトの名前の横にある［編集］をクリックします。 

注：複数のページレイアウトがある場合は、ウィンドウを表示するそれぞれのページのレイアウトにVisualforceウィンドウを追加する必要があります。

• ツールバーの［セクション］項目をクリックし、ページレイアウトの希望する場所にドラッグ＆ドロップします。

• ダイアログボックスで［セクション名］を入力します（例：HubSpot情報）。［レイアウト］で、［1列］を選択します。［OK］をクリックします。

• ツールバーの左のサイドバーメニューで、［Visualforce Pages（Visualforceページ）］を選択します。
• ツールバーの［HubSpotリードインテリジェンス］または［HubSpotコンタクトインテリジェンス］項目をクリックし、ページレイアウト上で「新たに作成した」セクションにドラッグ＆ドロップします。

• 新しい［HubSpotリードインテリジェンス］または［HubSpotコンタクトインテリジェンス］Visualforceウィンドウにカーソルを置き、右上のレンチアイコンをクリックします。
• ダイアログボックスで、ウィンドウの高さを315に変更し、［OK］をクリックします。

• ツールバーの左上にある［保存］をクリックしてレイアウトの変更を適用します。
• HubSpot Visualforceウィンドウを表示するには、Salesforceリードまたはコンタクトレコードに移動します。

Lightning Experience

• Salesforceアカウントに移動します。
• 右上のギアアイコンsettingsをクリックし、settingsセットアップを選択します。
• 左側のサイドバーメニューの、［プラットフォームツール］セクションで、［オブジェクトとフィールド］>［オブジェクトマネージャー］の順に選択します。
• オブジェクトのリストで、［リード］または［コンタクト］をクリックします。
• 左のサイドバーメニューで、［ページレイアウト］に移動します。
• ページレイアウトの名前をクリックします。

注：複数のページレイアウトがある場合は、ウィンドウを表示するそれぞれのページのレイアウトにVisualforceウィンドウを追加する必要があります。

• ツールバーの［セクション］項目をクリックし、ページレイアウトの希望する場所にドラッグ＆ドロップします。

• ダイアログボックスで［セクション名］を入力します（例：HubSpot情報）。［レイアウト］で、［1列］を選択します。［OK］をクリックします。

• ツールバーの左のサイドバーメニューで、［Visualforce Pages（Visualforceページ）］を選択します。
• ツールバーの［HubSpotリードインテリジェンス］または［HubSpotコンタクトインテリジェンス］項目をクリックし、ページレイアウト上で「新たに作成した」セクションにドラッグ＆ドロップします。

• 新しい［HubSpotリードインテリジェンス］または［HubSpotコンタクトインテリジェンス］Visualforceウィンドウにカーソルを置き、右上のレンチアイコンをクリックします。
• ダイアログボックスで、ウィンドウの高さを315に変更し、［OK］をクリックします。

• ツールバーの左上にある［保存］をクリックしてレイアウトの変更を適用します。
• Salesforceリードまたはコンタクトレコードに移動し、［詳細］タブをクリックしてHubSpot Visualforceウィンドウを表示します。

注：HubSpot Visualforceウィンドウは、Lightning Experienceの［詳細］タブのセクションとしてのみ追加できます。このウィンドウは、カスタムタブまたはページには追加できません。

HubSpot Visualforceウィンドウを追加する他のリードまたはコンタクトページのレイアウトについて、次の手順を繰り返します。