Salesforce 페이지 레이아웃에 HubSpot 임베드 창을 추가합니다.

참고: HubSpot의 레거시 Visualforce 모듈이 포함된 Salesforce의 레거시 관리형 패키지는 더 이상 사용되지 않습니다. 여전히 레거시 Visualforce 모듈을 사용 중인 경우 Salesforce에서 해당 패키지를 제거하고 대신 앞으로 HubSpot Embed를 사용하는 것이 좋습니다.

HubSpot Embed는 Salesforce 레코드에 있는 HubSpot 상호 작용 및 활동의 요약을 표시하는 Salesforce 내의 iframe입니다. 이 프레임워크는 Salesforce의 Visualforce 프레임워크 내에 있습니다.

모든 Salesforce 연락처, 리드, 계정 또는 기회 레코드에 HubSpot Embed를 추가할 수 있습니다. 모바일 애플리케이션 및 모바일 애플리케이션의 인앱 브라우저에서는 HubSpot Embed 동영상이 지원되지 않습니다.

HubSpot Embed를 사용하면 가능합니다:

• 개체 레코드의 타임라인과 연결된 모든 개체를 Salesforce에서 볼 수 있습니다.
• 워크플로에 개체를 등록하고 이전 워크플로 등록을 볼 수 있습니다.
• 개체 레코드의 속성 및 속성 기록을 봅니다.
• Salesforce를 통해 HubSpot에서 직접 회의를 예약하세요.
• Salesforce를 통해 연락처를 시퀀스에 등록합니다.

시작하기 전에

이 기능으로 작업을 시작하기 전에 미리 어떤 단계를 수행해야 하는지 완전히 이해해야 합니다.

요구 사항

• HubSpot-Salesforce 통합이 설치되어 있어야 합니다.
• HubSpot 임베드 창을 설치하고 자동 업데이트를 보장하려면 Salesforce 사용자에게 애플리케이션 사용자 지정 프로필 권한이 필요합니다.
• Salesforce 레코드에서 HubSpot 임베드 창을 보려면 Salesforce 사용자도 HubSpot의 사용자이고 후자의 시스템에 로그인해야 합니다. 사용자에게는 HubSpot에서 레코드 보기 권한이 필요합니다.
• Salesforce 계정 또는 기회 레코드에 대한 정보를 표시하려면 해당 계정 또는 기회가 각 HubSpot 회사 또는 거래와 동기화되어 있어야 하며, 후자의 경우 연결된 동기화 연락처가 있어야 합니다.

HubSpot 임베드 켜기

1. HubSpot 계정에서 상단 탐색 모음에 있는 settings 설정 아이콘을 클릭합니다. 왼쪽 사이드바 메뉴에서 통합 > 연결된 앱으로 이동합니다.
2. Salesforce를 클릭합니다 .
3. 기능 검색 탭을 클릭합니다.
4. HubSpot 임베드 설치를 클릭합니다.

HubSpot 임베드를 설치한 후 Salesforce 계정에 로그인하여 설정을 계속 진행합니다. 관련 Salesforce 인터페이스는 아래 단계를 따르세요:

• Salesforce 클래식
• 라이트닝 경험

Salesforce 클래식

1. Salesforce 계정으로 이동합니다.
2. 오른쪽 상단에서 설정 (또는 [사용자 이름] > 설정)을 클릭합니다.
3. Salesforce 레코드 페이지 레이아웃에 HubSpot 임베드 창을 추가하려면 왼쪽 사이드바 메뉴의 빌드 섹션에서 사용자 지정 > 리드/연락처/계정/기회 > 페이지 레이아웃으로 이동합니다.

4. 페이지 레이아웃 목록이 표시됩니다. 페이지 레이아웃의 이름 옆의 편집을 클릭합니다.

참고: 페이지 레이아웃이 여러 개 있는 경우, 창을 표시하려는 각 페이지 레이아웃에 HubSpot 임베드 창을 추가해야 합니다.

5. 도구 모음에서 섹션 항목을 클릭하고 페이지 레이아웃의 원하는 위치로 끌어다 놓습니다.

6. 대화 상자에서 섹션 이름 (예: HubSpot 정보)을 입력합니다. 레이아웃에서 1열을 선택합니다. 확인을 클릭합니다.
7. 도구 모음의 왼쪽 사이드바 메뉴에서 Visualforce 페이지를 선택합니다.
8. 도구 모음에서 HubSpot_임베드_[객체 유형]_V2 항목을 클릭하고 페이지 레이아웃에서 새로 만든 섹션으로 드래그합니다.

