29 종료 의도 팝업 예제 및 효과
게시 됨: 2022-05-12사람이 웹 페이지에서 보내는 평균 시간은 54초입니다. 많은 시간은 아니지만 이탈 의도 팝업을 유지하도록 유도할 수 있습니다.
웹사이트에 머무는 시간이 길수록 전환 가능성이 높아집니다. 사이트의 다른 클릭 유도문안을 놓치면 이탈 팝업이 사이트 방문자의 일부를 포착할 수 있습니다. 그러면 그들은 계속 읽거나 이메일 뉴스레터를 구독하거나 구매할 수도 있습니다.
새로운 리드를 유치하는 비용이 증가하고 있습니다. 실제로 마케터의 60% 이상이 지난 3년 동안 고객 확보 비용이 올랐다고 말합니다.
적절한 타이밍과 메시지가 있는 이탈 의도 팝업은 비용 효율적인 리드 생성 도구입니다. 그들은 당신을 도울 수 있습니다:
- 방문자를 사이트에 더 오랫동안 유지
- 전환수 증가
- 장바구니 포기율 감소
- 이메일 구독자 목록 늘리기
이탈 의도 팝업이란 무엇입니까?
사용자가 웹사이트를 떠나려고 할 때 이탈 의도 팝업이 사용자의 화면에 나타납니다. 일반적으로 종료 팝업은 사용자를 사이트로 다시 끌어들이도록 제안합니다.
즉, 이탈 의도 팝업은 방문자 중 한 명이 브라우저 창을 닫으려는 시점을 알 수 있습니다. 그들은 방문자를 페이지에 유지하고 희망적으로 전환하도록 설계된 귀중한 제안이나 메시지를 제공합니다.
이탈 의도 팝업은 어떻게 작동합니까?
방문자가 귀하의 제품 라인을 검색하는 전자 상거래 사이트에 있다고 상상해보십시오. 그런 다음 현재 있는 웹 페이지를 종료하기로 결정하고 웹 사이트 페이지에서 커서를 이동합니다. 그러나 페이지에 머물도록 유도하는 쿠폰 코드 또는 무료 평가판과 같은 제안과 함께 팝업이 나타납니다. 그들은 귀하의 사이트를 떠나는 대신 귀하의 CTA를 클릭하고 전환합니다.
모바일 사이트의 이탈 의도 팝업은 어떻습니까?
웹사이트 트래픽의 절반 이상이 모바일 장치에서 발생합니다. 그러나 모바일에서 이탈 의도를 추적할 수 있는 신뢰할 수 있는 방법은 없습니다. 그러나 이탈 의도 팝업이 커서 움직임을 추적하여 작동한다면 이 전략은 모바일 장치에서 어떻게 작동합니까?
팝업 도구가 모바일에서 이탈 의도를 측정하는 데 사용하는 트리거는 다양합니다. 사용자가 휴대기기에서 사이트를 보고 있는 경우 다음과 같은 경우 팝업이 트리거될 수 있습니다.
- 뒤로 버튼을 누르십시오
- 페이지 비율 스크롤
- 아래 대신 위로 스크롤
- 브라우저에서 탭 간 전환
- 일정 시간 동안 페이지에 머 무르십시오.
- 페이지를 유휴 상태로 유지
- JavaScript 요소 트리거
2016년에는 팝업과 같은 전면 광고에 대한 Google의 접근 방식에 대해 많은 소문이 있었습니다. 업데이트에 따르면 방해가 되는 전면 광고는 모바일에서 페이지 경험 점수에 영향을 미칠 것입니다.
2022년 2월 Google 업데이트와 함께 전면 광고도 데스크톱 환경 평가의 일부가 됩니다. 즉, 이탈 의도 팝업에 대한 훌륭한 사용자 경험을 만드는 것이 필수적입니다.
데스크톱 및 휴대기기에 대해 별도의 이탈 의도 팝업을 만드는 것이 가장 좋습니다. 이렇게 하면 청중이 선택하는 방식에 관계없이 청중을 위한 최상의 경험을 만들 수 있습니다.
이탈 의도 팝업을 사용하는 이유는 무엇입니까?
이탈 의도 팝업은 웹사이트 방문자에게 즉각적이고 이해하기 쉬운 가치를 제공함으로써 작동합니다.
올바른 이탈 의도 팝업은 방문자를 사이트에 더 오래 머물게 하는 데 도움이 됩니다. 적절한 시간에 적절한 웹 페이지에서 사용 및 공유될 때 이탈 의도 팝업은 수익 증대를 위한 효과적인 전략이기도 합니다.
중요한 참고 사항: 사람들이 아직 조치를 취하지 않은 경우에만 이탈 의도 팝업을 사용하십시오. 잘못된 시간에 실행되는 팝업은 청중에게 짜증나고 비인간적으로 느껴질 수 있습니다.
훌륭한 종료 의도 팝업 만들기
모든 사람이 팝업 팬은 아닙니다. 그러나 훌륭한 출구 의도 팝업은 공포 영화의 점프 겁과 같을 수 있습니다. 신중하게 사용하면 강력한 영향을 미칠 수 있습니다.
사이트에 팝업이 너무 많거나 제대로 디자인되지 않은 경우 해당 특별 제안이 빠르게 성가시게 될 수 있습니다.
이탈 의도 팝업을 훌륭하게 만드는 요소에 대해 이야기해 보겠습니다.
복사
이탈 의도 팝업은 대담하고 간단한 메시지를 전달해야 합니다. 따라서 강력한 헤드라인을 만들고 설명을 짧고 읽기 쉽게 만드십시오.
팝업이 어떻게 문제를 해결하거나 방문자에게 유용한 솔루션을 제공할 수 있는지 생각해 보십시오.
CTA
클릭 유도문안을 명확하고 이해하기 쉽게 만드세요. 동기를 부여하는 단어와 문구가 핵심입니다. 귀하의 제안은 고유해야 하며 귀하의 브랜드와 일치해야 합니다.
올바른 이미지 선택
올바른 이탈 의도 이미지는 제안과 관련되어야 합니다. 또한 타겟 고객과 연결되어야 합니다. 최고의 이미지는 시선을 사로잡지만 너무 시끄럽지 않아 귀하의 제안을 산만하게 만들지 않습니다.
설계
팝업은 명확하고 스캔하기 쉽고 모바일 장치에서 보기 좋게 표시되어야 합니다. 또한 웹사이트의 디자인 및 분위기와 일치해야 합니다.
사용자 경험에 대해서도 생각하고 싶을 것입니다. 일부 사용자는 전체 창을 채우는 팝업에 문제가 없습니다. 그러나 다른 사람들은 이것이 압도적이라고 생각하고 화면의 측면이나 하단에 작은 팝업을 선호할 수 있습니다.
테스트
A/B 테스트를 실행하면 팝업 배치와 메시지를 개선하는 데 도움이 될 수 있습니다. 예를 들어, 이탈 의도 팝업을 사용하여 이메일 목록을 분류하는 것은 좋은 생각이지만 제대로 하려면 시간이 걸릴 수 있습니다.
팝업이 구매자 여정의 적절한 순간에 잠재 고객과 고객을 대상으로 하는지 확인하기 위해 몇 가지 테스트를 수행해야 할 수도 있습니다.
종료 의도 팝업을 만드는 방법
웹 페이지에 팝업을 추가하는 가장 쉬운 방법은 이탈 의도 소프트웨어 도구를 사용하는 것입니다.
예제를 통해 이러한 도구 중 하나에서 얻을 수 있는 기능과 이점을 살펴보겠습니다.
종료 의도 팝업 소프트웨어: HubSpot 종료 의도 양식
가격: 영원히 무료, $45/월(스타터), $800/월(프로페셔널), $3,200/월(엔터프라이즈)
HubSpot의 팝업 양식은 사이트 방문자가 떠나는 것처럼 보일 때 표시될 수 있습니다.
맞춤 이탈 의도 양식을 표시한 후 감사 메시지를 표시하거나 새 연락처에 자동 이메일을 보낼 수 있습니다. 팝업 양식을 사용하여 과거 방문 및 행동에 대한 데이터를 기반으로 특정 연락처를 타겟팅하도록 선택할 수도 있습니다.
HubSpot으로 이탈 의도 양식을 추가하는 것은 간단하고 빠릅니다. 이 도구를 사용하면 메시지, 테마 및 팝업 시간을 사용자 지정할 수도 있습니다.
출구 의도 팝업을 지원하는 시장의 다른 도구에는 Optinmonster, Sleeknote 및 Informizely가 있습니다.
팝업을 만드는 것은 헤드라인을 작성하는 것과 같습니다. 둘 다 단순해 보이지만 잘하기는 어렵다. 다음 섹션에서는 최고의 이탈 의도 팝업 예시를 검토할 것입니다.
리드 생성 유도를 위한 최고의 이탈 의도 팝업 예시
2021년에 77% 이상의 마케터가 이메일 참여가 증가했습니다. 그러나 강력한 구독자 목록이 없으면 이메일로 고객의 참여를 유도할 수 없습니다.
다음은 이탈 의도 팝업 생성에 영감을 주고 안내하는 리드 생성을 위한 최고의 이탈 의도 팝업 예시입니다.
이메일 또는 뉴스레터 구독 종료 의도 팝업 예시
1. 푸시 리빙
이 예가 작동하는 이유: 이 팝업의 텍스트는 이 뉴스레터가 누구를 위한 것이며 구독하면 무엇을 얻게 되는지 이해하기 쉬운 방식으로 알려줍니다. 구독 버튼은 크고 굵게 표시되어 고객이 원하는 행동을 명확하게 보여줍니다.
2. 옴솜
이 팝업이 작동하는 이유 : 이 예는 시기 적절하고 브랜드에 적합하며 눈길을 끕니다. 이메일 마케팅을 통해 얻을 수 있는 가치(훌륭한 음식, 문화 및 창립자의 독점 제품)를 명확하게 명시하고 있습니다.
리소스 제안 종료 의도 팝업 예
3. 액티브캠페인
팝업이 작동하는 이유: 이 예에서는 6개의 무료 이메일 템플릿을 제공합니다.
ActiveCampaign은 대상 고객에게 유용한 정보로 가치를 제공하고 있습니다. 회사는 또한 업계에서 생각하는 리더로 자리 매김하고 있습니다.
4. 팀 페리스
이러한 예가 작동하는 이유: 이 팝업에는 강력한 헤드라인과 간단한 다운로드 제안이 포함되어 있습니다. 이미지는 잘 알려진 인플루언서인 Tim Ferriss를 강조합니다. 그는 자신을 성공으로 이끈 몇 가지 질문을 공유할 예정이라고 합니다.
코스 또는 레슨이 포함된 종료 팝업 예제
5. 총회
이 팝업이 작동하는 이유: 총회는 스마트 헤드라인을 사용하여 이 팝업 양식으로 사용자를 끌어들입니다. 작성해야 할 사항은 단 세 가지이며 양식을 빨리 작성할 수 있도록 선택 사항이 제한되어 있습니다.
팝업 하단에 있는 주제에 대한 확인란은 또한 웹사이트를 스캔하여 얻지 못한 경우 총회에서 제공하는 내용을 강조 표시합니다.
이메일 목록 분할을 위한 종료 의도 팝업 예시
개인화는 마케터가 이메일 결과를 개선하는 최고의 방법입니다. 현재 구독자를 분류하기 위해 할 수 있는 일이 많이 있습니다. 하지만 첫날부터 세분화할 수 있을 때 개인화하기 위해 기다려야 하는 이유는 무엇입니까?
이러한 이탈 의도 팝업 예시는 구독할 때 리드를 분류할 수 있는 기회를 제공합니다. 이렇게 하면 처음부터 그들이 좋아할 이메일 콘텐츠를 더 쉽게 제공할 수 있습니다.
예/아니오 양식의 종료 팝업 예
6. 코세라
이 이탈 팝업이 작동하는 이유: 이 화면 하단 팝업은 이탈을 사용하여 빠른 요청을 알립니다. Coursera는 귀하가 이에 대해 어떻게 들었는지 알아보는 데 도움이 되기를 바랍니다. 이 글은 설문조사에 소요되는 시간과 질문할 내용을 신속하게 설명하는 직접적입니다.
피드백을 수집하기 위해 의도 팝업 종료
7. 에버레인
이 예가 작동하는 이유: 이 양식은 구독자를 유치하기 위해 할인을 제공합니다. 간단한 양식을 추가하면 쇼핑할 가능성이 가장 큰 제품이 포함된 이메일을 보내는 데 도움이 됩니다.
8. 쓰레드업
팝업이 작동하는 이유: 이 사이트를 탐색할 때 구매 프로세스에 도움이 되는 많은 팝업이 있습니다. 떠나기 전에 가입 제안을 통해 웹 사이트 경험을 계속 개인화합니다. 이 양식은 이미 공유한 정보를 저장하는 간단한 방법입니다.

