최고의 Elementor 팝업 예제는 세 가지 특성을 공유합니다: 하나의 명확한 제안,방문자가하는 일과 일치하는 트리거,포업이 속한 곳에만 팝업을 표시하는 타겟팅. 그 세 가지를 올바르게 가져 오면 팝업이 방문자의 약 4 – 5%를 변환합니다; 배치를 얻고 오른쪽을 트리거하면 Wisepops 데이터는 일부 형식이 12% 이상에 도달 함을 보여줍니다.
아래의 모든 예제는 무료 Elementor 에서 실행됩니다. Elementor 의 자체 팝업 도구는 Pro 뒤에 잠겨 있지만 무료입니다 마스터 애드온 팝업 빌더 동일한 드래그 앤 드롭 편집,다섯 개의 트리거,페이지 수준 타겟팅 및 한 번의 클릭으로 가져오는 100+ 팝업 템플릿 라이브러리를 제공합니다. 이전에 구축한 적이 없다면,우리의 연습을 계속해 보세요 elementor 에서 무료로 팝업을 추가하는 방법 약 10분 안에 설정을 커버합니다.
25 개의 예제는 목표별로 그룹화되어 있습니다. 각각은 실제 빌드를 보여주고,그것에 맞는 트리거 이름을 지정하고,변환되는 구체적인 이유를 설명합니다. “팝업이 참여도를 높이는 것”이 아니라 각각이 당기는 심리적 지렛대를 설명합니다.
목차
Elementor 팝업 변환을 만드는 요소
변환 팝업은 방문자가 의식적으로 질문하기 전에 세 가지 질문에 답합니다. 나는 무엇을 얻는가? 왜 지금인가? 왜 이것이 나를 방해하고 있습니까?
- 하나의 제안, 하나의 행동. 이메일 필드와 버튼이 있는 팝업은 소셜, 판매 및 정보 페이지를 연결하는 팝업보다 성능이 뛰어납니다. 모든 추가 선택에는 전환이 필요합니다.
- 동작에 일치하는 트리거입니다. 할인은 페이지로드에 발사 할 수 있습니다. 콘텐츠 업그레이드는 독자가 아직 아무것도 읽지 않았기 때문에 할 수 없습니다. 대부분의 “팝업은 작동하지 않습니다”불만은 잘못된 트리거에 올바른 제안으로 거슬러 올라갑니다.
- 맥락을 존중하는 타겟팅. 블로그의 카트 복구 팝업은 노이즈입니다. 카트 페이지에만 표시되며 동일한 팝업이 실제 수익을 구합니다. 페이지 수준 표시 조건은 변환 도구와 성가심을 구분하는 요소입니다.
숫자는 이것을 뒷받침합니다. 평균 팝업 변환은 약 4,65%이지만 Wisepops 의 테스트에서 하단 중앙 배치는 12,88%를 변환하고,종료 의도 팝업은 일반적으로 떠나려고하는 방문자의 10 ~ 15%를 복구하며,2 단계 팝업은 작업을 시작하면 사람들이 작업을 끝내기를 원하기 때문에 (Zeigarnik 효과) 단일 단계 팝업보다 성능이 뛰어납니다. 아래의 모든 예제에서는 이러한 레버 중 하나 이상을 적용합니다.
리드 생성 팝업 예제
리드 캡처는 고전적인 팝업 작업입니다. 이 일곱은 그들이 온 콘텐츠를 차단하지 않고 구독자로 독자를 설정.
1. Ebook 또는 체크리스트 다운로드 팝업
이메일을 위한 교환에 있는 자유로운 자원. 이것은 방문자가 구체적인 무언가로 멀리 걷기 때문에 보통 “구독” 요구 보다는 잘 개조하고,당신의 명부를 자격을 준다. 당신의 속도 최적화 체크리스트를 다운로드하는 누군가는 속도 최적화에 관하여 그것을 발사한다 스크롤에 50%에서 그래서 그것은 독자가 투자 된 후 착륙,블로그 게시물에만 대상. 마스터 애드온 템플릿 라이브러리는 한 번의 클릭과 다시 말로 가져올 수있는 여러 다운로드 스타일의 옵트 인이 있습니다.
2. 단일 필드 뉴스 레터 옵트 인
하나의 이메일 필드,하나의 버튼,구독자가 얻는 것에 대한 한 문장. 모든 필드는 컷 완성을 추가하므로 환영 이메일 안에 나중에 이름을 물어보십시오. 40–60%에서 트리거를 스크롤하고 블로그 페이지 만하고 누군가가 그것을 해산 한 후 며칠 동안 팝업을 쌍으로 묶으십시오 최고의 워드 프레스 뉴스 레터 플러그인 실제로 이메일을 전달하기 위해서요. 팝업이 캡쳐되고,ESP 가 보냅니다.
3. 포스트 특정 콘텐츠 업그레이드
대부분의 블로그에서 가장 높은 전환율의 리드 팝업은 제안이 정확한 기사와 일치하기 때문입니다: 카피 라이팅 게시물의 스 와이프 파일,방법 게시물의 템플릿. 관련성은 설득력을 발휘합니다. 디스플레이 조건이있는 단일 게시물 하나를 대상으로하고 독자가 거의 끝내고 가장 신뢰 할 때 80% 스크롤에서 트리거합니다. 예,키 게시물 당 하나의 자산을 만드는 것을 의미합니다. 그것이 작동하는 이유이기도합니다: 아무도 귀찮게하지 않습니다.
4. 웨비나 또는 이벤트 등록 팝업
이벤트는 내장 된 마감일을 전달하고 마감일은 변환됩니다. 양식을 이름과 이메일로 유지하고 날짜와 시간을 눈에 띄게 표시하고 버튼에 “제출”이 아닌 “내 좌석 저장”이라고 표시하십시오. 2 ~ 3 초 지연이있는 페이지 로드는 이벤트가 해당 주에 사이트의 주요 행동 촉구이기 때문에 여기에서 작동하므로 일찍 중단하는 것이 정당화되는 한 가지 경우가됩니다.
5. 무료 평가판 또는 데모 요청 팝업
모든 사람에게 데모 양식을 밀어 넣지 마십시오. 헤더에 “데모 예약”버튼을 넣고 양식을 엽니 다 클릭하면. 클릭 트리거 팝업은 방문자가 요청했기 때문에 모든 트리거 중 가장 높은 비율로 변환됩니다. 양식을 보는 모든 사람이 그것을보고 싶어했기 때문에 아무도 짜증을 내지 않고 리드가 따뜻하게 들어옵니다.
6. 자원 도서관 자물쇠로 열기
하나의 가입 뒤에 가이드, 템플릿 또는 체크리스트 모음을 게이트합니다. “전체 라이브러리”의 인식된 가치는 단일 다운로드를 능가하므로 일반 옵트인은 결코 하지 않을 이메일을 얻습니다. 라이브러리 페이지의 “액세스 가져오기” 버튼에서 클릭 트리거를 사용하여 흐름이 의도적으로 유지되도록 하고, 주소를 정직하게 유지하기 위해 이메일로 잠금 해제 링크를 전달합니다.
7. 출구 의도 리드 자석
안전망. 커서가 탭바를 향해 이동하면,the 종료 의도 트리거 마지막 제안을 발사하고,방문자가 어쨌든 떠나고 있었기 때문에 중단하는 세션을 해칠 수 없습니다. 출구 팝업은 일반적으로 포기하는 방문자의 10 – 15%를 회복하고 전체 화면 출구 디자인의 테스트는 작은 모달보다 최대 50% 더 많은 가입을 생산했습니다. 뉴스 레터가 아닌 여기에서 가장 강한 자석으로 리드하십시오.
전자 상거래 및 WooCommerce 팝업 예제
매장 팝업은 평균 주문 가치를 올리거나 판매를 구출 할 때 그 자리를 얻습니다. 이 7 개는 모든 WooCommerce 빌드에 적합합니다. 매장 자체를 조립하는 경우 우리의 라운드 업 woocommerce를 위한 최고의 Elementor 애드온 그들 주변의 위젯을 커버.
8. 1 차 할인 팝업
전자 상거래 목록 건물의 주력: 이메일의 대가로 첫 번째 주문에서 백분율. 양측이 즉시 승리하기 때문에 변환됩니다: 쇼핑객은 고려중인 구매에 돈을 절약하고 할인보다 훨씬 가치있는 가입자를 얻습니다. 가정 및 카테고리 페이지의 페이지로드,항상 카트 및 체크 아웃에서 제외되므로 정가를 지불하고있는 사람을 할인하지 않습니다. MA 팝업 라이브러리는 기성 할인 템플릿을 배송합니다; 하나를 가져 와서 백분율을 변경하고 게시하십시오.
9. 무료 배송 임계값 너지
“당신은 $12 떨어져 무료 배송에서” 평균 주문-값 기계입니다: 그것은 돈을 절약으로 다른 항목을 추가 재구성. 스크롤 트리거와 제품 페이지에 슬림 팝업 또는 막대로 표시 하 고,간격 근처 가격 베스트 셀러 컬렉션에 버튼을 바로 연결. 이메일 물어 —이 하나의 직업은 더 큰 목록이 아니라 더 큰 카트입니다.
10. 장바구니 포기 출구 제안
10 개의 카트에 약 7 개가 버려 지므로 카트 페이지가 상점에서 가장 높은 지분을 가진 부동산이됩니다. 거기에 출구 의도 팝업 (무료 배송,5% 할인 또는 “카트가 저장됩니다”라고 안심) 은 정확한 망설임의 순간을 가로 채고 카트 페이지 만 타겟팅합니다. 사이트 전체에서 동일한 팝업이 단골 열차를 타고 일부러 포기하고 할인을 기다립니다.
11. 플래시 판매 카운트 다운 팝업
긴급성은 실제일 때 작동합니다. 라이브가 포함된 페이지 로드 팝업 카운트다운 타이머 그리고 판매 종료일은 “생각해볼게”를 “지금 결정해”로 압축합니다. 장기간 변환을 유지하는 규칙: 타이머는 진실을 말해야 합니다. 판매가 끝나는 순간 팝업을 폐기합니다. 끝나지 않는 상록수 “곧 종료”는 방문자에게 귀하가 설정한 모든 향후 마감일을 무시하도록 가르칩니다.
12.재고입고 가입
품절 페이지는 일반적으로 판매 손실을 의미합니다. 클릭 트리거 “Notify me”팝업은 막다른 골목을 측정할 수 있는 수요와 관심 보장 이메일 목록으로 변환합니다. 이 가입자는 재입고 이메일이 도착하면 비정상적으로 높은 비율로 변환합니다. 왜냐하면 그들은 정확히이 제품을 요청했기 때문입니다. 장바구니에 추가가 정상적으로 앉아있는 곳에 위치한 버튼에 트리거 클래스를 추가하십시오.
13. 쿠폰 공개 팝업
두 단계: 방문자가 선택하면 코드가 나타납니다. 호기심과 헌신: 누군가가 “내 코드 공개”를 클릭하면 Zeigarnik 효과가 가입을 완료하도록 유도한 다음 코드를 사용하여 정당화합니다. 솔직한 메모: 스핀-윈 휠에는 별도의 게임화 도구가 필요합니다; 일반 공개는 무료 경로이며 카지노 미학 없이도 훌륭하게 변환됩니다.
14. 카테고리별 추천 팝업
커피 카테고리에만 커피-기어 베스트 셀러를 제안 합니다. 관련성은 전체 트릭: 일반적인 “우리의 베스트 셀러를 확인” 팝업은 광고,카테고리 일치 하는 것 처럼 느껴지는 동안 상점 도우미에서 도움말 팝업 빌더의 디스플레이 조건 처리 카테고리 타겟팅,그리고 동일 표시 조건 확장 사이트의 다른 요소에 동일한 페이지 및 역할 규칙을 가져옵니다.
참여 및 페이지 팝업 예제
모든 팝업이 이메일을 요구하는 것은 아닙니다. 이 여섯 가지는 방문자가 페이지에서 무언가를하거나,그것을 떠나지 않고 더 많은 것을 배울 수 있도록 도와줍니다. 여기서 전환은 참여,재생 된 비디오 또는 질문에 대한 답변을 의미합니다.
15. 영상 lightbox 팝업
데모 비디오를 페이지에 직접 삽입하면 누가 보든 안 보든 로드 시간이 단축됩니다. 클릭 트리거 라이트박스가 이를 뒤집습니다: 페이지는 빠르게 유지되고,비디오는 이를 선택한 방문자를 위해 깔끔한 오버레이로 열립니다. 재생 버튼 썸네일은 다음에 정확히 무슨 일이 일어날지에 대한 기대치를 설정하기 때문에 텍스트 링크보다 클릭을 더 잘 변환합니다. MA 라이브러리에는 가져올 준비가 된 비디오 라이트박스 템플릿이 포함되어 있습니다; 비디오 URL 을 교환하면 완료됩니다.
16. 이미지 갤러리 라이트박스
축소판은 모달에서 전체 크기 이미지를 엽니다. 포트폴리오 및 제품 클로즈업의 경우 방문자가 그리드를 곁눈질하는 것과 실제로 작업을 검사하는 것의 차이입니다. 검사에 소요된 시간은 문의와 상관 관계가 있습니다. 각 축소판에서 트리거를 클릭하고 이미지가 판매되도록 모달 크롬을 최소한으로 유지하십시오.
17. 새로운 기능 발표 바
화면 상단의 슬림한 페이지로드 막대는 콘텐츠를 다루지 않고 업데이트,새 페이지 또는 시작을 가리 킵니다. 결정을 요구하지 않기 때문에 해고율은 낮게 유지되며 메시지가 세션 전반에 걸쳐 표시됩니다. 더 큰 것을 시작합니까? 막대를 적절한 것과 짝을 이루십시오 Elementor 곧 페이지 사전 실행 창의 경우 막대에서 릴리스를 알립니다.
18. 피드백 마이크로-설문 조사 팝업
한 가지 질문, 두 개에서 다섯 개의 클릭 가능한 답변이 해고되었습니다 활동이 없는 후. 타이밍은 통찰력입니다: 일시 중지 한 방문자는 무언가를 처리하고 있으며,어쩌면 혼란,어쩌면 망설임,단일 질문 설문 조사가 일어나는 동안 그것을 포착합니다. 후속 양식없이 한 번의 탭으로 유지하거나 응답률이 붕괴됩니다.
19.나이 또는 콘텐츠 게이트
방문자가 나이를 확인할 때까지 콘텐츠를 차단하는 전체 화면 페이지로드 팝업. 알코올,베이핑, 일부 건강 틈새 및 특정 규제 콘텐츠에 필요합니다. 여기서 변환은 방문자를 잃지 않고 준수를 의미합니다: 두 개의 명확한 버튼,법적 매복처럼 보이지 않도록 브랜드 스타일링,미성년자 경로에 대한 리디렉션이 아닌 모든 페이지보기에서 세션 당 한 번 발사되도록 설정합니다.
20. 클릭-투-오픈 디테일 모달
가격 노트,스펙 시트,배송 조건,크기 가이드: 방문자의 10%에게 중요하고 나머지 90%에 대해서는 페이지를 어수선하게 만드는 콘텐츠. 모달을 여는 “세부 정보 보기” 링크 뒤에 배치하십시오. 레이아웃은 깨끗하게 유지되고,세부 정보를 찾는 사람들은 페이지를 다시 로드하지 않고도 답변을 얻을 수 있으며,주요 행동 촉구는 초점을 유지합니다.
유틸리티 및 규정 준수 팝업 예제
이 다섯 가지는 모든 사이트가 결국 필요로하는 실용적인 작업을 처리합니다. 그들은 거의 팔지 않지만 나쁘게하면 방문자에게 비용이 들기 때문에 전환 작업이기도합니다.
21. 쿠키 동의 통지
동의를 기록하고 방해가 되지 않는 작은 페이지 로드 바. 화면 하단에는 버튼이 2 개 있으며 전체 화면 탈취가 없습니다. 페이지를 차단하는 동의 벽은 방문자가 단어를 읽기 전에 이탈률을 높입니다. 볼트온 법적 위젯이 아닌 디자인의 일부로 읽도록 사이트에 맞게 스타일을 지정합니다.
22. 로그인 또는 등록 모달
별도의 로그인 페이지로 라우팅하는 대신 모달에서 클릭에 로그인 열기. 페이지 로드가 적다는 것은 중간 흐름에서 드롭 오프가 적다는 것을 의미하며,이는 방문자와 체크 아웃 사이에 로그인이있는 멤버십 사이트 및 상점에서 가장 중요합니다. 도서관의 로그인 템플릿은 사전 스타일; 가져오기,양식 연결,완료.
23. 위치 또는 통화 선택기
페이지로드에 지역이나 통화를 선택 처음 방문자를 요청, 다음 선택을 기억. 오른쪽 가격과 배송 조건을 앞에 표시하면 국제 전자 상거래에서 가장 불쾌한 변환 킬러를 방지: 체크 아웃에서 놀라움. 새로운 방문자 만 한 번 화재; 반복 방문자는 이미 대답.
24. 약속 또는 예약 양식 팝업
클리닉, 살롱, 컨설턴트 및 시간을 판매하는 모든 사람의 경우: 예약 양식을 보유하는 클릭 트리거 팝업은 사이트 전체의 모든 “지금 예약” 버튼이 동일한 양식을 열 수 있음을 의미하며, 서비스 당 별도의 예약 페이지를 유지하지 않고 의도와 약속 사이의 단계가 적고 가용성이 변경되면 업데이트 할 수있는 양식이 하나 있습니다.
25. 재참여 넛지
탭이 닫히기 전에 산만한 방문자를 다시 불러오는 비활동 후 메시지. 종료 의도와 다른 작업: 종료는 종료하려는 활성 결정을 포착하고,비활동은 다른 창으로 표류하는 주의를 끌게 됩니다. 부드러운 “여전히 결정 중입니까? 가장 인기 있는 옵션은 다음과 같습니다.”는 예상보다 더 자주 세션을 다시 시작하며,참여한 방문자는 이를 전혀 보지 못하기 때문에 비용이 들지 않습니다.
각 팝업을 오른쪽 트리거에 일치시킵니다
제안은 트리거를 결정합니다. Master Addons 는 5 개를 배송하며 (페이지 로드는 무료이며 나머지 4 개는 Pro 가 필요함), 잘못된 것을 선택하는 것이 좋은 팝업이 저조한 가장 일반적인 이유입니다. 이 테이블은 위의 예제를 트리거합니다.
| 트리거 | 언제 발사 | 가장 좋은 예 적합 | 조심하세요 |
|---|---|---|---|
| 클릭 시 (프로) | 방문자가 설정된 요소를 클릭합니다 | 데모 요청(5), 비디오 라이트박스(15), 예약 양식(24) | 첨부할 버튼이나 링크가 필요합니다 |
| 스크롤에 (프로) | 페이지는 설정된 퍼센트로 스크롤됩니다 | 콘텐츠 업그레이드 (3), 뉴스레터 옵트인 (2) | 너무 낮게 설정하면 관심이 존재하기 전에 실행됩니다 |
| 페이지 로드 | 지연 후 설정했습니다 | 판매 배너(11), 쿠키 공지(21), 연령 게이트(19) | 2초 미만은 짜증나는 경향이 있습니다 |
| 종료 인텐트 (프로) | 커서가 탭을 닫기 위해 이동합니다 | 카트 복구 (10), 마지막 기회 리드 자석 (7) | 데스크탑 신호, 모바일에서는 약함 |
| 비활성화 후 (프로) | 스크롤 및 이동 정지 | 피드백 설문조사(18), 재참여 넛지(25) | 자연스러울 만큼 충분히 기다리게 한다 |
이러한 팝업 중 하나를 무료로 구축하는 방법
빌드는 25 개의 모든 예제에 대해 동일합니다. 무료 Elementor 위에 무료 Master Addons 플러그인을 설치하고 Master Addons → Popup Builder 를 열고 새 팝업을 추가합니다.
- 빈 캔버스가 아닌 라이브러리에서 시작하십시오. 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 템플릿 라이브러리 보유 100+ 팝업 디자인: 옵트 인, 할인 제공, 비디오 라이트 박스, 쿠키 공지, 로그인 양식. 예제와 일치하는 것을 찾아 한 번의 클릭으로 가져 오기, 완전히 편집 가능.
- 일반 Elementor 위젯으로 편집하세요. 텍스트, 양식, 이미지, 카운트다운: 팝업 캔버스는 페이지와 똑같이 작동합니다.
- 위의 테이블에서 트리거를 선택합니다. 페이지 로드는 무료 플러그인에서 작동; 다른 사람들은 마스터 애드온 프로가 필요합니다.
- 표시 조건 설정. 무료 플러그인의 전체 사이트 또는 Pro가있는 특정 페이지 및 게시물. 이것은 대부분의 사람들이 건너 뛰고 팝업이 사람들을 괴롭 히거나 결코 표시되지 않는 이유를 궁금해하는 타겟팅 단계입니다.
스크린샷이 포함된 전체 연습 내용은 가이드에 나와 있습니다 elementor 에서 무료로 팝업을 추가하는 방법.
한 가지 정직한 한계: 팝업 빌더는 리드를 캡처하고 제안을 보여 주지만 이메일 플랫폼이나 A/B 테스트 스위트가 아닙니다. 분할 테스트 및 심층 분석이 필요한 경우 전용 도구와 페어링하십시오; 우리의 비교 워드 프레스에 대한 최고의 팝업 빌더 플러그인 그 영역을 지도화한다. 이 25 개 이상의 디자인 영감을 위해 Elementor 자신의 팝업 예제 스크롤할 가치가 있으며 무료 플러그인이 있습니다 워드프레스 디렉토리 빌드할 준비가 되면 언제든지.
자주 묻는 질문
Elementor 에서 팝업을 어떻게 생성합니까?
Free Elementor 에는 내장 팝업 빌더가 없으므로 플러그인으로 하나를 추가합니다. Elementor 플러그인용 무료 Master Addons 를 설치하고 Master Addons,Popup Builder 로 이동하여 새로 추가를 클릭하고 Elementor 위젯으로 팝업을 디자인하고 트리거를 선택하고 표시 조건을 설정하고 게시합니다. 흐름은 10 분 미만입니다.
Elementor 에서 무료로 팝업을 만들려면 어떻게 해야 하나요?
무료 Master Addons Popup Builder 를 사용하십시오. 무료 버전의 Elementor 에서 실행되며 전체 사이트에서 페이지로드에 팝업을 엽니 다. On Click,On Scroll,Exit Intent 및 After Inactivity 트리거 및 페이지 수준 타겟팅에는 Master Addons Pro 가 필요합니다. Elementor Pro 는 Elementor 의 자체 네이티브 Popup Builder 를 대신 원하는 경우에만 필요합니다.
버튼 클릭 시 Elementor 팝업을 어떻게 트리거합니까?
Master Addons Pro 를 사용하면 팝업 트리거를 On Click 으로 설정하고 open-popup 과 같은 CSS 클래스를 입력합니다. 그런 다음 고급,CSS 클래스 아래의 버튼 위젯에 동일한 클래스를 추가합니다. 해당 클래스가 있는 모든 버튼은 팝업을 열고 이미지,아이콘 및 링크에 대해 동일한 방법이 작동합니다.
무료 Elementor 팝업 템플릿이 있습니까?
예. Master Addons 팝업 라이브러리는 무료 플러그인 내부에 100+ 템플릿을 제공하여 옵트인,판매 배너,비디오 라이트박스,쿠키 공지 및 로그인 양식을 포함합니다. 각 템플릿은 한 번의 클릭으로 가져오며 평가판 제한이나 워터마크 없이 Elementor 에서 완전히 편집할 수 있습니다.
Elementor 팝업이 표시되지 않는 이유는 무엇입니까?
일반적인 원인은 표시 조건이 누락된 것입니다. include 규칙이 없는 팝업은 편집기에서 바로 보일 때에도 프런트 엔드에 절대 나타나지 않습니다. 팝업 설정을 열고 전체 사이트 또는 특정 페이지와 같은 표시 조건을 추가하고 편집기 미리보기가 아닌 일반 브라우저 탭에서 저장하고 테스트합니다.
관련 읽기
