CTA(레거시)에 사용자 지정 스타일 추가하기

HubSpot의 CTA(레거시) 고급 옵션을 사용하여 웹사이트 테마에 완벽하게 맞는 고도로 맞춤화된 CTA 버튼을 만들 수 있습니다. 사용자 정의 CSS 클래스를 사용하여스타일시트에서 사용자 정의 클래스 입력을 지원하거나 사용자 정의 CSS를 CTA에 직접 추가할 수 있습니다.

CTA(레거시)를 추가로 사용자 정의하려면 CTA 크기를 편집하는 방법을 알아보세요. 이메일이나 템플릿에 CTA(레거시)를 추가하는 경우 CTA를 가운데에 배치하는 방법을 알아보세요.

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

버튼 CTA에 사용자 지정 스타일을 추가하려면 다음과 같이 하세요:

• HubSpot 계정에서 마케팅 > CTA로 이동합니다.
• 왼쪽 상단에서 드롭다운 메뉴를 클릭하고 CTA(레거시)를 선택합니다.
• CTA 위로 마우스를 가져가 작업 > 편집을 클릭하거나 CTA 만들기를 클릭합니다.

• 오른쪽 패널에서 아래로 스크롤하여 고급 옵션을 클릭합니다.

• 사용자 정의 CSS 클래스 또는 사용자 정의 CSS 옵션 중 하나만 사용하여 CTA에 사용자 정의 CSS 스타일을 적용할 수 있습니다. 두 옵션을 모두 적용하면 CTA 스타일이나 디스플레이에 문제가 발생할 수 있습니다 .
  • 사용자정의 CSS 클래스: 사용자 정의 클래스 입력을 지원하도록 CTA에 사용자 정의 클래스를 추가합니다 . 이 기능은 웹사이트 페이지의 여러 CTA가 글꼴 패밀리, 크기, 패딩 및 여백과 같은 유사한 디자인 특성을 공유해야 할 때 유용합니다. 사용자 지정 CSS 클래스를 사용하는 경우 해당 클래스가 HubSpot 페이지의 기본 스타일로 적용되는CSS 스타일시트에 포함되고 스타일이 지정되어 있는지 확인하세요.
  • 사용자 지정CSS: 편집 중인 CTA에만 적용할 사용자 지정 스타일을 추가합니다. 사용자 지정 CSS 필드에서 해당 CTA에 특정한 인라인 스타일을 적용할 수 있습니다. 변경하려는 CTA 요소가 있는 경우 변경 사항을 저장하기 전에 여기에 새 스타일 선언을 추가합니다.
• 오른쪽 하단에서 다음 >을 클릭하여 CTA(레거시) 생성 또는 편집을 완료합니다.

참고: 사용자 지정 스타일은 이미지 버튼이 아닌 사용자 지정 버튼 에만 적용할 수 있습니다.