행동 유도 문구(CTA) 생성 (구 버전)

참고: 2025년 3월 17일 이후에 생성된계정은CTA(구 버전) 도구를 사용할 수 없습니다.

레거시 CTA(Call-to-Action)는 HubSpot 콘텐츠에서 사용할 수 있는 버튼으로, 잠재 고객을 웹사이트로 유도하여 양식을 통해 전환을 유도할 수 있습니다. CTA를 생성한 후에는 해당 CTA의 조회수 및 클릭 수를 확인할 수 있습니다. CTA(레거시) 성과 분석에 대해 자세히 알아보세요.

버튼, 배너, 팝업 등 더 다양한 유형의 CTA를 생성하려면 새로운 CTA 편집기 사용 방법을 확인해 보세요.

CTA(구 버전) 만들기

1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > CTA로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > CAT로 이동하세요.
2. 왼쪽 상단의 드롭다운 메뉴 를 클릭하고 ‘CTA(레거시)’를 선택합니다.
3. 오른쪽 상단에서 'CTA 생성'을 클릭합니다.

사용자 지정 버튼 디자인하기

CTA 편집기의 디자인 옵션을 사용하여 CTA(레거시)를 사용자 지정 버튼으로 설정할 수 있습니다. CTA를 사용자 지정 버튼으로 디자인하려면:

1. 오른쪽 패널에서 ‘사용자 지정 버튼’을 선택합니다.
2. 다음 옵션을 사용하여버튼 스타일을 지정하세요:
   • 버튼 내용: CTA 버튼에 표시될 텍스트를 입력합니다. 이모티콘도 추가할 수 있습니다. 연락처 및 방문자에게는 사용 중인 기기(Mac, Windows, Chrome, Android 등)에 맞는 기본 이모티콘 스타일이 표시됩니다.
   • 버튼 스타일: 드롭다운 메뉴를 사용하여 CTA 버튼의 스타일을 선택하세요. 버튼을 일반 텍스트 링크처럼 보이게 하려면 드롭다운 메뉴에서 ‘링크(스타일 없음)’를 선택하세요.
   • 버튼 색상: 색상 선택기를 클릭하거나 ‘버튼 색상’ 필드에 사용자 지정 색상 16진수 값을 입력하세요.
   • 고급 옵션: ‘고급 옵션’을 클릭하여 CTA의 픽셀 패딩 및 CSS 스타일을 사용자 지정할 수 있습니다.
3. 오른쪽 패널 하단에서 ‘다음 >’을 클릭하세요.
   
   
   

이미지 버튼 디자인하기

사용자 지정 버튼을 디자인하는 대신, 이미지를 업로드하여 CTA 디자인으로 사용할 수도 있습니다. CTA를 이미지 버튼으로 디자인하려면:

1. 오른쪽 패널에서 ‘이미지 버튼’을 선택합니다.
2. 이미지를 업로드하고 CTA의 스타일을 지정하세요:
   
   • 업로드: 기기에서 이미지 파일을 선택합니다.
   • 이미지 찾아보기: 파일 관리자에서 이미지를선택하세요 . ‘이미지 삽입’ 패널에서 CTA 버튼으로 사용할 이미지를 선택하세요.
   • 너비: 이미지 버튼의너비를 조정합니다. 업로드된 이미지의 레티나 최적화에 대해 자세히 알아보세요.
   • 높이: 이미지 버튼의 높이를 조정합니다.
   • 대체 텍스트: 이미지의 대체 텍스트를 입력하세요.
3. 오른쪽 패널 하단에서 ‘다음 >’을 클릭하세요.
   
   
   

CTA(레거시) 옵션 설정

CTA(레거시)를 디자인한 후, CTA의 이름, 이동할 대상 및 관련 캠페인을 지정하기 위해 CTA 옵션을 설정하세요.

CTA 옵션을 설정하려면:

