모든 방문 페이지에는 방문자에게 다음에해야 할 일을 알려주는 자리가 필요합니다. The 행동을 촉구하다 위젯 인 Elementor용 마스터 애드온 해당 블록을 빌드합니다: 헤드라인, 짧은 지원 텍스트 줄, 스타일이 지정된 상자에 싸인 버튼을 사용하여 페이지 어디든 놓을 수 있습니다.
메시지를 입력하고 버튼 링크를 설정하고 레이아웃 사전 설정을 선택한 다음 브랜드와 일치하도록 배경,제목 및 버튼을 색칠합니다. 이 가이드는 위젯의 모든 설정을 안내합니다.
Call to Action 위젯이 수행하는 작업 #
위젯은 선택적 아이콘,제목, 설명 및 버튼이 포함된 독립형 CTA 상자를 렌더링합니다. 스타일 사전 설정 드롭다운은 레이아웃을 왼쪽의 아이콘에서 완전히 중앙에 위치한 블록으로 변경하며 스타일 탭은 모든 부분에 색상을 지정합니다.
그것은 세 개의 탭이 있습니다. 콘텐츠 텍스트, 버튼 라벨, 링크 및 사전 설정을 보유합니다. 스타일 배경, 제목, 설명 및 버튼 모양을 제어합니다. 고급 일반적인 Elementor 간격 및 가시성 옵션을 제공합니다.
시작하기 전에 #
- 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
- Elementor용 마스터 애드온 설치되고 활성화되었습니다. 플러그인에 새로운? 참조 설치 가이드.
- CTA 사본과 버튼의 대상 URL.
Call to Action 위젯을 추가하는 방법 #
Elementor 편집기에서 을 엽니다 요소 패널 및 검색 행동을 촉구하다또는 마스터 애드온 섹션으로 스크롤합니다 (위젯에는 보라색 MA 배지가 있습니다). 페이지로 드래그하면 편집할 준비가 된 샘플 CTA 가 로드됩니다.
아이콘, 제목, 설명, 지금 구매 버튼으로 시작하므로 빈 블록 대신 작업 블록에서 편집합니다.
내용을 설정하고 사전 설정을 선택합니다 #
열다 콘텐츠 탭. 그만큼 스타일 사전 설정 드롭다운이 맨 위에 있고 그 뒤에 텍스트 필드가 있습니다.
- 스타일 사전 설정: 기본 스타일, 중앙 스타일, 견적 스타일, 견적 스타일 2 및 왼쪽 아이콘.
- CTA 내용: AI로 쓰기 옵션이 포함된 헤드라인입니다.
- 설명: 제목 아래의 지원 라인입니다.
- 버튼 텍스트: 지금 구매 또는 시작하기와 같은 버튼 레이블입니다.
- 액션 URL에 전화하세요: 버튼(및 링크를 걸면 상자)이 가리키는 위치입니다.
레이아웃 사전 설정 #
미리 설정은 텍스트를 건드리지 않고 블록 배열 방법을 변경합니다. 센터 스타일 제목, 설명, 버튼을 가운데에 쌓아두어 전폭 섹션에 적합합니다.
다른 사전 설정은 레이아웃을 이동합니다: 왼쪽 아이콘은 텍스트 옆에 아이콘을 유지하고 따옴표 스타일은 평가 스타일 블록에 대한 악센트를 추가합니다. 레이아웃이 변경되면 동일한 복사본이 다르게 읽히므로 몇 가지를 시도해 보세요.
블록을 스타일링합니다 #
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 스타일 탭은 위젯을 스스로 스타일을 지정할 수 있는 부분으로 나눕니다: 사전 설정 스타일, 제목 스타일, 설명 스타일, 버튼 스타일, 그리고 패턴 (프로 옵션).
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 사전 설정 스타일 섹션에서는 상자 배경을 설정합니다. 단색과 이미지 사이에서 배경 유형을 전환한 다음 색상을 선택합니다.
버튼을 스타일링합니다 #
오픈 버튼 스타일 행동 촉구 버튼을 위해. 그것은 가지고있다 보통의 그리고 호버 탭을 사용하면 휴식 모양과 호버 모양을 설정할 수 있습니다.
- 배경 색상 및 텍스트 색상: 주별로 버튼 채우기 및 라벨 색상을 지정합니다.
- 너비 및 패딩: 버튼 크기.
- 테두리 유형 및 테두리 반경: 윤곽선과 둥근 모서리.
- 타이포그래피: 버튼 글꼴.
일반적인 사용 사례 #
- 랜딩 페이지 CTA 가입, 데모 또는 구매를 추진합니다.
- 게시물 끝 프롬프트 제품 또는 가격 페이지에 연결.
- 섹션 배너 제안 또는 출시를 발표합니다.
- 사이드바 또는 바닥글 호출 단 하나의 명확한 행동으로.
- 따옴표 스타일 블록 추천서와 버튼을 페어링합니다.
Call to Action 위젯 작업 팁 #
- 이익으로 이끌다. 제목은 단지 무엇을 클릭해야 하는지가 아니라 방문자가 무엇을 얻는지 말해야 합니다.
- 설명을 짧게 유지하십시오. 버튼 위에는 한두 줄이 충분합니다.
- 버튼 하나만 사용하세요. 하나의 명확한 행동이 경쟁하는 두 행동보다 더 잘 전환됩니다.
- 버튼을 대조해 보세요. 상자 배경에서 눈에 띄게하십시오.
- 호버 상태를 설정합니다. 호버의 색상 변화는 방문자에게 버튼을 클릭할 수 있음을 알려줍니다.
비디오 자습서를보십시오 #
화면에서 따라하는 것을 선호하시나요? 아래의 비디오 튜토리얼은 Call to Action 요소를 처음부터 끝까지 살펴보고 Elementor 편집기에서 각 사전 설정,배경 및 버튼 옵션이 어떻게 작동하는지 보여줍니다.
자주 묻는 질문 #
마스터 애드온의 Call to Action 위젯은 무엇입니까?
스타일이 지정된 상자 안에 제목,설명 및 버튼이 있는 CTA 블록을 빌드하는 Elementor 위젯입니다. 레이아웃 사전 설정을 선택하고 버튼 링크를 설정하고 Elementor 패널에서 모든 부분을 사용자 정의 코드 없이 색칠합니다.
Call to Action 위젯에는 어떤 레이아웃 사전 설정이 포함되어 있나요?
다섯: 기본 스타일, 중앙 스타일, 따옴표 스타일, 따옴표 스타일 2, 왼쪽 아이콘. 제목, 설명, 버튼을 변경하지 않고 모든 것을 중앙에 두거나 텍스트 옆에 아이콘을 유지하는 것처럼 각각 블록을 재배열합니다.
CTA 블록에 배경 이미지를 추가할 수 있나요?
예. 스타일 탭에서 사전 설정 스타일을 열고 배경 유형을 단색 대신 이미지로 설정한 다음 이미지를 선택합니다. 단색 배경색을 붙이고 제목,설명 및 버튼을 별도로 스타일 지정할 수도 있습니다.
전체 상자를 클릭 가능하게 만들 수 있나요?
버튼은 콘텐츠 탭의 Call To Action URL 을 사용합니다. 위젯에는 Wrapper Link 옵션도 있으므로 배너 스타일 CTA 에 적합한 버튼 만이 아닌 전체 상자를 대상에 연결할 수 있습니다.
버튼 호버 상태를 스타일링할 수 있나요?
예. 스타일 탭에서 버튼 스타일을 열고 호버 탭으로 전환합니다. 호버에 대해 다른 배경색,텍스트 색상 및 테두리를 설정할 수 있으므로 방문자가 버튼 위로 이동할 때 버튼이 반응합니다.
감싸는 #
Call to Action 위젯은 헤드라인,텍스트 줄 및 버튼을 클릭을 유도하는 스타일 블록으로 바꿉니다. 메시지를 작성하고,중앙 스타일과 같은 사전 설정을 선택하고,링크를 설정한 다음 배경과 버튼을 색상으로 지정하여 페이지와 관련된 변환 위젯을 참조하십시오 가격표 위젯 그리고 the 정보 상자 위젯, 전체를 찾아보세요 마스터 애드온 위젯 및 확장, 그리고 확인해 보세요 가격 페이지 각 계획에 포함된 내용입니다.
