HubSpot 및 워드프레스에 콘텐츠 삽입

콘텐츠 임베드 기능을 사용하면 HubSpot에서 콘텐츠 섹션을 만든 다음 이를 HubSpot 또는 워드프레스 웹사이트에 임베드할 수 있습니다.

시작하기 전에

이 기능으로 작업을 시작하기 전에 미리 어떤 단계를 거쳐야 하는지, 이 기능의 제한 사항과 사용 시 발생할 수 있는 결과를 완전히 이해해야 합니다.

제한 사항 및 고려 사항 이해

• 이 문서에 설명된 콘텐츠 임베드 기능은 블로그 글 모듈을 지원하지 않습니다.
• 외부 페이지(예: 워드프레스)에 임베드된 콘텐츠는 HubSpot이 아닌 외부 페이지에서 스타일을 가져옵니다.
• 워드프레스의 구텐베르크 편집기만 콘텐츠 임베딩을 지원합니다.
• 임베드된 콘텐츠는 iframe을 통해 로드되지 않고 자바스크립트로 삽입됩니다. 검색 엔진은 자바스크립트를 실행하여 임베드된 콘텐츠를 찾을 수 있으므로 아이프레임으로 인해 발생할 수 있는 SEO 문제를 피할 수 있습니다.

콘텐츠 임베드 만들기

드래그 앤 드롭 편집 도구에서 콘텐츠 임베드를 사용하여 고유한 콘텐츠 섹션을 만들 수 있습니다.

• HubSpot 또는 워드프레스 페이지에서 사용할 콘텐츠 임베드를 만들려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 내장으로 이동합니다.
  2. 오른쪽 상단에서 임베드 만들기를 클릭합니다.
  3. 대화 상자에서 콘텐츠 임베드의 이름을 입력한 다음 만들기를 클릭합니다.
  4. 콘텐츠 임베드 에디터의 왼쪽 사이드바에서 add 추가 아이콘을 클릭합니다.
  5. 사이드바 편집기에서 레이아웃 탭을 클릭한 다음 레이아웃을 클릭하고 원하는 위치로 끌어다 놓습니다.
  6. 왼쪽 사이드바에서 add 추가 아이콘을 클릭한 다음 모듈을 클릭하고 레이아웃으로 끌어다 놓습니다.

• 7. 콘텐츠 임베드를 미리 보려면 오른쪽 상단에서 미리 보기를 클릭합니다.
• 콘텐츠 임베드 편집을 마치면 오른쪽 상단의 게시를 클릭한 다음 대화 상자에서 게시를 클릭합니다.

HubSpot에 콘텐츠 삽입

콘텐츠 임베드를 게시한 후에는 HubSpot 페이지에 콘텐츠를 임베드할 수 있습니다. 임베드 코드를 사용하여 콘텐츠를 임베드할 수도 있습니다.

• 페이지에 콘텐츠를 삽입하려면

  1. 콘텐츠로 이동합니다:

     • 웹사이트 페이지로 이동합니다:
     • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  2. 페이지 이름을 클릭합니다.
  3. 콘텐츠 편집기에서 왼쪽 사이드바의 add 추가 아이콘을 클릭합니다.
  4. 사이드바 편집기에서 섹션 탭을 클릭한 다음 콘텐츠 임베드를 클릭하고 페이지의 원하는 위치로 드래그합니다.

• 5. 콘텐츠 편집기의 드래그 앤 드롭 편집 도구를 사용하여 콘텐츠 임베드의 콘텐츠를 편집합니다.
• 콘텐츠 임베드와 페이지 편집을 완료했으면 오른쪽 상단의 게시를 클릭합니다.

워드프레스에 콘텐츠 삽입

콘텐츠 임베드를 게시하면 워드프레스 페이지에 콘텐츠를 임베드할 수 있습니다. 임베드 코드를 사용하여 콘텐츠를 임베드할 수도 있습니다.

• 워드프레스에 콘텐츠를 삽입하려면:
  1. HubSpot의 워드프레스 플러그인을 다운로드하여 설치합니다.
  2. 콘텐츠 임베드 플러그인을 다운로드하고 제공된 .zip 파일을 사용하여 워드프레스에 플러그인을 설치합니다.
  3. 워드프레스에서 편집기에서 페이지를 엽니다.
  4. 편집기에서 /를 입력한 다음 HubSpot 콘텐츠 임베드를 입력합니다.
  5. 콘텐츠 임베드를 선택하거나 새 콘텐츠 임베드를 만듭니다.

• 6. 워드프레스에서 임베드 콘텐츠를 편집하려면 임베드 위로 마우스를 가져간 다음 클릭하여임베드 편집을 클릭합니다.
• 페이지 편집을 완료했으면 오른쪽 상단의 게시를 클릭합니다.