방해가 되는 대신 이 예는 쇼핑 프로세스의 자연스러운 일부처럼 느껴집니다. 그것은 또한 미래에 그들과 더 쉽게 쇼핑할 수 있는 방법입니다.
9. 헤이메브
이러한 예가 작동하는 이유: 이 양식에는 패션에 정통한 독자가 사용하는 용어가 포함되어 있습니다. 이것은 HEYMAEVE가 구독자에게 그들이 원하는 모양을 제공하는 데 도움이 되며 또한 제공하는 보석의 범위를 보여줍니다.
이러한 유형의 고객 경험은 구매하지 않더라도 리드에게 좋은 인상을 남깁니다. 당신은 그들에게 개인적인 경험을 제공하고 있습니다. 이것은 그들이 나중에 다시 돌아오거나 입에서 입으로 그들의 네트워크에서 당신의 사업을 홍보하도록 이끌 수 있습니다.
맞춤형 제안 종료 팝업 예시
10. 지큐
이 팝업이 작동하는 이유: GQ는 웹사이트를 통해 따라가는 경로를 사용하여 가장 관심 있어 보이는 것을 기반으로 맞춤형 제안을 제공합니다. 예를 들어 추천 을 클릭하고 추세를 스캔하면 이 GQ Daily 양식이 표시됩니다.
양식의 색상은 선택하려는 항목을 강조 표시합니다.
11. 파타고니아
다음과 같은 예시가 작동하는 이유: 이 이탈 예시는 사용자를 분류하지 않습니다. 그러나 지속 가능한 의류에 대한 빠른 통찰력을 제공하여 사용자 경험을 개선합니다. 그런 다음 잠재 고객을 새롭고 가치 있는 리소스로 안내합니다.
이 텍스트는 또한 귀하가 메인 사이트로 돌아올 때 온라인 상점에서 계속 쇼핑할 수 있다는 확신을 줍니다.
콘테스트 종료 팝업 예시
12. 쥬얼센트
이 예제가 작동하는 이유: JewelScent는 예제의 색상으로 인해 밝고 재미있는 콘테스트를 제공합니다. 지시 사항은 간단하고 요점입니다. 신규 고객에게 예상하지 못한 짧은 게임을 제공합니다.
13. 웨스트 느릅나무
이 팝업이 좋은 이유: West Elm이 제공하는 이 콘테스트 제안은 휴식과 휴식에 초점을 맞춥니다. 또한 어버이날을 불과 몇 주 앞두고 지친 엄마들을 달래는 방법을 제공합니다.
채팅에 대한 의도 팝업 종료 제안
14. MMLaFleur
이러한 예가 작동하는 이유: 이 채팅 예는 스타일리스트가 귀하에게 적합한 크기와 스타일을 찾는 데 어떻게 도움이 되는지에 대한 힌트를 제공합니다. 이 팝업을 통해 온라인 구매에 대한 공통 장벽을 예상하고 이를 해결하는 방법을 보여줍니다.
판매 종료를 위한 종료 팝업 예시
귀하는 귀하의 사이트로 트래픽을 유도하는 데 시간과 자원을 소비하고 있습니다. 하지만 평균 온라인 장바구니 이탈률은 69.82%입니다.
대부분의 방문자가 구매에 가까워지고 결승선을 통과하기 직전에 출발한다는 사실을 받아들이기가 어려울 수 있습니다.
이러한 이탈 팝업은 구매자가 전환될 때까지 사이트에 유치한 구매자를 유지하는 방법의 대표적인 예입니다.
장바구니 포기 종료 의도 팝업 예시
15. 로시의
이 팝업이 작동하는 이유: 이 장바구니 포기 종료 팝업은 장바구니에 항목이 있는 사람이 사이트에서 마우스를 이동하는 순간 페이지에 표시되기 때문에 효과적입니다.
방문자에게 장바구니에 상품을 남겨두고 있음을 상기시킬 뿐만 아니라 즉시 할인을 제공하고 쇼핑객이 가장 보고 싶은 콘텐츠를 구독할 수 있는 기회를 제공합니다.
이는 회사가 귀하의 의견과 피드백을 소중하게 생각한다는 것을 보여주기 때문에 강력합니다.
구매 종료 의향 팝업 예시
16. 엘랄루즈
이러한 예가 작동하는 이유: Elaluz 랜딩 페이지를 나가면 화면에 15% 할인 혜택이 표시됩니다.
쿠폰 코드는 구매 행동에 영향을 미칩니다. 이 예에는 이메일 주소도 필요합니다. 즉, 코드를 원하는 사람은 그날 코드를 사용하든 사용하지 않든 이메일을 공유하게 됩니다.
17. 떡키즈
이 출구 팝업이 작동하는 이유: 이 대담한 디자인은 재미있는 타이포그래피, 색상 및 그래픽을 사용하여 주의를 끕니다. 이 예를 통해 Mochi Kids는 할인을 제공할 뿐만 아니라 그들의 제품이 아이들을 위해 만들 수 있는 세상의 종류를 보여줍니다.
18. 실
이 팝업 예제가 작동하는 이유: 건강한 식물의 이미지와 "흙을 가져오라"는 제안은 이 예제가 The Sill의 브랜드 및 제품과 일치하는지 확인합니다. 또한 매력적인 할인을 제공합니다.
19. 컬
이 팝업 종료가 작동하는 이유: 효과적인 타이밍 외에도 이 팝업은 페이지의 방문자가 자연스럽게 커서를 움직여야 하는 페이지 중앙인 이상적인 위치에 있습니다. 이 예에서 "CURLista"라는 용어는 가입할 때 귀하만큼 머리카락에 관심이 있는 커뮤니티에 가입하게 될 것임을 알려줍니다.
20. 스컬캔디
이 팝업이 작동하는 이유: 깜짝 콘테스트 참가를 제공하기 때문에 독특합니다. 방문자는 구독하면 20% 할인을 받을 수 있다는 것을 알고 있지만 흥미롭고 유혹적인 특별 자전거도 받을 수 있는지 여부는 모릅니다.
21. 응우옌 커피 공급
이 팝업이 작동하는 이유: 이 예는 이메일 주소와 교환하여 할인을 제공하지 않습니다. 대신, 그들은 당신이 그들의 사이트를 떠나기 전에 당신에게 할인을 제공하기를 원한다는 것을 분명히 합니다. 그런 다음 할인 코드를 제공하기 위해 이메일 주소가 필요합니다.
이 접근 방식을 사용하면 이 예제가 메일링 리스트에 가입하는 것보다 귀하의 요구 사항에 더 중점을 둔 것처럼 느껴집니다.
독점 제공 종료 의도 팝업 예시
22. 메이드웰
이 예가 작동하는 이유: 이 예에는 스마트 일러스트레이션과 시선을 사로잡는 디자인이 포함되어 있습니다. 이러한 추가 기능으로 인해 이 양식은 부담스럽지 않고 읽기 쉽고 작성하기 쉽습니다. 왼쪽 열은 가입의 이점에 대해 설명하고 더 많은 가능성을 보여줍니다.
23. 미모차이
이 팝업이 작동하는 이유: 봉투의 하트와 같은 디자인 세부 사항은 이 예제를 환영하는 놀라움처럼 느끼게 합니다. 디자인은 페이지에서 눈에 띄지만 방해가 되지는 않습니다.
제품 데모 종료 의도 팝업 예시
24. 젠데스크
이러한 팝업이 작동하는 이유: 이 예제는 시간을 낭비하지 않습니다. 대신 제품 데모를 유도하기 위해 빠른 스냅샷에서 제품이 제공하는 모든 것을 다룹니다. 헤드라인은 당신이 무엇을 할 수 있는지 알려주고, 지원 텍스트는 그들의 제품이 어떤 문제를 해결하는지 알려줍니다.
이미지는 Zendesk 대시보드를 보여줍니다. 이를 통해 사용자는 대시보드를 이미 사용 중인 대시보드와 쉽게 비교할 수 있습니다. 잠재 고객은 하단에 있는 버튼을 클릭하여 데모 일정을 잡기만 하면 됩니다.
긴급성을 추가하는 팝업 예시
25. 플라밍고
이 팝업이 작동하는 이유: 이 예는 이 귀중한 이벤트에 참석하기를 원하는 경우 알아야 할 사항을 훌륭하게 다루고 있습니다. 마감일을 명확히 하는 것 외에도 텍스트와 디자인은 신속하게 행동하면 무엇을 절약할 수 있는지 정확히 보여줍니다.
26. 코드아카데미
이 팝업 예제가 작동하는 이유: 이 예제에서는 다양한 텍스트 크기를 사용하여 가장 중요한 내용을 강조합니다. 기한으로 시작하여 곧 조치를 취하면 무엇을 얻을 수 있는지 알려줍니다. 다음으로, 밝은 노란색 버튼을 클릭한 후 가입을 막을 수 있는 차단기가 없도록 지침을 제공합니다.
관련 상품 또는 인기 상품을 제안하는 종료 의도 팝업
27. 블라비티
이 이탈 팝업이 작동하는 이유: 이 예에서는 시선을 끌기 위해 눈에 띄는 이미지와 굵은 글꼴을 사용합니다. 메시지는 브랜드를 강화합니다. 또한 굵은 텍스트가 있는 버튼의 대비되는 분홍색은 Blavity의 모바일 콘텐츠를 원하는 경우 수행해야 하는 작업을 명확하게 나타냅니다.
반대 극복을 위한 팝업 예시
28. 탐스
이 예가 작동하는 이유: 쇼핑객이 온라인 쇼핑 카트를 포기하는 가장 큰 이유인 배송 비용을 해결하는 것 외에도 Tom이 이 예에서 사용하는 이미지는 최고의 제품을 강조합니다. 이는 호기심 많은 쇼핑객이 계속 찾아보도록 유도하는 데 도움이 됩니다.
29. 모과
이 팝업이 작동하는 이유: 이 예는 무시할 수 없는 굵은 문장을 만듭니다. 한 번만 무료 배송되는 것이 아니라 모든 주문에 대해 무료 배송됩니다.
무료 배송은 온라인 쇼핑객에게 중요한 제안입니다. 그러나 일반적으로 체크아웃할 때까지 배송에 대해 아무 것도 볼 수 없습니다. 이것은 팝업에서 공유하는 것을 스마트하게 만듭니다.
이탈 의도 팝업으로 전환수 늘리기
이탈 의도 팝업은 단순하지만 강력한 마케팅 및 리드 생성 전략입니다. 일단 실행에 옮기면 웹사이트에 더 많은 독자를 확보하고 전환수와 수익을 늘릴 수 있습니다.
다음 단계는? 결과를 분석하고 개선하는 방법을 배웁니다.
편집자 주: 이 게시물은 원래 2021년 11월에 게시되었으며 포괄성을 위해 업데이트되었습니다.