HubSpot VisualforceウィンドウをSalesforceページレイアウトに追加する
更新日時 2022年 3月 30日
HubSpot Visualforceウィンドウは、SalesforceリードまたはコンタクトがHubSpotで行っているインタラクションの概要を表示するiframeです。ウィンドウにはコンタクトのHubSpotコンタクト レコード タイムライン(フォーム送信、マーケティングEメール送信、HubSpotスコアなど)が表示され、HubSpotコンタクトレコードへのリンクが含まれます。Visualforceウィンドウではフィルターを使用して、表示するタイムラインアクティビティーを絞り込むことができます。
HubSpot VisualforceウィンドウをSalesforceリードおよびコンタクト ページ レイアウトに追加できる
注意: Visualforceウィンドウのコンテンツを表示するには、HubSpotのユーザー作成機能を使用してSalesforceユーザーをHubSpotに直接インポートする必要があり、HubSpotの連絡先表示アクセス権が最低限必要です。
Visualforce ウィンドウは、Salesforce のコンタクト、アカウント、およびオポチュニティのレイアウトに追加することができます。
Salesforce のアカウントやオポチュニティの情報を Visualforce ページに表示するには、そのアカウントやオポチュニティが HubSpot の企業や取引と同期しており、その企業や取引に関連付けられた同期中の連絡先がある必要があります。対応する HubSpot 企業または案件レコードのタイムライン情報は、Visualforce ウィンドウに表示されません。代わりに、最も最近同期された関連連絡先の情報がウィンドウに表示されます。
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ウィンドウを追加する他のリードまたはコンタクトページのレイアウトについて、次の手順を繰り返します。
Thank you for your feedback, it means a lot to us.
関連記事
-
HubSpotでShopifyのデータを分析する
HubSpotアカウントにShopifyを接続すると、HubSpotでデータを分析したり、eコマースダッシュボードを作成したり、カゴ落ちメールを作成したり、ワークフローで注文を自動化したりできるようになります。 注意:...
ナレッジベース -
HubSpotとZoomウェビナーを利用する
Zoom連携を接続すると、ZoomからHubSpotにウェビナーの登録および出席情報を同期して、この情報を基にHubSpotでコンタクトをセグメント化できるようになります。また、...
ナレッジベース -
HubSpotのSalesforce連携をインストールする
HubSpotとSalesforceの連携機能を使用すると、HubSpotとSalesforceの間でデータをシームレスにやり取りして、マーケティング部門と営業部門で一貫した顧客対応を実現できるようになります。 注:...
ナレッジベース