9. 새 HubSpot 임베드 창 위로 마우스를 가져가 오른쪽 상단의 렌치 아이콘을 클릭합니다.
10. 대화 상자에서 창 높이를 500으로 변경한 다음 확인을 클릭합니다.

11. 툴바의 왼쪽 상단에서 저장을 클릭하여 레이아웃 변경 사항을 적용합니다.
12. Salesforce 연락처, 리드, 계정 또는 기회 레코드로 이동하여 HubSpot 임베드 창을 확인합니다.
13. HubSpot 임베드 창을 추가하려는 다른 페이지 레이아웃에 대해서도 이 단계를 반복합니다.

라이트닝 경험

1. Salesforce 계정으로 이동합니다.
2. 오른쪽 상단에서 톱니바퀴 아이콘 ( settings )을 클릭하고 settings 설정을 선택합니다.
3. 왼쪽 사이드바 메뉴의 플랫폼 도구 섹션에서 개체 및 필드 > 개체 관리자로 이동합니다.

4. 개체 목록에서 리드 또는 연락처를 클릭합니다.
5. 왼쪽 사이드바 메뉴에서 페이지 레이아웃으로 이동합니다.
6. 페이지 레이아웃의 이름을 클릭합니다.

참고: 페이지 레이아웃이 여러 개 있는 경우 창을 표시하려는 각 페이지 레이아웃에 Visualforce 창을 추가해야 합니다.

7. 도구 모음에서 섹션 항목을 클릭하고 페이지 레이아웃의 원하는 위치로 끌어다 놓습니다.

8. 대화 상자에서 섹션 이름 (예: HubSpot 정보)을 입력합니다.
9. 레이아웃에서 1열을 선택합니다. 확인을 클릭합니다.
10. 도구 모음의 왼쪽 사이드바 메뉴에서 Visualforce 페이지를 선택합니다.
11. 도구 모음에서 HubSpot_임베드_[개체 유형]_V2 항목을 클릭하고 페이지 레이아웃의 새로 만든 섹션으로 끌어다 놓습니다.

12. 오른쪽 상단에서 새로 만든 섹션 위로 마우스를 가져가 렌치 아이콘을 클릭합니다.
13. 대화 상자에서 창 높이를 500으로 변경한 다음 확인을 클릭합니다.

14. 툴바의 왼쪽 상단에서 저장을 클릭하여 레이아웃 변경 사항을 적용합니다.
15. Salesforce 리드 또는 연락처 레코드로 이동하여 세부 정보 탭을 클릭하여 HubSpot 임베드 창을 확인합니다.
16. HubSpot 임베드 창을 추가하려는 다른 페이지 레이아웃에 대해서도 이 단계를 반복합니다.

Lightning 앱 빌더에 HubSpot 임베드 창을 추가하려면 다음과 같이 하세요:

1. Salesforce 계정의 왼쪽 사이드바에서 Visualforce 페이지를 검색하고 클릭합니다.
2. 각 HubSpot_Embed_[object]_V2 페이지에 대해 편집을 클릭합니다.
3. 조명 경험, 경험 빌더 사이트 및 모바일 앱에 사용 가능 확인란을 선택합니다.
4. 각 개체 유형에 대해 이 단계를 반복합니다.
5. 라이트닝 레코드 페이지에 추가하는 경우 페이지에 표준 Visualforce 컴포넌트를 추가한 다음 적절한 HubSpot 임베드 페이지를 선택합니다.

HubSpot 임베드 오류 해결

HubSpot 임베드 창에 다음 오류가 표시될 수 있습니다:

이 연락처에 대한 HubSpot 정보가 없습니다. 이 연락처를 찾을 수 없습니다. 이 오류가 오류라고 생각되면 HubSpot 계정 관리자에게 문의하세요.

이 오류를 해결하려면 다음과 같이 하세요:

• 보고 있는 Salesforce 레코드가 현재 올바른 HubSpot 연락처와 동기화되어 있는지 확인합니다.
• HubSpot 임베드 창을 보려는 사용자에게 특정 연락처 레코드를 볼 수 있는 올바른 권한이 HubSpot에 있는지 확인합니다.