마지막 업데이트 날짜: 2026년 8월 3일
참고: 2025년 3월 17일 이후에 생성된 계정은 CTA(구 버전) 도구를 사용할 수 없습니다.
HubSpot 레거시 CTA는 HubSpot 페이지와 HubSpot 외부의 페이지 모두에서 사용할 수 있습니다. 외부 사이트에서 HubSpot CTA를 사용하여 잠재 고객을 유치하고 전환을 유도하세요.
외부 사이트에 CTA(레거시)를 삽입하기 전에, 해당 페이지에 HubSpot 추적 코드가 설치되어 있는지 확인하십시오.
권한 필요 CTA(레거시)를 생성하고 관리하려면 슈퍼 관리자 권한 또는 블로그, 이메일, 랜딩 페이지, 웹사이트 페이지에 대한 권한이 필요합니다.
시작하기 전에
외부 사이트에 CTA(레거시)를 추가하기 전에 다음 사항을 유의하시기 바랍니다.
- 외부 웹사이트에 삽입된 CTA는 CTA의 콘텐츠, 텍스트 또는 전반적인 디자인이 변경되면 전 세계적으로 자동으로 업데이트됩니다.
- 콘텐츠 관리 시스템(CMS)에 따라 사이트의 HTML 코드에 접근하여 CTA(레거시) 코드를 삽입하는 단계가 다를 수 있습니다. 사이트의 HTML 코드에 접근하거나 외부 코드를 삽입하는 방법을 잘 모르겠다면, 이 문서를 웹마스터, IT 부서 또는 기술 담당자에게 이메일로 보내주십시오.
-
워드프레스 사이트에 CTA를 삽입하는 경우, 다음 사항을 유의해 주십시오:
- 워드프레스 사이트에 CTA를 삽입하는 경우, CTA가 반응형으로 작동하도록 외부 스타일시트 내에 추가 CSS 선언을 적용해야 할 수 있습니다.
- 워드프레스에서 CTA가 작동하지 않거나, 실제 페이지를 볼 때 삽입 코드가 변경된 것을 발견한 경우, 삽입 코드가 그대로 유지되도록 플러그인을 사용하여 CTA를 삽입해야 할 수 있습니다.
- 인라인 자바스크립트를 제거하는 최신 버전의 구텐베르크를 사용 중인 경우, ‘Inline JS Block for Gutenberg’ 플러그인을 사용하여 페이지에 양식과 CTA를 삽입하십시오.
외부 사이트에 CTA(레거시) 삽입하기
외부 사이트에 버튼형 CTA를 삽입하려면:
- HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > CTA로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > CAT로 이동하세요.
- 왼쪽 상단의 드롭다운 메뉴를 클릭하고 ‘CTA(레거시)’를 선택하세요.
- 'CTA(레거시)' 대시보드에서 CTA 위에 마우스를 올리고 '작업'을 클릭한 다음 '삽입 코드'를 선택합니다.
- 표시되는 대화 상자에서 ‘복사’를 클릭합니다.
- 외부 웹사이트의 콘텐츠 관리 시스템(CMS)으로 이동합니다.
- HubSpot이 아닌 페이지의 HTML 코드 중 CTA를 표시하고자 하는 위치에 CTA 삽입 코드를 붙여넣으세요.
- 웹 페이지에서 CTA를 미리 보기하여 실제 게시 시 어떻게 표시되는지 확인하세요.
- CTA가 제대로 표시되지 않는 경우, 복사한 코드가 외부 CMS에서 변경되지 않았는지 확인하십시오.
- 이미지 CTA를 사용하는 경우, 이미지 CTA가 반응형으로 표시되도록 추가 스타일링을 적용해야 할 수도 있습니다.
- 작업이 완료되면 페이지를 게시하십시오.
