무료 Elementor Call to Action 위젯

Elementor 의 Call to Action 위젯은 Elementor Pro 의 일부입니다. Master Addons 의 Call to Action 위젯은 무료입니다. 헤드 라인,짧은 설명 및 하나의 버튼이있는 CTA 배너를 구축하고 스타일 사전 설정 드롭 다운을 통해 5 가지 레이아웃을 제공합니다: 기본값,중앙, 견적,견적 2 및 왼쪽 아이콘 상자에 색상,그라디언트 또는 이미지 배경을 부여하고 버튼에 대한 별도의 호버 색상을 포함하여 제목,설명 및 버튼을 스타일링 할 수 있습니다. 프로모션 배너,게시물 끝 프롬프트,발사 발표 및 업그레이드 넛지에 적합합니다.

Elementor에서 Call to Action을 추가하는 방법

위젯은 무료 마스터 애드온 플러그인과 함께 제공되므로 Elementor 및 마스터 애드온 만 있으면됩니다.

  1. 설치 및 활성화 WordPress.org 의 마스터 애드온.
  2. Elementor로 페이지를 편집하고 위젯 패널을 검색하세요 행동을 촉구하다. 마스터 애드온 배지가 있는 것을 선택하세요.
  3. 전체 너비 섹션이나 제안이 속한 곳으로 드래그하세요.
  4. 스타일 사전 설정을 선택한 다음 CTA 콘텐츠(헤드라인), 설명 및 버튼 텍스트를 입력하세요.
  5. 버튼에 대한 Call To Action URL을 추가합니다.
  6. 스타일 탭에서 미리 설정 스타일로 배경을 설정한 다음 제목, 설명 및 호버 탭을 포함한 버튼 색상을 설정합니다.

모든 설정은 에서 다룹니다 Call to Action 위젯 설정 가이드.

스타일 사전 설정 목록 및 콘텐츠 필드 옆에 있는 지금 구매 버튼을 사용하여 중앙 집중식 마스터 애드온 프리미엄 클릭 유도 문구를 다운로드하세요

5개의 CTA 배너 사전 설정

레이아웃을 선택하세요 스타일 사전 설정 그리고 당신의 텍스트는 그대로 유지됩니다. 기본 스타일 제목과 설명을 왼쪽에 두고 버튼을 오른쪽에 놓습니다. 센터 스타일 가운데에 있는 모든 것을 최대 650px 너비로 쌓아두며, 어두운 배경을 의미하는 흰색 제목을 사용합니다. 견적 스타일 왼쪽에 두꺼운 악센트 막대를 추가합니다 인용 스타일 2 양쪽에 테두리를 사용하여 텍스트를 구성합니다 왼쪽 아이콘 헤드라인 옆에 아이콘을 배치합니다.

  • 테두리 색상 두 개의 Quote 사전 설정의 막대를 다시 색칠합니다.
  • 아이콘, 아이콘 색상 그리고 크기 벨 아이콘으로 시작하는 왼쪽 아이콘에만 나타납니다.
  • 제목은 H3 로 출력되며 버튼은 URL,새 탭 및 nofollow 옵션이 있는 단일 링크입니다.

배경, 텍스트 및 버튼 스타일링

에서 사전 설정 스타일그림에서 상자 배경을 단색, 그라데이션 또는 이미지로 설정하고 이미지의 위치, 부착, 반복 및 크기 제어를 사용합니다. 제목 스타일 그리고 설명 스타일 각각 색상과 타이포그래피가 있습니다. 버튼 스타일 배경색, 텍스트 색상, 너비, 패딩 및 테두리 반경을 위한 일반 및 호버 탭과 버튼용 테두리 및 타이포그래피가 있습니다.

  • 자신만의 호버 색상이 없으면 호버에서 버튼이 녹색으로 바뀌므로 브랜드에 맞게 설정하세요.
  • 중앙 스타일과 왼쪽 아이콘은 흰색 텍스트나 아이콘을 사용하므로 어두운 배경이나 이미지 배경을 지정하세요.
  • 전체 배너를 클릭 가능하게 만들려면 무료를 추가하세요 래퍼 링크 위젯에 대한 확장.
버튼 스타일 테두리 및 반경 설정 옆에 보라색 벨 아이콘과 둥근 다운로드 버튼이 있는 왼쪽 아이콘 클릭 유도 문구입니다

Elementor Pro Call to Action과 Master Addon의 Call to Action입니다

Elementor Pro 의 Call to Action 위젯은 이미지를 중심으로 구축되었으며 클래식 또는 커버 스킨,리본 및 호버 효과가 있습니다. Master Addon 은 비용이 들지 않는 가벼운 텍스트 배너입니다. 비교 방법은 다음과 같습니다.

