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

콘텐츠 임베드 기능을 사용하면 HubSpot에서 콘텐츠 섹션을 만든 다음 이를 HubSpot 또는 워드프레스 웹사이트에 임베드할 수 있습니다. 현재 워드프레스의 구텐베르크 편집기만 콘텐츠 임베딩을 지원합니다.

참고: 임베드된 콘텐츠는 iframe을 통해 로드되는 것이 아니라 JavaScript를 통해 삽입됩니다. 검색 엔진은 자바스크립트를 실행할 수 있고 임베드된 콘텐츠를 인식할 수 있으므로 아이프레임으로 인해 발생할 수 있는 SEO 문제를 피할 수 있습니다.

콘텐츠 임베드 만들기

참고: 아래 섹션에 설명된 콘텐츠 임베드 기능은 현재 블로그 글 모듈을 지원하지 않습니다.

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

• HubSpot 계정에서 콘텐츠 > 내장으로 이동합니다.
• 오른쪽 상단에서 임베드 만들기를 클릭합니다.
• 대화 상자에서 콘텐츠 임베드 이름을 입력한 다음 만들기를 클릭합니다.
• 콘텐츠 임베드 에디터의 왼쪽 사이드바에서 add 추가 아이콘을 클릭합니다.
• 사이드바 편집기에서 레이아웃 탭을 클릭한 다음 레이아웃을 클릭하고 원하는 위치로 끌어다 놓습니다.
• 왼쪽 사이드바에서 add 추가 아이콘을 클릭한 다음 모듈을 클릭하고 레이아웃 위로 드래그합니다.

• 콘텐츠 임베드를 미리 보려면 오른쪽 상단의 미리 보기를 클릭합니다. 외부 페이지에 임베드하는 경우 미리보기에는 임베드된 후의 모양이 반영되지 않을 수 있습니다. 이는 외부 페이지에 임베드된 콘텐츠의 스타일이 HubSpot이 아닌 외부 페이지에서 가져오기 때문입니다.
• 콘텐츠 임베드 편집을 마치면 오른쪽 상단의 게시를 클릭한 다음 대화 상자에서 게시를 클릭합니다.

콘텐츠 임베드를 만든 후에는 계속 읽으면서 HubSpot 또는 워드프레스 페이지에 콘텐츠를 임베드하는 방법을 알아보세요. 또는 임베드 코드를 사용하여 콘텐츠를 임베드하는 방법을 알아보세요.

HubSpot에 콘텐츠 임베드하기

• 콘텐츠로 이동합니다:

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

• 콘텐츠 편집기의 드래그 앤 드롭 편집 도구를 사용하여 콘텐츠 임베드의 콘텐츠를 편집합니다.

워드프레스에 콘텐츠 임베드

• HubSpot의 워드프레스 플러그인 및 콘텐츠 임베드 플러그인을 다운로드하여 설치합니다. 워드프레스에 플러그인을 설치하는 방법에 대해 자세히 알아보세요.
• 워드프레스에서 편집기에서 페이지를 엽니다.
• 편집기에서 / 를 입력한 다음 HubSpot 콘텐츠 임베드를 입력합니다.
• 콘텐츠 임베드를 선택하거나 새 콘텐츠 임베드를 만듭니다.

• 워드프레스에서 임베드 콘텐츠를 편집하려면 임베드 위에 마우스를 올려놓고 클릭하여임베드 편집을 클릭합니다.
• 페이지 편집을 마쳤으면 오른쪽 상단의 게시를 클릭합니다.