종료 팝업과 관련된 5가지 일반적인 실수(및 빠른 해결책)

"모든 팝업이 나쁜 것은 아닙니다."

좋은 것과 나머지를 어떻게 구별하나요?

전환율인가요? 모든 팝업의 평균 전환율은 3.08%입니다. '최고' 팝업(상위 10%)은 9회 중 평균 100회 전환됩니다. 나쁘지 않지만 확실히 더 높을 수 있습니다.

빨간색 CTA인가요? 디자인과 관련하여 가장 먼저 A/B 테스트를 거치는 항목 중 하나가 행동 유도 버튼 색상이지만, 그건 정말 중요하지 않아. 게다가 나쁜 팝업이 좋은 팝업으로 바뀌지는 않습니다.

타이밍인가요? 그럴 수도 있어요 – 팝업이 나타납니다 바로 도착 후 방해가 되는 느낌이 듭니다. 하지만 전자상거래 사이트에 도착한 후 몇 초(이상적으로는 약 10초) 후에 이 팝업이 나타나면 기쁠 것입니다.

이 사이트에 도착한 방문자는 거부 15% 할인 제안? 가능성은 낮음.

이것이 바로 비결입니다. 모든 좋은 팝업에는 공통점이 하나 있습니다. 가치 꼭 필요할 때만.

무엇입니까 팝업 종료?

'종료 팝업에는 압도적으로 가치 있는 제안이 필요합니다' – Hello Bar의 공동 창립자인 Neil Patel의 말을 인용합니다. 이 게시물에 Quicksprout에서.

이것은 사용자가 사이트를 떠나려고 할 때 나타나는 팝업입니다. 그래서 이름이 붙었습니다.

방문자의 마우스 움직임을 추적하여 그렇게 합니다. 방문자가 마우스를 URL 바 쪽으로 움직이면 종료 팝업이 마지막 기회로 나타나 해당 사람의 주의와 이메일 주소를 수집합니다.

종료 의도 팝업 HelloBar — 아, 글쎄요, 그들은 제가 할 수 있는 것보다 더 잘 설명해줬어요. (HelloBar.com을 통해)