특징Elementor Pro 행동 촉구마스터 애드온 행동 촉구
가격Elementor Pro가 필요합니다마스터 애드온으로 무료
레이아웃클래식(옆 또는 위 이미지) 및 커버(뒤 이미지) 스킨기본값, 중앙, 따옴표, 따옴표 2 및 왼쪽 아이콘 사전 설정
이미지기본 이미지와 선택적 이미지 또는 아이콘 그래픽상자의 배경 이미지, 왼쪽 아이콘의 아이콘만 해당됩니다
배경오버레이 색상 및 CSS 필터가 있는 이미지색상, 그라데이션 또는 이미지
제목 태그제목 및 설명 HTML 태그 선택제목이 H3으로 고정되었습니다
링크단추만 또는 전체 상자래퍼 링크 확장자가 있는 버튼 또는 전체 상자
엑스트라리본, 콘텐츠 호버 애니메이션, 배경 확대 및 호버 이동버튼 호버 색상 및 크기

리본과 호버 모션이있는 이미지 카드를 원하고 이미 Elementor Pro 가있는 경우 위젯이 더 많은 작업을 수행합니다. 버튼이 하나 인 빠른 텍스트 배너의 경우 무료 Master Addons 위젯이이를 다룹니다. 관련 무료 위젯: 크리에이티브 버튼, 가격표 그리고 인포박스.

템플릿 뷰어
페이스북
트위터
왓츠앱
링크 복사
지금 구매하기
센터 스타일
센터 스타일
왼쪽 아이콘
왼쪽 아이콘
인용
인용
기본 클릭 유도 문구
기본 클릭 유도 문구
기본 배너
기본 배너
중심 그라데이션
중심 그라데이션
견적 카드
견적 카드
이중 규칙
이중 규칙
왼쪽 아이콘 다크
왼쪽 아이콘 다크
전체 너비 밴드
전체 너비 밴드

전화 조치에 대해 자주 묻는 질문

Call To Action 에 대해 사용자가 가장 많이 묻는 쿼리를 알아보고 한 곳에서 답변을 찾으십시오.
마스터 애드온 클릭 유도 문구 위젯은 무료인가요?

예. WordPress.org 의 무료 Master Addons 플러그인의 일부이며 5 개의 사전 설정이 모두 포함되어 있습니다. Elementor 의 자체 Call to Action 위젯에는 Elementor Pro 가 필요합니다.

  • 기본 스타일: 왼쪽에 텍스트가 있고 오른쪽에 버튼이 있는 배너입니다.
  • 중앙 스타일: 어두운 색상이나 이미지 배경 위에 중앙에 있는 블록입니다.
  • 인용 스타일 및 인용 스타일 2: 악센트 막대로 구성된 텍스트로 기사 내부의 공지에 적합합니다.
  • 왼쪽 아이콘: 헤드라인 옆에 제안이 무엇인지 알려주는 아이콘입니다.
전체 클릭 유도 문구 상자를 클릭 가능하게 만들 수 있나요?

위젯은 버튼만 연결합니다. 무료 추가 래퍼 링크 전체 배너를 클릭할 수 있도록 하려면 위젯을 확장하세요.

프리셋 스타일에서 이미지를 박스 배경으로 설정할 수 있지만 별도의 이미지 요소도 없고 리본도 없습니다. 리본이 있는 이미지 카드의 경우 Elementor Pro 의 Call to Action 위젯이 더 잘 맞습니다.

트렌드 엘리먼트 위젯 및 확장

더 짧은 시간에 정교한 웹사이트를 구축하세요.

Elementor용 Master Addons Glassmorphism 확장: 흐림 값 컨트롤이 20px로 설정된 반투명 유리 카드

유리형성

집 무료 Elementor Glassmorphism 확장: 하나의 토글에서 서리 유리 효과 Glassmorphism 서리입니다...
자세히 보기
Elementor용 마스터 애드온 컨테이너 추가 확장: 최대 너비, 최대 높이, 최소 너비 및 최소 높이 컨트롤이 포함된 컨테이너의 최대 너비는 1400px입니다

컨테이너 엑스트라

홈 Elementor 컨테이너 최대 너비 및 최대 높이 제어 컨테이너 엑스트라는 무료 마스터입니다...
자세히 보기
Elementor용 마스터 애드온 패턴 확장: 보라색 그라데이션 그리드 왼쪽 스타일, 세 가지 패턴 스타일 및 패턴 활성화 패널이 있는 영웅입니다

패턴

홈 70+ 무료 Elementor 배경 패턴 패턴은 추가되는 무료 Master Addon 확장입니다...
자세히 보기
Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안

게시물/페이지 복제기

홈 중복 엘리멘터 페이지 및 게시물 한 번의 클릭으로 게시물/페이지 복제기는 무료 마스터입니다...
자세히 보기
Elementor용 마스터 애드온 읽기 진행률 표시줄 확장: 활성화, 위치, 높이 및 채우기 색상 설정이 포함된 개인 정보 보호 정책 페이지 상단에 파란색 표시줄 42%가 채워져 있습니다

읽기 진행률 표시줄

홈 WordPress (Elementor) 에서 읽기 진행률 표시 줄 추가 읽기 진행률 표시 줄은 무료입니다...
자세히 보기