[케이테마 v2] CTA 상세 설정

예상 읽기 시간:1분 6 조회수
적용 대상최신 공개 케이테마
Elementor 표시명CTA
작업 위치Elementor → K-Theme Widgets
권장 작업 시간15~25분

CTA는 방문자가 문의·구매·예약 같은 다음 행동을 하도록 안내하는 영역입니다. 한 영역에는 가장 중요한 행동 하나를 우선 배치합니다.

시작하기 전에

준비물권장 기준
제목행동의 이점을 한 문장으로 설명
설명필요한 보충 정보 1~2줄
버튼주 버튼 1개, 보조 버튼은 선택
링크실제 문의·상품·예약 페이지

1. CTA 추가하고 레이아웃 정하기

검색창에 CTA를 입력해 추가한 뒤 내용 → 레이아웃에서 스타일과 정렬을 선택합니다. 주변 섹션과 구분되면서도 사이트 색상 체계를 벗어나지 않는 스타일을 고릅니다.

Elementor 위젯 검색에서 확인한 CTA
CTA를 검색해 원하는 컨테이너에 추가합니다.

2. 문구와 버튼 링크 입력하기

제목과 설명을 입력하고 버튼 1을 우선 설정합니다. 링크 입력 후 새 창 열기는 외부 사이트일 때만 사용합니다. 보조 행동이 명확할 때만 버튼 2를 켭니다.

CTA 제목 설명 버튼 설정 화면
제목·설명과 두 개의 버튼 표시·링크를 설정합니다.

3. 배경과 버튼 스타일 설정하기

배경은 색상·그라데이션·이미지·유튜브 중 하나를 선택합니다. 이미지나 영상 위에는 오버레이를 사용해 글자 대비를 확보합니다. 스타일 탭에서 제목·설명·버튼의 간격과 기본·호버 상태를 모두 확인합니다.

Elementor 링크 설정 안내에서 링크 옵션을 확인할 수 있습니다.

CTA 스타일 설정 화면
배경과 글자·버튼의 기본 및 상호작용 상태를 확인합니다.

완료 확인

확인 항목완료 기준
행동가장 중요한 버튼이 한눈에 보임
링크실제 목적지로 이동함
대비배경 위 제목과 버튼을 읽을 수 있음
상태버튼 기본·호버·포커스 글자가 사라지지 않음

기존 테마 사용자

기존 CTA의 버튼 클래스는 새 위젯에 자동으로 옮겨지지 않습니다. 복제 페이지에서 새 CTA를 만들고 링크와 버튼 상태를 직접 확인하세요.

페이지 공유

[케이테마 v2] CTA 상세 설정

URL 주소 공유

목차