페이지와 블로그 게시물에 공통 모듈 추가하기

모듈은 HubSpot 웹사이트 페이지, 랜딩 페이지 및 블로그 게시물에 추가할 수 있는 재사용 가능한 콘텐츠 요소입니다. 모듈을 사용하여 텍스트, 이미지, 양식, 행동 유도 문구(CTA), 동영상, 회의 링크, 결제 링크 등의 콘텐츠를 추가하고 정리할 수 있습니다.

시작하기 전에

페이지와 블로그 게시물에 모듈을 추가하기 전에 다음 요구 사항 및 고려 사항을 확인하십시오.

• 페이지 또는 블로그 게시물은 드래그 앤 드롭 영역이 포함된 테마 템플릿이나 코딩된 템플릿을 사용해야 합니다.
• 일부 모듈에는 추가적인 권한 또는 계정 요구 사항이 있을 수 있습니다. 예를 들어, 양식 모듈을 추가하려면 '편집' 권한이 필요합니다.

페이지나 게시물에 일반 모듈 추가하기

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 웹사이트 페이지로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 웹사이트 페이지로 이동하세요.
  • 랜딩 페이지: HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 랜딩 페이지로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 랜딩 페이지로 이동하세요.
  • 블로그: HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 블로그로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 블로그로 이동하세요.

• 콘텐츠 이름을 클릭하세요.
• 콘텐츠 편집기에서 왼쪽 사이드바에 있는 ‘ add ’ 추가 아이콘을 클릭하세요.
• 모듈 카테고리를 클릭하여 펼친 다음, 모듈을 클릭하고 페이지나 게시물 내 원하는 위치로 드래그하세요.

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

일반적인 모듈 개요

콘텐츠 편집기에서는 다음 모듈을 사용할 수 있습니다. 모듈 사용 가능 여부는 콘텐츠 유형, 템플릿 및 사용자 권한에 따라 달라질 수 있습니다.

• 서식 있는 텍스트: 서식이 지정된 텍스트, 링크, 이미지, 동영상, 임베드 코드 및 표를 추가합니다. 서식 있는 텍스트 모듈 편집에 대해 자세히 알아보세요.
• 이미지: 페이지나 게시물에 단일 이미지를 추가할 수 있습니다. 파일 도구로 이미지를 업로드하거나 기존 이미지를 선택할 수 있습니다. 이미지 모듈 편집에 대해 자세히 알아보세요.
• 헤더: 페이지나 블로그 게시물의 특정 섹션을 구분하기 위해 제목을 추가합니다. 검색 엔진은 콘텐츠의 구조를 파악하기 위해 헤더 태그를 분석합니다.
• 행동 유도(CTA): 방문자를 사이트의 다운로드 가능한 파일이나 페이지로 안내하는 CTA를 추가할 수 있습니다. CTA 생성 및 사용자 지정에 대해 자세히 알아보세요.
• 양식: 기존 HubSpot 양식을 표시하거나 새 양식을 생성할 수 있습니다. 양식 생성 및 사용자 정의에 대해 자세히 알아보세요.
• 갤러리: 설명과 링크가 포함된 이미지 캐러셀을 표시합니다. 이미지 갤러리 모듈에 대해 자세히 알아보세요.
• 버튼: 클릭 가능한 버튼을 추가하고 텍스트, 색상 및 스타일을 사용자 지정하세요.
• 구분선: 페이지나 블로그 게시물의 섹션 사이에 수평선을 추가하세요. 구분선의 색상, 스타일 및 간격을 사용자 지정할 수 있습니다.
• 팔로우: 소셜 미디어 프로필이나 기타 외부 페이지로 연결되는 아이콘을 추가합니다. 일반적인 소셜 네트워크용 기본 아이콘을 선택하거나 사용자 지정 아이콘을 업로드할 수 있습니다.
• 동영상: 파일 도구에서 HubSpot 동영상을 추가하거나 URL을 사용하여 외부 동영상을 삽입할 수 있습니다. 콘텐츠에 동영상을 추가하는 방법에 대해 자세히 알아보세요.
• 회의: 페이지나 블로그 게시물에 회의 예약 위젯을 추가할 수 있습니다. 회의 링크 설정에 대해 자세히 알아보세요.
• 결제: 페이지나 블로그 게시물에 결제 버튼을 추가하세요. 방문자가 버튼을 클릭하면 결제 정보를 입력할 수 있는 결제 페이지로 이동합니다. 콘텐츠에 결제 링크를 추가하는 방법에 대해 자세히 알아보세요.