HubSpot 콘텐츠에 Google 지도 추가

HubSpot 콘텐츠에 대화형 Google 지도를 추가하려면 지도의 임베드 코드를 복사하여 서식 있는 텍스트 모듈의 소스 코드에 추가하면 됩니다.

Google 지도의 임베드 코드 가져오기

• Google 지도로 이동합니다.
• 검색창에 주소를 입력합니다.
• 주소 목록에서 공유를 클릭합니다 .

• 대화 상자에서 지도 삽입 탭을 클릭합니다.
• 지도 크기 드롭다운 메뉴를 클릭하고 크기를 선택합니다.
• HTML 복사를 클릭하여 지도의 임베드 코드를 복사합니다.
  

드래그 앤 드롭 편집기에서 Google 지도 추가하기

• 콘텐츠로 이동합니다:

  • 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서 왼쪽 사이드바의 add 추가 아이콘을 클릭합니다.
• 클릭하여 텍스트 섹션을 확장한 다음 서식 있는 텍스트 모듈을 클릭하고 제자리에 끌어다 놓습니다.
• 서식 있는 텍스트 도구 모음에서 고급 드롭다운 메뉴를 클릭하고 소스 코드를 선택합니다.
• 대화 상자에서 지도의 임베드 코드를 붙여넣은 다음 저장을 클릭합니다.

• 변경 사항을 적용하려면 오른쪽 상단의 게시 또는 업데이트를 클릭합니다.

드래그 앤 드롭 영역 없이 콘텐츠에 Google 지도 추가하기

콘텐츠에 드래그 앤 드롭 영역이 없는 경우 템플릿에 직접 서식 있는 텍스트 모듈을 추가한 다음 콘텐츠 편집기에서 서식 있는 텍스트 모듈을 편집해야 합니다.

템플릿에 서식 있는 텍스트 모듈 추가하기

• 모듈 설치가 완료되면 콘텐츠로 이동합니다:

  • 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
• 콘텐츠의 이름을 클릭합니다.
• 설정 메뉴를 클릭하고 템플릿을 선택합니다.
• 이 템플릿 편집을 클릭합니다.

• 디자인 관리자에서 인스펙터에서 + 추가를 클릭합니다.
• 검색창에 서식 있는 텍스트를 입력합니다.
• 서식 있는 텍스트모듈을 클릭하고 템플릿의 위치로 드래그합니다.
• 오른쪽 상단에서 변경사항 게시를 클릭합니다.

서식 있는 텍스트 모듈에 임베드 코드를 삽입합니다.

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지로 이동합니다: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서서식 있는텍스트 모듈을 클릭합니다.
• 서식 있는 텍스트 도구 모음에서 고급 드롭다운 메뉴를 클릭하고 소스 코드를 선택합니다.
• 대화 상자에서 지도의 임베드 코드를 붙여넣은 다음 저장을 클릭합니다.

• 변경 사항을 적용하려면 오른쪽 상단의 게시 또는 업데이트를 클릭합니다.