마지막 업데이트 날짜: 2026년 8월 3일
참고: 2025년 3월 17일 이후에 생성된 계정은 CTA(구 버전) 도구를 사용할 수 없습니다.
내장된 크기 조정 옵션과 사용자 정의 CSS를 사용하여 CTA(레거시)의 크기를 조정하세요. 이미지 CTA용 이미지를 업로드할 때는 레티나 최적화를 고려하는 것이 좋습니다.
CTA를 더욱 세밀하게 맞춤 설정하려면 CSS를 사용하여 CTA(레거시)에 사용자 정의 스타일을 추가하는 방법을 알아보세요. 이메일이나 템플릿에 CTA를 추가하는 경우, CTA(레거시)를 중앙에 정렬하는 방법을 확인해 보세요.
권한 필요 CTA(레거시)를 생성 및 편집하려면 슈퍼 관리자 권한 또는 블로그, 이메일, 랜딩 페이지, 웹사이트 페이지에 대한 권한이 필요합니다.
CTA(레거시) 크기 편집
CTA 크기를 수동으로 조정하거나 사용자 지정 CSS를 사용하여 CTA 컨테이너 또는 모듈의 너비를 자동으로 채울 수 있습니다. HubSpot이 아닌 사이트에 이미지 CTA를 삽입하는 경우, 이미지 CTA가 반응형으로 작동하도록 스타일시트 내에 추가 CSS 선언(예: width: 100%;)을 적용해야 할 수 있습니다.버튼 CTA의 크기를 편집하려면:
- HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > CTA로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > CAT로 이동하세요.
- 왼쪽 상단의 드롭다운 메뉴 를 클릭하고 ‘CTA(레거시)’를 선택합니다.
- CTA 위에 마우스를 올린 다음 ‘작업’ > ‘편집’을 클릭합니다.
- 슬라이드인 패널에서 ‘고급 옵션’을 클릭합니다.
- 사용자 지정 CTA의 크기를 수동으로 조정하려면:
- '텍스트에 맞추기' 확인란의 선택을 해제합니다. 이렇게 하면 적용된 자동 크기 조정이 해제됩니다.
- '버튼 여백' 섹션에서 '버튼 너비' 및 '버튼 높이' 필드에 원하는 크기를 입력합니다.
- '다음 >'을 클릭합니다.
- ‘저장’을 클릭한 다음, ‘마침’을 클릭합니다.
- 사용자 지정 CTA가 컨테이너 또는 모듈의 전체 너비를 채우도록 하려면:
- '크기 자동 설정' 확인란의 선택을 해제합니다.
- '사용자 지정 CSS' 필드에 사용자 지정 CSS를 입력합니다.
- 너비를 width: 100%;로 설정합니다.
- '다음 >'을 클릭합니다.
- '저장'을 클릭한 다음, '완료'를 클릭합니다.
레티나 최적화란 무엇인가요?
레티나 최적화는 수신자가 최신 버전의 Apple Mail 및 iOS 메일에서 CTA를 볼 때, 사이트 페이지나 이메일 내에서 CTA 이미지가 더 선명하게 표시되도록 해줍니다. 단, Outlook이나 Gmail과 같은 웹메일 서비스에서는 이 기능이 지원되지 않습니다.
레티나 최적화는 인터넷상의 모든 이미지에 대한 레티나 지원 방식과 마찬가지로, CTA에 필요한 크기의 최소 2배 이상인 이미지를 업로드할 때 지원됩니다. 또한 다음 사항도 유의해 주시기 바랍니다:
- 400px × 100px 크기의 CTA를 제작하는 경우, @2x 픽셀 밀도 디스플레이를 지원하려면 업로드할 이미지의 크기가 800px × 200px이어야 합니다.
- CTA는 최대 4x 버전까지 추가할 수 있습니다. 예를 들어, 400px × 100px 크기의 CTA를 제작하는 경우, 1600px × 400px 크기의 이미지를 업로드할 수 있습니다.
- CTA는 웹사이트에서 자동으로 렌더링되며, srcset 속성을 통해 사용 가능한 경우 1x, 2x, 3x 및 4x 버전을 제공합니다.
- CTA가 렌더링될 크기와 동일한 크기의 이미지를 업로드할 경우, 레티나 디스플레이를 지원하지 않습니다. 예를 들어, 400px × 100px 크기의 CTA에 400px × 100px 이미지를 업로드하는 경우