많은 사이트가 종료 팝업을 선호하는 이유는 콘텐츠 소비를 방해하지 않기 때문입니다. 종료 팝업은 누군가가 사이트를 떠날 준비를 하고 있을 때만 나타나므로 웹사이트의 기능이나 디자인을 방해하지 않습니다. 게다가 종료 팝업은 Google 모바일 SERP에서 다운리스트에 올라가지 않을 가능성이 높습니다(#5에서 자세히 설명).

귀하의 웹사이트나 랜딩 페이지에서 방문자가 '전환'하지 않고 사이트를 종료하는 경우(결국 방문자의 98%가 전환하지 않고 웹사이트를 종료합니다) 종료 팝업을 통해 방문자에게 이메일 주소와 같은 '참여' 정보를 제공하도록 설득할 수 있습니다. 이를 통해 방문자의 관심을 끌거나 사이트로 다시 돌아오게 할 수 있습니다.

이 게시물에서는 팝업 종료를 만들 때 모든 사람이 저지르는 5가지 실수와 이를 해결하는 방법에 대해 논의합니다. 의견을 듣고 싶습니다. 전환되기 전에는 트래픽을 유출하지 마세요.

실수 1: 타겟팅이 부족함

"이 사이트는 쿠키를 사용합니다 당신의 경험을 향상. "

귀하가 방문하는 거의 모든 웹사이트는 귀하가 도착하자마자 이 메시지의 변형을 보여줄 것입니다. "쿠키를 떨어뜨리고 있습니다. '동의'를 클릭하거나 탐색을 계속할 수 있으며, 그러면 수락한 것으로 간주합니다."

알아맞히세요? 팝업은 사이트 경험의 일부입니다. 사이트에서 사용자에게 제공하는 쿠키는 수집하는 데 사용됩니다. 자사 데이터 분석 대시보드에서 읽을 수 있으며, 이를 사용하여 사용자를 이해하고 팝업 타겟팅을 개선할 수 있습니다.

불일치가 발생하면 전환율이 떨어집니다. 누구 팝업을 보고 뭐 오퍼가 표시되고 있습니다. 반복 방문자(이미 귀하의 블로그를 구독한 사람)는 종료하려고 할 때마다 '구독' 팝업이 얼굴을 때리는 것을 좋아하지 않을 것입니다.

콘텐츠에 페이지 뷰가 많지만 종료율이 높다면 방문자는 사이트와 콘텐츠의 나머지 부분에 참여하지 않고 떠납니다. 그들은 여전히 콘텐츠 마케팅 퍼널의 맨 위에서 떠돌고 있으며, 그들을 앞으로 이끄는 것이 당신의 일입니다.

#수리해줘: 사용자가 어디에서 왔는지, 어떤 페이지를 보는지, 전환하지 않고 어디에서 중단하는지 파악합니다. Google 애널리틱스 '사용자 흐름' 보고서(획득 탭 아래에 있음)는 사용자 관심과 인지도를 어느 정도 매핑하기 시작하기에 좋은 곳입니다.

기본 차원으로 소스/매체를 선택합니다. 상호작용이 시작되는 직접 트래픽에 대해 제안을 최적화한다고 가정해 보겠습니다. /블로그.

이 매우 자세한 내용에 따르면 Google 애널리틱스에서 직접 트래픽을 유도하는 가이드직접 트래픽이 발생하는 가장 간단한 이유(Google 애널리틱스 용어로 소스/매체 = 직접/없음)는 사용자가 북마크를 통해 또는 주소창에 직접 주소를 입력하여 페이지에 도착하기 때문입니다.

논리적으로 보면 이는 이 트래픽 세그먼트를 의미합니다. 당신의 블로그를 소중히 여깁니다 좋은 정보 소스로. 더 많은 상호작용을 거치고 높은 이탈률을 보이는 페이지를 찾으세요. 이는 콘텐츠가 훌륭하더라도 사용자가 더 탐색하거나 전환할 만큼 관심을 유지하지 못한다는 것을 의미합니다.

예를 들어 직접 트래픽이 다음과 같이 시작된다고 가정해 보겠습니다. /블로그, 슬러그가 있는 페이지에 도달합니다. 'e-커머스 마케팅' 그런 다음 떨어집니다. 종료하려고 할 때 전자 상거래 마케팅에 대한 추가 콘텐츠 링크를 보여주거나 리드 생성 양식과 교환하여 관련 주제에 대한 전자책을 제공하거나 큐레이팅된 뉴스레터를 제공할 수 있습니다. 이 카테고리의 콘텐츠 이메일 주소를 대가로. 가능성은 많다.

그런 다음 다음과 같이 이 세그먼트를 타겟팅합니다.

리퍼러 사이트별로 더 많은 트래픽 상호작용을 매핑하고 이탈률이 높은 페이지에는 유사한 종료 팝업을 만듭니다. Hello Bar를 사용하면 리퍼러 URL로 팝업을 타겟팅할 수 있으므로 동일한 페이지에 다른 팝업을 표시하여 다른 소스의 트래픽을 유도할 수 있습니다.

나는 강조한다 '관련 주제와 범주를 정하는 이유는 맥락이 중요하기 때문입니다. 이것이 제가 다음 요점으로 삼는 것입니다.

실수 2: 맥락에서 벗어난 제안

Gary Vaynerchuk(베스트셀러 작가, 투자자, VaynerMedia CEO)는 "콘텐츠가 왕입니다. 맥락이 신입니다..” 아큐라와 함께한 그의 경험에 대한 짧은 일화를 소개합니다.

"저는 모바일로 ESPN에 접속해 축구 경기 점수를 확인하고 있었는데, 팝업 광고를 클릭해서 나가려고 했지만, 대신 아큐라 웹사이트로 이동하고 말았습니다.

제 경험은 실제로 아큐라에 "인상"과 "클릭스루"로 다시 판매되었습니다. 마케터가 아닌 여러분을 위해 말하자면, 의도나 관심을 의미합니다. 하지만 사실은 전혀 다릅니다. 저는 의도나 관심이 전혀 없었습니다. 아큐라는 제 가장 소중한 자산인 시간을 훔쳤습니다."

오류: Acura는 광고를 게재하는 사람의 검색 기록에 따라 타겟팅하는 것이 더 낫다고 생각했습니다(광고를 게재된 페이지의 콘텐츠와 일치시키는 대신). 이를 행동 광고.

#수정하기: 자동차 광고는 상당히 덜 충격적 자동차에 대한 콘텐츠 옆에 나타나는 경우. 이것을 호출합니다. 문맥 타겟팅 광고 공간에서.

광고 타겟팅 (그리고 (당신만의 팝업) 문맥 방문자의 관심을 활용합니다. 이미 나와있는 귀하의 사이트에서 특정 유형의 콘텐츠에 도착함으로써. 페이지의 주제와 일치하는 제안이 있는 팝업은 덜 어색하게 만들고, 페이지에 있는 내용의 맥락은 귀하의 제안의 가치 제안을 강화합니다. 갑자기 관련성이 생깁니다.

기존 팝업을 컨텍스트 관련성에 맞게 최적화합니다. 종료율이 가장 높은 페이지를 살펴보는 것으로 시작합니다. 오퍼가 포함된 종료 팝업을 만듭니다. 관련 해당 페이지의 콘텐츠에 대해.

나는 전환 최적화 제품 사이트를 많이 살펴보고 그 사례를 수집했습니다. 잘 했어 이 게시물에 대한 팝업입니다. 다음은 두 가지 간단한 예입니다. 문맥 Hubspot에서. 두 곳 모두의 팝업 카피에 주의하세요.

첫째, 당신이 떠나려고 할 때 판매 블로그 :

그런 다음, (고객) 서비스 블로그에서:

이 팝업은 페이지(판매 또는 서비스 블로그)와 관련이 있습니다. 복사본은 직접 ["가입하다 48,000 동료 영업 전문가 여러분”], 이제 다음 요점에 대해 말씀드리겠습니다.

실수 3: 나쁜 사본

의도하지 않아도 카피가 나쁠 수 있습니다. 예를 들어 설명하겠습니다.

1. 길이: “떠나야 할까, 아니면 멈춰서서 읽어야 할까 귀하의 콘텐츠의 장점을 칭찬하는 포괄적인 에세이? "

2. 명확성: “포옹을 하고 싶은가? 포옹을 무료로 받을 수 있는가? 무슨 일이 일어나고 있는 거지… 잠깐, 방금 내가 포옹을 싫어한다는 걸 깨달았어.”

아무것도 사지 않고 가게를 나가려는 사람에게 재치 있는 말이나 이전 고객이 남긴 호평의 리뷰를 외치지는 않을 것입니다. 잠시 멈추게 하는 제안으로 시작해야 합니다. 이것이 바로 종료 팝업에서 해야 할 일입니다.

다행히도, 목표를 알고 나면 나쁜 카피를 수정하는 것이 가장 쉬운 방법 중 하나입니다.

#수정하기: Neil Patel이 일부를 공유했습니다. 멋진 헤드라인 카피라이팅 팁 (예시 포함) 훔칠 수 있습니다. 나머지는 반드시 다음을 확인하세요.

직접: 똑똑함보다 명확함이 더 낫습니다. 팝업을 확인하세요. 명확하게 당신이 무엇을 제공하고, 대가로 무엇을 요청하는지 전달합니다.

Levi 제품 페이지의 팝업이 그러한 목적을 달성합니다.

짧고 단순하게 유지 (키스): 최상급과 세부 사항에는 시간과 장소가 있습니다. 종료 팝업은 그렇지 않습니다.

이 CrazyEgg 종료 팝업은 내가 알아야 할 모든 것을 알려주면서도 간결하고 간단합니다.

개성을 더해보세요. 이런 일을 해내는 건 까다로울 수 있지만, 엄청난 보람이 있습니다. 이 아이디어는 일반인을 웹서핑으로 인한 혼수상태에서 벗어나게 하는 것입니다. 배너 실명) 팝업 카피에 약간의 개성을 더해보세요.

여기에 안티 애드블록 (광고를 지원하는 게시자가 일반적으로 사용하는) 메시지로, 사용자에게 해당 사이트의 브라우저 광고 차단 확장 프로그램을 꺼달라고 요청합니다.

확인-부끄러움을 느낀다면 존중심을 가지십시오. 아무도 수동적 공격을 좋아하지 않습니다. 방문자를 '부끄럽게' 한다면 지원 당신이 요청한 대로 하되, 존중심을 나타내는 정도로 낮추세요.

이 팝업에서 '아니요' 버튼을 보고 방어적인 태도를 보이지 않는지 알려주세요:

셰이밍 확인 팝업 예시 — 이미지 출처: confirmshaming.tumblr.com

4. 실수 4: 디자인 금지 사항

디자인에 대한 엄격하고 빠른 규칙은 없지만, 정렬이 어긋나지 않고 색상이 눈을 흘리지 않도록 하는 것을 제외하면요. 사이트 테마를 보완할 필요도 없습니다. Hello Bar에서는 일부 팝업이 사이트 테마와 반드시 일치하지 않는 밝은 색상을 사용할 때 전환율이 더 높다는 것을 발견했습니다.

그런데도 마샤블은 여기서 엉뚱한 짓을 저질렀습니다.

버튼이 매달려 있는 그 녹색 선은 당신이 대칭에 대해 소중히 여기는 모든 것과 정면으로 배치됩니다. 제목은 버튼처럼 보입니다. '클릭 클릭 클릭'이라는 이름을 흉내 낸 것이지만 결국 오해의 소지가 있습니다.

이 모든 것은 '적을수록 좋다'와 같은 기본적인 디자인 원칙을 따르는 것의 중요성을 강조합니다.

#수정하기: 청결을 유지하고 다음 사항을 명심하세요.

소음 / 방해 요소를 줄이세요. 디자인에서 불필요한 요소를 제거하세요. 위의 Mashable 예시는 배경이 시끄럽고 디자인이 제공되는 것에서 주의를 산만하게 합니다.
요소를 정렬합니다 사용자에게 '어긋나지' 않게 느껴지도록 중앙에서 시작하십시오. 비대칭을 사용하려면 다음 사항에 따라 하십시오. 황금 비율 중요한 요소를 강조하는 원칙.

다음은 이를 수행하는 예입니다.

그 외에는 하늘이 한계입니다. 미칠 듯이 하세요.

5. 실수 5: 모바일 경험 무시

도착 시 나타나는 팝업은 나쁜 경험의 인지 가능하고 식별 가능한 원인입니다.. 이 뜻 방문자를 귀찮게 할 뿐만 아니라 2017년 XNUMX월에 Google 모바일 검색 알고리즘이 업데이트된 이후 유기적 검색 트래픽에도 영향을 미쳤습니다.

다행히, 종료 의도 팝업은 Google 모바일 검색 페널티에서 제외됩니다.. John Mueller(Google 스위스)는 다음과 같이 인용됩니다. 검색 엔진 저널, 이것을 설명합니다:

"우리가 찾고 있는 것은 검색 클릭과 페이지를 탐색하고 콘텐츠를 보는 것 사이의 상호작용에 나타나는 인터스티셜입니다. 그래서 그것이 우리가 인터스티셜을 찾는 곳입니다. 누군가가 웹사이트 내의 무언가를 클릭하거나 탭을 닫거나 하는 것과 같은 이후에 하는 일은 여러분과 사용자 사이의 일입니다.. "

하지만 데스크톱 팝업을 '반응형'으로 만들고 그걸로 끝낼 수도 없습니다.

#수정하기:

큰 '닫기' 버튼: 팝업에는 표시되는 '닫기' 버튼이 있어야 합니다. 그리고 탭하기에 충분히 큰 크기여야 합니다. 특히 팝업이 뷰포트의 70% 이상을 차지하고 사용자가 팝업 밖을 탭해도 닫을 수 없는 경우 더욱 그렇습니다.
이미지 없음: 좋은 하이글로스 이미지는 일반적으로 팝업에 좋지만 모바일 대역폭에는 너무 무거울 수 있으며 제한된 사용 가능 공간에는 너무 많을 수 있습니다. 모바일 팝업에서 제거하는 것을 고려하세요.

Carbon38의 데스크톱 팝업은 다음과 같습니다.