1. ‘옵션’ 페이지에서 다음 항목을 구성하세요:
   • CTA 내부 이름: CTA의 이름을 입력하세요. HubSpot 계정의 사용자만 CTA 내부 이름을 볼 수 있습니다.
   • URL 리디렉션 유형: CTA가 이동할 대상에 대한 옵션을 선택합니다 .
     • 외부 웹사이트 URL: CTA를 HubSpot 외부의 페이지로 연결합니다. ‘URL 입력’ 필드에 방문자를 안내할 웹사이트 URL을 입력하세요.
     • HubSpot 페이지 또는 블로그 게시물: CTA를 HubSpot 페이지나 블로그 게시물 중 하나에 연결합니다. HubSpot 페이지 또는 블로그 게시물 드롭다운 메뉴를 클릭한 다음 페이지나 게시물을 선택하세요.버튼 CTA의 링크는 페이지 ID에 연동되며, 페이지 URL이 변경되면버튼 CTA의 링크도 자동으로 업데이트됩니다.

• • • 회의 링크: CTA를 HubSpot 회의 링크에연결할 수 있습니다 . ‘회의 링크 선택 ’ 드롭다운을 클릭한 다음 회의 링크를 선택하세요. 이 링크를 새 창에서 열려면 ‘새 창에서 페이지 열기 ’ 확인란을 선택하세요.
    • 파일 링크: CTA를 파일 관리자의 파일에연결합니다 . ‘파일 찾아보기’를 클릭하여 파일을 선택한 다음,버튼 CTA를 클릭한 방문자가 새 브라우저 창에서 이미지를 볼 수 있도록 하려면 ‘새 창에서 페이지 열기’ 확인란을 선택하십시오.
    • 이메일 주소: mailto 링크를 생성합니다.
    • 전화번호: 지정된 전화번호로 전화를 걸 수 있는 링크를 만듭니다.

• • 캠페인: CTA(레거시) 분석 데이터를 캠페인과연결하려면 드롭다운 메뉴를 클릭하고 캠페인을 선택하세요.

2. '저장'을 클릭하세요. 이제 CTA가 패널 상단에 표시됩니다.
   
   

CTA(레거시) 설정 완료

1. CTA 내부 이름을 편집하려면상단의 edit 연필 아이콘을 클릭하여 CTA의 내부 이름을 수정하세요.
2. CTA 생성을 완료하려면 ‘닫기’를 클릭하세요.
3. 스마트버튼 CTA를 생성하려면 ‘스마트 버전 생성’을 클릭하세요.
4. 버튼 CTA에 대해 A/B 테스트를 수행하려면 ‘다변량 테스트 생성’을 클릭하세요.
   
   

추가 CTA(구 버전) 작업

CTA(구 버전) 대시보드에서는 주요 지표를 분석하여 CTA의 성과를 확인하고, 나열된 CTA 중 원하는 항목에 대해 조치를 취할 수 있습니다:

1. CTA를 미리 보려면 CTA 위에 마우스를 올린 후 ‘미리 보기’를 클릭하면 미리 보기 사이드바 창에 CTA가 표시됩니다.
2. CTA에 대한 조치를 취하려면 ‘작업’ 드롭다운 메뉴를 클릭하고 다음 중 하나를 선택하세요:
   • 편집: CTA(구 버전) 편집기에서 CTA를 수정합니다.
   • 다변량 테스트 생성: 연락처 및 방문자를 대상으로 A/B 테스트를 실행할 수 있도록 CTA의 두 번째 버전을 생성합니다.
   • 스마트 버전 생성: 특정 표시 규칙에 따라 CTA의 서로 다른 버전을 표시하는 스마트버튼 CTA를 생성합니다.
   • 세부 정보 보기: 조회수, 클릭 수, 제출 건수 등 CTA에 대한 분석 데이터를 확인합니다.
   • 복제: CTA의 정확한 복사본을 생성합니다.
   • 임베드 코드: 임베드 코드를 복사하여 붙여넣음으로써 외부 페이지에 CTA를 추가하세요.
   • 사용자 및 팀 할당: 특정 사용자 또는 팀으로 CTA(레거시)에 대한 액세스 권한을 제한합니다. HubSpot 자산에 대한 액세스 제한에 대해 자세히 알아보세요.
   • 삭제: CTA를 영구적으로 삭제합니다.