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

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

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

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

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

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

시작하기 전에

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

요구 사항

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

HubSpot Embed 켜기

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

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

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

Salesforce 클래식

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

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

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

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

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

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

라이트닝 경험

• Salesforce 계정으로 이동합니다.
• 오른쪽 상단에서 톱니바퀴 아이콘 ( settings )을 클릭하고 설정( settings )을 선택합니다.
• 왼쪽 사이드바 메뉴의 플랫폼 도구 섹션에서 개체 및 필드 > 개체 관리자로 이동합니다.
  
• 개체 목록에서 리드 또는 연락처를 클릭합니다.
• 왼쪽 사이드바 메뉴에서 페이지 레이아웃으로 이동합니다.
• 페이지 레이아웃의 이름을 클릭합니다.

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

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

• 대화 상자에서 섹션 이름 (예: HubSpot 정보)을 입력합니다.
• 레이아웃에서 1열을 선택합니다. 확인을 클릭합니다.

• 도구 모음의 왼쪽 사이드바 메뉴에서 Visualforce 페이지를 선택합니다.
• 도구 모음에서 허브스팟_임베드_[객체 유형]_V2 항목을 클릭하고 페이지 레이아웃의 새로 만든 섹션으로 끌어다 놓습니다.

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

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

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

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

HubSpot Embed 오류 해결

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

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

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

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