그들을 좋아하든 싫어하든 이탈 의도 팝업은 여기에 남아 있습니다. 올바르게 설계하고 구현하면 팝업은 각 방문에서 가치를 추출하는 편리한 도구입니다. 종료 의도 팝업을 통해 더 많은 전환을 극적으로 유도하는 방법을 보여 드리겠습니다
이는 많은 온라인 소매업체가 Google Ads 및 Facebook 광고와 같은 유료 채널을 통해 시장 성장을 추구하는 . 모든 상호작용을 중요하게 만드는 것이 그 어느 때보다 중요합니다.
그러나 종료 의도 팝업이 널리 채택되면서 그 효과가 줄어들기 시작했습니다.
군중 속에서 눈에 띄려면 이탈 의도 팝업을 디자인할 때 몇 가지 중요한 규칙, 즉 이 전환 최적화 도구를 최대한 활용하는 데 도움이 되는 몇 가지 중요한 규칙을 고려해야 합니다.목차
1. 종료 팝업을 고유하게 만드십시오.
팝업은 어디에나 있습니다. 이는 방문자가 바운스 같은 행동을 보이더라도 방문자의 참여를 유지하는 효과적인 수단이 될 수 있기
그러나 이러한 인기로 인해 소매업체는 다른 제품과 차별화하기 위해 더 열심히 노력해야 합니다. 이는 팝업 자체의 디자인부터 시작됩니다.
아래 예에서는 제안 자체가 매력적입니다. 그러나 이 팝업의 효과는 상자 디자인으로 인해 손상되었으며, 이는 일부 저가 브랜드 표시와 함께 팝업 가입을 복잡하게 만듭니다.
출처: 헬로바
1.1 무엇이 그렇게 나쁜가요?
팝업 뒤의 배경을 자세히 살펴보면 "Nightmare Alert"로 시작하는 뉴스 헤드라인을 볼 수 있습니다. 나는 그것이 여기서 일어나고 있는 일에 대한 매우 정확한 설명이라고 생각합니다.
- 디자인: 나쁨. 처음 본 것은 큰 실수처럼 보입니다. 버튼이 아래쪽에 매달려 있는 녹색 선은 디자이너가 마우스에 머리를 대고 잠든 것처럼 보입니다.
- 선명도: 나쁨. 그리고 도대체 제목이 무슨 뜻인가요? 클릭.클릭.클릭. 더 자세히 살펴보면 뉴스레터의 이름이지만 첫 번째 로드에서는 전혀 명확하지 않습니다.
- 명확성: 더 나쁩니다. 그런 다음 고전적인 "Clear vs Clever" 헤드라인 처리를 받습니다. 왜 "Gif"라는 단어의 발음에 대해 이야기하고 있습니까? 이것이 무엇인지, 그리고 왜 내 이메일을 당신에게 알려줘야 하는지 말해주세요.
- 디자인: 나쁨. 게다가 그 배경도 형편없다.
팝업은 페이지에 속한 것처럼 보여야 합니다 . 웹사이트의 전반적인 브랜딩과 조화를 이루어야 합니다. 일관되지 않은 디자인은 방문자가 귀하의 팝업이 가치를 제공할 수 있는 팝업이 아니라 스팸이라고 생각하게 만들 수 있습니다. 브랜딩을 웹 사이트의 색상 구성 및 글꼴과 일치시키면 '미투(me-too)' 팝업 디자인으로 가득한 세상에서 독특함을 유지하면서 원활한 경험을 선사합니다.
SwissWatchExpo 의 아래 팝업은 색상 구성표와 전반적인 브랜딩이 웹사이트와 확실하게 동기화되어 일관된 디자인이 실제로 작동하는 훌륭한 예입니다.
2. CTA는 관련성이 있고 간결하며 즉시 사용할 수 있나요?
CTA (클릭 유도 문구) 디자인은 적을수록 좋습니다 방문자가 종종 팝업을 건너뛰는 두 가지 주요 이유는 CTA에 간결한 관련성(예: 인지된 가치)이 부족하거나 즉각적인 만족을 제공하지 않기 때문입니다.
종료 팝업의 경우 사용자는 브랜드 또는 제품별 단서를 통해 랜딩 페이지의 관련성이 부족하다고 이미 결정했습니다.
따라서 종료 팝업은 의미 있는 관련성을 보여주는 마지막 기회 이며 짧고 간결하며 즉시 사용할 수 있어야 합니다.
즉, '무엇'(제안이 무엇인가요?), '왜'(이것이 가치가 있나요?), '언제'(지금 받을 수 있나요?)와 관련된 질문에 답해야 합니다.
Pura Vida 팔찌 의 다음 팝업은 매력적인 CTA의 완벽한 예입니다. 여기에서는 제안이 간결하고 시각적으로 매력적일 뿐만 아니라 '무료 팔찌 받기' 버튼을 통해 요청이 어떻게 이행될지 전달합니다. 그 아래의 텍스트는 즉각적인 만족감을 더욱 강화합니다.
3. 항상 'F자형' 규칙을 따르세요.
'F자형' 규칙은 전환율 최적화 세계에서 잘 확립된 경험 법칙입니다. 이는 방문자가 새 웹사이트를 처음 접할 때 'F자형' 패턴으로 랜딩 페이지를 조사한다고 가정합니다.
종료 팝업(또는 해당 문제에 대한 모든 팝업)을 디자인할 때 유사한 접근 방식을 채택해야 합니다. 즉, 핵심 메시지를 F자 모양으로 배치해야 합니다. 팝업이 전체 화면 크기의 3/4보다 큰 경우 특히 그렇습니다.
아래 예에서 팝업의 왼쪽은 사용자의 시선이 자연스럽게 끌리는 프라임 스크린 영역입니다.
따라서 왼쪽은 CTA의 주요 텍스트 요소를 배치해야 하는 곳이고 오른쪽은 기본 이미지용으로 남겨두어야 합니다. 이렇게 하면 핵심 메시지에 더 많은 관심이 집중되어 잠재 고객의 참여를 유지할 가능성이 높아집니다.
4. 모든 종료 팝업을 동일하게 만들지 마십시오
소매업체에서 흔히 저지르는 실수는 모든 페이지에 동일한 종료 팝업을 사용하는 것입니다. 이는 근본적으로 '종료' 동작(사람들이 특정 페이지를 종료하기로 선택한 구체적인 이유)의 컨텍스트를 무시합니다.
이러한 맥락을 이해하면 개인화된 제안으로 팝업을 맞춤화할 수 있는 중요한 기회가 제공됩니다.
예를 들어 장바구니 포기는 성장하는 소매업체와 기존 소매업체 모두에게 중요한 문제입니다. 배송비는 일반적으로 장바구니 포기의 주요 원인 . 또는 더 구체적으로 주문에 추가되는 비용은 직전에만 .
이는 배송비가 과도하다고 생각하여 더 나은 거래를 원하는 고객에게 중요한 문제가 될 수 있습니다. 이 경우 '표준' 종료 팝업은 어떤 형태로든 거래 할인을 제공하지 않는 한 사용자가 결제를 계속하도록 설득하는 데 효과적이지 않습니다.
그리고 귀하의 사이트로 고객을 유치하기 위해 많은 시간, 돈 또는 노력을 소비했지만 고객이 마지막 장애물에 부딪혔다면 CTA가 무료 배송(또는 일부 형식)을 제공하는 맞춤형 팝업을 실행하는 것을 고려할 수 있습니다. 배송 할인) 첫 판매에서 승리하세요.
예, 마진을 희생하고 있지만 이 한 가지 방법으로 전체 전환율에 놀라운 효과를 얻을 수 있습니다!
5. 잘못된 긴박감을 전달하지 마세요
제한된 시간 동안의 제안을 통해 긴박감을 전달하는 것은 정교한 소매업체에서 자주 사용하는 전술입니다. 그러나 이렇게 하면 다음과 같이 보이지 않습니다.
귀하의 고객은 똑똑합니다. 지나치게 극적인 방식으로(그리고 잠재 고객이 출구로 향하는 것처럼) 가격을 낮추는 것도 제품에 대한 인지된 가치와 신뢰성을 빠르게 감소시킬 수 있습니다.
즉, 이는 사용자에게 '이것은 실제로 일회성 거래인가, 아니면 나중에 다시 와서 동일한 팝업을 볼 수 있는가?'라고 생각하게 만들 수 있습니다.
여기서 문제는 가격 인하가 아니다. 전달 되는지에 실수가 있습니다 .
이 전술을 실행하는 더 좋은 방법은 아래 예를 따르고 제안을 청구하기 위한 시간별 카운트다운을 추가하는 것입니다.
가장 하지 않습니다 . 대신, 사용자에게 개인화되고 시간에 민감한 제안을 제공합니다.
그럼 어떻게 시작하나요?
6. 시작하기 위한 팝업 도구
좋은 소식은 팝업의 효과를 변화시킬 수 있는 도구가 많이 있다는 것입니다.
시작하는 데 도움이 되는 몇 가지 사항은 다음과 같습니다.
6.1 OptinMonster [ 20% 할인 특가 ] [SaaS]
이메일 수신을 확보하거나 팝-울 전환율을 높이는 최상의 솔루션에 대해 질문을 받으면 저는 의심할 여지 없이 OptinMonster라고 대답합니다. 그 이유는 제가 여기 Monetize.info에서 3년 넘게 이 앱을 사용하고 있는데 그 결과가 이보다 더 만족스러웠던 적이 없기 때문입니다.
OptinMonster는 아마도 해당 가격대에서 가장 기능이 풍부한 팝업 도구일 것입니다. 그들의 서명 이탈 의도 기술은 방문자의 추가 2-4%를 .
6.2 ConvertPro [ 10% 할인 특가 ] [WP 플러그인]
Convert Pro는 웹사이트에서 전환율을 높이려는 모든 사람이 사용할 수 있는 효과적인 WordPress 팝업 플러그인입니다. 이는 기술 전문가가 아닌 일반 WordPress 사용자를 대상으로 종료 의도 기술을 사용하여 이메일 목록을 작성하는 데 도움이 되는 최고의 플러그인 중 하나라는 점을 염두에 두고 만들어졌습니다. 이 플러그인과 함께 제공되는 시각적 편집기를 사용하여 원하는 대로 선택하거나 디자인할 수 있는 62개의 템플릿이 있습니다
6.3 픽크릴 [SaaS]
Picreel은 방문자의 디지털 발자국과 클릭 행동을 실시간으로 추적하여 웹 사이트의 제안을 최적화한 다음 그들이 귀중한 콘텐츠를 탐색할 때 가장 관련성이 높은 제안을 제공합니다. Picreel은 통합하기 쉽고 강력한 A/B 테스트 기능을 갖추고 있습니다. 이를 통해 소매업체는 다양한 버튼, 스타일, 색상 및 텍스트의 성능을 테스트할 수 있습니다.
6.4 WisePops [SaaS]
WisePops를 사용하면 몇 분 만에 멋진 팝업을 쉽게 만들 수 있습니다. 설계, 타겟팅 및 분석을 위한 강력한 솔루션을 제공합니다. 더 좋은 점은 14일 무료 평가판을 제공한다는 것입니다.
6.5 옵티몽크 [SaaS]
이 사람들은 종료 팝업을 전문으로 합니다. 사용하기 쉬우면서도 기능이 풍부한 이 도구는 확실히 시중에 나와 있는 최고의 팝업 도구 중 하나입니다.
6.6 계층형 팝업 [WPPlugin] [$21]
Layered Popups는 모든 팝업 요구 사항을 처리하는 WordPress 플러그인입니다. 90개의 이메일 마케팅 시스템(목록은 매우 인상적)과 잘 통합되며 모든 종류의 팝업 및 작업(Onload, onExit, onScroll, OnIdle, OnClick, Inline Form, Sidebar Widget, Non-WP Pages, Link Locker, AdBlock Detector)을 지원합니다. , 콘텐츠 시작, 콘텐츠 종료)
그 외에도 필요에 따라 쉽게 변경하고 맞춤 설정할 수 있는 100개 이상의 팝업 디자인이 있습니다. Monetize.info에서는 계층화된 팝업을 사용합니다. 다른 팝업 솔루션에서는 찾을 수 없는 기능 중 하나는 방문자가 이메일 주소와 이름을 입력하지 않고도 Google 또는 Facebook 계정으로 가입할 수 있다는 것입니다.
7. 결론
Monetize.info 를 자주 읽는 분이라면 제가 것을 아실 것입니다 . (방문자의 구매 독려, 이메일 주소 남기기, 알림 구독, 소셜 미디어 공유 등)
종료 팝업은 이에 적합하며 저는 이를 사용하는 것을 옹호합니다. 하지만 나에 대해서는 충분합니다. 이제 이러한 도구를 사용해야 하는 이유와 어떤 도구가 도움이 되는지 알게 되었습니다.
당신은 어때요? 이탈 의도 팝업의 결과는 무엇입니까?
스테판,
훌륭한 피치. 무엇보다 샘플 이미지가 인상적입니다. '빈손으로 가지 마세요' – 이는 사용자가 종료 팝업을 닫기 전에 조치를 취하도록 강요할 것입니다. 설명하신 대로 'F자형' 비유가 잘 작동할 것입니다. 콘텐츠와 CTA가 전환율을 다시 결정합니다.
훌륭한 정보!! 드디어 도움이 되는 글을 얻었습니다. 공유해주셔서 감사합니다..
기사를 보내 주셔서 감사합니다. 흥미로 웠습니다. 하지만 팝업은 더 이상 작동하지 않는 것 같아요. 저와 같은 스마트폰 사용자의 요구에 맞춰 맞춤설정된 것은 아닙니다.
웹사이트 방문자의 약 1/3은 모바일 장치를 통해 사이트를 확인합니다. 배너를 가젯에 맞게 조정하지 않으면 화면이 보기 흉하게 늘어나거나 전혀 잘못 표시됩니다. 사이트의 브라우저 버전과 모바일 버전 모두에서 팝업 기능을 확인하는 것이 중요합니다. 그러나 불행히도 일반적으로 사이트의 모바일 버전에서는 거의 시간이 소요되지 않습니다.
마음에 드시고 기사가 유용하셨다니 다행입니다. 나는 그것을 만들고 팝업 전환을 개선하려는 독자에게 가치를 제공하기 위해 몇 가지 작업을 수행했습니다.
동의합니다..모바일이 게임을 바꾸었지만 반응형 팝업도 있습니다. 나는 여기 Monetize.info에서 그것들을 사용하고 좋은 전환을 얻습니다. 웹사이트 소유자가 가치를 제공하는 한 방문자는 선물을 받기 위해 이메일 주소를 남길 것입니다.
이 블로그를 이용해 주셔서 대단히 감사합니다. html 태그를 사용하여 내 블로그를 핑백할 수 있나요?