CTA 크기 편집(레거시)

기본 제공 크기 조정 옵션과 사용자 지정 CSS를 사용하여 CTA(레거시)의 크기를 조정합니다. 이미지 CTA를 위해 이미지를 업로드할 때 망막 최적화를 고려할 수 있습니다.

CTA를 추가로 맞춤 설정하려면 CSS를 사용하여 CTA(레거시)에 사용자 지정 스타일을 추가하는 방법을 알아보세요. 이메일이나 템플릿에 CTA를 추가하는 경우 CTA(레거시)를 가운데에 배치하는 방법을 알아보세요.

참고: 2025년 3월 17일 이후에 생성된 계정은 CTA(레거시) 도구에 액세스할 수 없습니다.

CTA(레거시) 크기 편집

• HubSpot 계정에서 마케팅 > CTA로 이동합니다.
• 왼쪽 상단에서 드롭다운 메뉴를 클릭하고 CTA(레거시)를 선택합니다.
• CTA 위로 마우스를 가져간 다음 작업 > 편집을 클릭합니다.
• 슬라이드인 패널에서 고급 옵션을 클릭합니다.
• 사용자 지정 CTA의 크기를 수동으로 조정하려면 다음과 같이 하세요:
  • 텍스트에 맞춤 확인란의 선택을 취소합니다. 이렇게 하면 적용된 자동 크기 조정이 제거됩니다.
  • 버튼 패딩 섹션에서 버튼 너비 및 버튼 높이 필드에 크기 값을 입력합니다.
  • 다음 >을 클릭합니다.
  • 저장을 클릭합니다. 그런 다음 완료를 클릭합니다.
• 사용자 지정 CTA가 해당 컨테이너 또는 모듈의 전체 너비를 채우도록 하려면 다음과 같이 하세요:
  • 자동으로 크기 확인란의 선택을 취소합니다.
  • 사용자 정의 CSS 필드에 사용자 정의 CSS를 입력합니다.
  • 너비를 너비: 100%로 설정합니다 ;
  • 다음 >을 클릭합니다.
  • 저장을 클릭합니다. 그런 다음 마침을 클릭합니다.
    
    

망막 최적화란 무엇인가요?

망막 최적화는 수신자가 최신 버전의 Apple Mail 및 iOS 메일에서 CTA를 볼 경우 사이트 페이지와 이메일에서 CTA 이미지를 더 선명하게 볼 수 있게 해줍니다(Outlook이나 Gmail과 같은 웹메일 서비스에서는 지원되지 않음).

망막 최적화는 인터넷의 모든 이미지에 대해 망막 지원이 작동하는 방식과 유사하게 CTA에 필요한 크기의 최소 2배 이상인 이미지를 업로드할 때 지원됩니다. 다음 사항도 참고하세요:

• 400픽셀 100픽셀 크기의 CTA를 만드는 경우 @2배 픽셀 밀도 표시를 지원하려면 업로드된 이미지의 크기가 800픽셀 200픽셀이어야 합니다.
• CTA는 최대 4배 버전까지 추가할 수 있습니다. 예를 들어 400px x 100px의 CTA를 만드는 경우 1600px x 400px의 이미지를 업로드할 수 있습니다.
• CTA는 사용 가능한 경우 1배, 2배, 3배 및 4배 버전을 제공하는 srcset 속성을 사용하여 웹사이트에 자동으로 렌더링됩니다.
• 이미지가 CTA가 렌더링되는 크기로 업로드되면 망막을 지원하지 않습니다. 예를 들어, 400px x 100px CTA에 400px x 100px 이미지를 업로드하는 경우