전환 및 매출 증대를 위한 10가지 웹사이트 오버레이 예시

게시 됨: 2020-04-16

갑자기 BAM할 때 웹사이트를 탐색하거나 기사를 읽은 적이 있습니까? 거대한 메시지가 화면을 차지합니다.

지난 몇 달 동안 기술, 뉴스 또는 블로그 사이트에 있었다면 웹사이트 오버레이를 접했을 가능성이 있습니다.

이탈 팝업 또는 단순히 "오버레이"라고도 하는 이러한 유형의 팝업은 거의 모든 곳에서 찾을 수 있습니다. 그리고 그만한 이유가 있습니다. 매우 효과적입니다!

마케터에게 있어 웹사이트로의 트래픽 확보는 더 이상 최종 목표가 아닙니다. 대신 마케터는 방문자가 유용하기 위해 방문자가 "전환"해야 합니다. 이것이 제품, 서비스 구매를 의미하든 아니면 이메일 주소를 남기는 것을 의미하든 모든 마케터는 사용자의 전환을 유도하는 것을 목표로 삼고 있습니다.

마케터, 웹사이트 디자이너, 카피라이터는 랜딩 페이지를 완성하기 위해 수많은 시간을 소비하지만 항상 목표로 하는 전환을 얻지는 못합니다. 아마도 올바른 클릭 유도문안을 사용하지 않거나 사용자가 콘텐츠를 대충 읽고 있을 수 있습니다. 어떤 경우이든 마케터는 사용자가 이탈하는 것을 싫어합니다. 사용자가 떠나기 전에 사용자에게 최종 메시지나 제안을 제공하여 전환을 유도할 수 있는 방법이 있었다면…

글쎄, 있다!

오버레이(또는 종료 팝업)를 입력하고 원하는 대로 호출합니다. 이러한 것들은 전환을 개선하는 엄청난 일을 합니다. 하지만 어떻게? 왜 그렇게 효과적이며 왜 작동합니까?

사실 모든 것은 과학에 달려 있으며, 전환을 개선하는 데 어떻게 도움이 되는지에 대한 10가지 과학적 이유가 있습니다. 따라서 펜을 잡고 웹 사이트 오버레이가 매우 효과적인 이유에 대한 과학에 대해 자세히 알아보십시오.

웹사이트 오버레이란 무엇입니까?

웹사이트 오버레이가 주목할만한 가치가 있는 이유에 대해 자세히 알아보기 전에. 먼저 그것들이 무엇인지 확고하게 이해해야 합니다.

이미 한 번 보았지만 무엇을 보고 있는지 몰랐을 가능성이 있습니다. 웹사이트 오버레이는 일정 시간이 지난 후 또는 사용자가 나가려고 할 때 화면에 나타나는 팝업 유형입니다. 다양한 웹사이트에서 흔히 볼 수 있는 이 팝업은 전자상거래 상점을 운영하는 모든 웹사이트에서 가장 흔히 볼 수 있습니다.

다른 유형의 오버레이 및 팝업과 달리 사용자는 버튼을 클릭할 필요가 없습니다. 특정 매개변수가 충족되면 단순히 표시됩니다.

크기, 스타일 및 표시 시기가 다양한 웹사이트 오버레이의 변형은 말 그대로 수백 가지입니다. 많이 있을 수 있지만 모두 공통점이 있습니다.

  1. 모두 클릭 유도문안 제목과 버튼이 있습니다.
  2. 모두 웹사이트 상단에 표시됩니다.
  3. 모두 전환율 및 매출을 향상시킵니다.

웹사이트 오버레이를 더 잘 이해할 수 있도록 다른 마케터들이 사용하고 있는 실제 사례를 살펴보겠습니다. 왜 이것이 효과적인지, 왜 그렇게 잘 작동하는지에 대해서는 나중에 더 자세히 설명하겠습니다. 그러나 지금은 다양한 유형의 오버레이와 스타일을 이해하는 것이 중요합니다.

웹사이트 오버레이 예

우리는 다양한 제품과 서비스를 판매하는 다양한 사이트에서 일부 웹사이트 오버레이를 직접 선택했습니다. 다른 사이트에서 오버레이를 수집하면 다른 사람들이 판매를 늘리기 위해 성공적으로 사용하고 있는 것을 잘 알 수 있습니다.

수입일기

수입일기 웹사이트 오버레이

이 웹사이트 오버레이는 눈에 띄는 헤드라인과 사진을 모두 통합하여 제안에 대한 사용자의 관심을 끕니다. 이 예에서 오버레이는 사용자가 이메일 주소를 제출하여 메일링 리스트에 등록하도록 하려고 합니다.

오버레이는 독자가 $130 미만으로 웹사이트 트래픽을 늘릴 수 있는 방법에 대한 다양한 팁과 트릭이 포함된 사은품을 약속합니다. 많은 사용자에게 이것은 좋은 거래처럼 보입니다. 비밀 내부 지식을 위한 이메일 주소입니다.

소득 일기의 블로그를 탐색하는 동안 이 오버레이를 발견했습니다. 이 예제 목록에 있는 대부분의 다른 오버레이와 마찬가지로 블로그에 있는 오버레이는 매우 효과적일 수 있습니다.

워드스트림

워드스트림 오버레이

이 오버레이는 매우 간단하고 단순한 것으로 간주될 수 있지만 진실은 성공하기 위해 좋은 헤드라인과 클릭 유도문안만 있으면 된다는 것입니다. 이 웹사이트 오버레이는 이메일을 받는 대가로 품질 점수를 향상시키는 방법에 대한 사용자 팁을 약속합니다.

사용자가 다운로드 버튼을 클릭하면 다운로드가 시작되기 전에 완료되어야 하는 이메일 필드가 나타납니다. 이메일 주소를 먼저 캡처하지 않고 다운로드를 제공하는 것은 큰 시간 낭비입니다. 그럼에도 불구하고 사용자의 이메일을 캡처하여 WordStream은 향후 이메일을 통해 사용자를 리마케팅할 수 있습니다.

이 오버레이는 WordStream 블로그를 탐색하는 동안 나타납니다.

권위 해커

권위 해커 오버레이 팝업

이 목록의 다른 웹사이트 오버레이와 달리 이 웹사이트는 훨씬 더 공격적입니다. 사용자의 전체 브라우저를 차지함으로써 방문자는 화면의 메시지 외에 다른 곳을 볼 수 없습니다. 대담한 클릭 유도문안 헤드라인과 버튼이 있을 뿐만 아니라 메일링 리스트에 대한 사용자의 이메일 주소를 캡처하는 데에도 사용됩니다. 이와 같은 전체 화면 오버레이를 사용하면 좋은 결과를 얻을 수 있지만 이러한 수준의 공격성은 많은 사용자를 놀라게 할 수 있습니다. 나중에 이러한 오버레이를 사용하는 올바른 방법을 보여드리겠습니다.

이 전체 화면 오버레이는 Authority Hacker 블로그를 탐색하는 동안 나타났습니다.

변환XL

변환xl 팝업

이 최종 웹사이트 오버레이는 ConversionXL에서 볼 수 있었으며 이전에 본 많은 것과 마찬가지로 독자에게 다운로드 가능한 가이드를 제공합니다. 글머리 기호로 나열된 가이드의 주요 교훈을 통해 사용자에게 빠르고 쉽게 읽을 수 있는 내용을 제공합니다.

이 오버레이는 ConversionXL 블로그를 탐색하는 동안 나타났습니다.

이제 어떤 웹사이트 오버레이와 다른 웹사이트에서 오버레이를 사용하는지 알 수 있습니다. 처음에 효과적인 이유는 무엇입니까? 과학적으로 뒷받침되는 10가지 이유가 있습니다.

웹사이트 오버레이를 사용해야 하는 이유

1. 사용자의 선택을 단순화하는 오버레이

오버레이 선택

물건을 찾기 위해 슈퍼마켓에 가본 적이 있다면 아마도 선택에 압도당하는 느낌을 알 것입니다. 사용 가능한 옵션이 너무 많기 때문에 결정을 내리고 하나를 선택하는 것이 매우 어려울 수 있습니다.

온라인 상점을 상상해보십시오. 동일한 원칙이 적용됩니다. 사용자에게 너무 많은 선택권을 제공하면 사용자가 멈춥니다. 분석 마비로 알려진 이 현상은 쇼핑을 포함한 삶의 많은 영역에서 발생합니다. 선택의 폭이 너무 넓으면 사용자는 얼어붙어 결국 결정을 내리지 못하게 됩니다. 이는 사용자가 상점 소유자를 위한 판매가 없음을 의미하는 사이트를 떠날 가능성이 높다는 것을 의미합니다.

그러나 선택(및 주의 산만)을 제거함으로써 사용자가 결정을 내릴 가능성을 크게 높일 수 있습니다. 그리고 아마 짐작하셨겠지만, 여기에서 웹사이트 오버레이가 등장합니다.

오버레이는 방문자의 주의를 좁히고 단일 제안 또는 제품에 집중하는 데 도움이 됩니다. 이것은 차례로 의사 결정 프로세스를 훨씬 쉽게 만듭니다.

간단히 말해서 오버레이는 방문 페이지가 주의를 산만하게 만드는 요소를 제거하고 예 또는 아니오 질문을 하는 것과 같은 이유로 효과적입니다.

2. 사용자의 사고 과정을 가로채는 오버레이

생각 인터럽트 팝업

누군가가 같은 사고 과정에 갇혀 있을 때, 그들을 방해하는 것은 종종 그들의 행동을 바꾸는 데 도움이 될 수 있습니다.

누군가의 사고 패턴을 방해하는 것은 수십 년 동안 영업 사원에 의해 성공적으로 사용되었습니다. 개념은 간단합니다. 정상적인 사고 패턴에서 사람을 방해하는 예상치 못한 행동을 하거나 말을 하는 것입니다.

현실 세계에서 이것은 누군가와 악수하거나 질문을 하거나 그저 큰 소리를 내는 것일 수 있습니다. 그러나 온라인 세계에서는 웹사이트 오버레이를 사용하는 것이 가장 좋습니다.

생각 패턴을 방해함으로써 사용자는 짧은 시간 동안 매우 추천 가능성이 높아져 사용자의 결정에 더 쉽게 영향을 미칠 수 있습니다. 짐작하셨겠지만 웹사이트 오버레이는 사용자의 사고 과정을 방해하는 방해물입니다.

갑자기 오버레이가 나타나면 블로그나 웹사이트를 읽게 됩니다. 강력한 클릭 유도문안, 다양한 색상, 매력적인 제안으로 많은 사람들의 사고 과정을 가로채고 주의를 기울이게 만듭니다.

신경 언어 프로그래밍에서 이는 종종 패턴 인터럽트라고 하며 매우 강력할 수 있습니다. 웹사이트 오버레이 팝업을 사용하여 누군가의 생각 패턴을 방해하는 것은 지극히 정상이며 일부 최고의 인터넷 마케터가 판매를 늘리는 데 사용합니다. 전문가가 사용하고 있다면 당신도 사용해야 합니다.

3. 오버레이는 메시지를 강화하는 데 도움이 됩니다.

메시지 오버레이 강화

물건을 사기 전에 몇 번이나 봐야 합니까? 한 번? 두 배? 열 번?

변화는 광고나 신제품을 처음 볼 때 거의 주의를 기울이지 않는다는 것입니다. 그러나 같은 광고나 제품을 여러 번 본 후에야 관심을 갖기 시작합니다.

요약하자면 많은 사용자는 행동을 취하기 전에 동일한 광고를 여러 번 볼 필요가 있습니다. 마케팅 용어에서 이것은 효과적인 빈도 또는 사용자가 조치를 취하기 전에 광고 메시지에 노출되어야 하는 횟수라고 합니다.

한 사람에게 광고가 노출되어야 하는 횟수는 사람마다 다르지만 일반적으로 한 번 이상입니다.

웹사이트 오버레이를 통해 마케터는 팝업과 함께 강화 메시지를 표시하여 효과적인 빈도를 사용할 수 있습니다. 오버레이를 사용하여 제품, 서비스 또는 메시지를 표시함으로써 사용자의 머리에 메시지를 강화하고 전환 고객으로 만들 수 있습니다.

4. 긴급 상황을 전달하는 오버레이

긴급 팝업 예시

마케팅과 관련하여 긴급성은 많은 온라인 상점에서 판매 및 전환율을 높이기 위해 사용하는 기술입니다. 긴급성은 사용자에게 너무 많은 품목만 남았음을 경고하거나 할인 기한을 제공하는 것부터 무엇이든 될 수 있습니다. 심지어 거대 아마존도 그렇게 하고 당신은 아마 알지도 못하는 사이에 그들의 속임수에 희생될 것입니다.

아마존 피젯 스피너 긴급

위는 곧 매진될 오클랜드 레이더스 NFL 피젯 스피너입니다. 재고가 2개만 남은 상태에서 Amazon은 사용자에게 곧 주문하라는 빨간색 경고 표시를 표시하고 있습니다. 이러한 긴박감은 사람들의 걱정과 두려움을 이용하여 개종을 증가시킬 수 있습니다. 지금 주문하지 않으면 언제 재고가 다시 생길지 누가 압니까!

사용자에게 긴박감을 주어 사용자를 고객으로 전환시키는 경우가 많습니다. 웹사이트 오버레이를 사용할 때도 동일한 기술이 적용됩니다. 사용자에게 지금 구매의 최후 통첩을 제공하거나 제품을 영원히 잃을 위험이 있으므로 웹 사이트 전환을 크게 늘릴 수 있습니다.

5. 할인이 적용된 루어인 전환 오버레이

홀리스터 할인 오버레이

고객이 정가로 품목을 구매하기를 꺼린다면 할인을 제공하십시오. 당신이 누구인지, 어디 출신인지에 관계없이 모두가 할인을 좋아합니다. 10%만 할인한다고 해도.

많은 사용자가 결제 프로세스의 마지막 단계에 도달하고 가격을 볼 때 장바구니를 포기하는 경우가 많습니다. 당신은 사용자를 당신의 웹사이트로 끌어들이고 그들을 마지막 단계로 이끌기 위해 열심히 일했습니다. 당신이 원하는 마지막 것은 그들이 떠나는 것입니다.

이것은 웹사이트 오버레이가 실제로 빛을 발하는 훌륭한 시나리오입니다. 고객이 장바구니를 포기하려고 할 때 이탈 오버레이를 표시하면 고객이 전환하도록 마지막으로 한 번만 시도하는 경우가 많습니다. 그리고 모두가 보고 싶어하는 한 가지는 무엇입니까? 물론 할인!

그들이 결제 단계의 끝까지 갔다면 가격이 그들을 미루고 있었을 가능성이 큽니다. 이제 마지막 단계에서 모든 사람에게 50% 할인을 제공해야 한다고 말하는 것은 아니지만 약간의 할인만으로도 큰 효과를 볼 수 있습니다.

6. 뇌물 사용자를 무료 가이드로 오버레이

개 나비 넥타이 무료 가이드

웹사이트 오버레이는 웹사이트에서 다양한 용도로 사용될 수 있습니다. 프로모션 코드 및 프로모션 제공에서 무료 보너스에 이르기까지 가능성은 당신의 상상력에 의해서만 제한됩니다. 앞서 살펴본 예제를 보면 모두 한 가지 공통점이 있습니다. 바로 무료 가이드를 제공한다는 것입니다.

맞습니다. 우리가 살펴본 모든 오버레이에는 사용자가 등록한 비밀 PDF 또는 가이드가 있었습니다. 무료 가이드 및 자산을 제공하는 것은 이메일 주소나 전화번호와 같은 사용자로부터 개인 정보를 얻을 수 있는 좋은 방법입니다. 이것은 사용자가 기본적으로 제품에 대한 정보를 교환하기 때문에 잘 작동합니다. 귀하의 eBook에 대한 그들의 이메일은 공정한 거래입니다!

이러한 무료 가이드 및 선물을 사용하여 메일링 리스트와 같은 귀중한 자산을 빠르게 구축할 수 있습니다. 이것은 우리를 다음 요점으로 멋지게 이끕니다...

7. 오버레이는 메일링 리스트를 늘리는 데 도움이 됩니다.

메일링 리스트 오버레이 증가

사용자가 웹사이트를 방문할 때 모든 사용자가 구매에 대한 올바른 생각을 갖고 있는 것은 아닙니다. 일부 사용자는 전환하기 전에 약간의 설득력이 있거나 상기시켜줄 필요가 있습니다. 웹사이트 오버레이는 사용자에게 제안을 상기시키는 훌륭한 역할을 하지만 사용자가 사이트에 있을 때만 작동합니다. 그들이 사이트를 떠나면 어떻게 됩니까? 메일링 리스트를 사용하지 않는 한 영원히 잃어버렸습니다!

메일링 리스트는 많은 온라인 마케터를 위한 빵과 버터 기술입니다. 이를 통해 타겟이 명확한 사용자와 커뮤니케이션할 수 있을 뿐만 아니라 잠재 고객에게 여러 번 연락할 수 있습니다. 앞서 효과적인 빈도로 언급했듯이 때로는 행동을 취하고 전환하기 전에 누군가에게 광고나 메시지를 여러 번 보여줘야 합니다. 이메일 마케팅 목록을 사용하면 사용자가 웹사이트에 없을 때에도 사용자에게 판매 메시지를 쉽게 전달할 수 있습니다.

정기적으로 잠재 고객에게 다양한 거래를 이메일로 보내면 궁극적인 목표인 전환 가능성을 크게 높일 수 있습니다.

8. 오버레이는 사용자에게 회사에 대한 확신을 줍니다.

고객 지원 오버레이

사용자가 웹사이트를 탐색할 때 제품이나 서비스에 대해 질문하는 것은 자연스러운 일입니다. 얼마나 많은 FAQ가 있거나 사이트에 얼마나 많은 정보가 있는지에 관계없이 일부 사용자는 실제 사람과 대화하기를 원합니다.

오버레이는 사용자에게 중요한 메시지를 전달하는 데 탁월하기 때문에 사이트에 대한 신뢰와 확신을 구축하는 데에도 사용할 수 있습니다. 지원 센터에 대한 링크와 이메일 주소 및 전화 번호와 같은 추가 정보가 있는 오버레이를 표시하는 것은 사용자에게 확신을 줄 수 있는 좋은 방법입니다. 또한 메시지를 남길 수 있는 다양한 방법을 제공하여 고객과의 참여를 늘리는 데 도움이 됩니다.

사용자가 귀하의 연락처 정보를 우연히 발견하기를 바라는 대신 문자 그대로 귀하에게 연락하지 않을 변명의 여지가 없도록 얼굴에 던질 수 있습니다.

9. 오버레이는 장바구니에 무언가를 남겼음을 사용자에게 알립니다.

버려진 카트 오버레이

전자 상거래 상점을 운영하는 것은 업종에 관계없이 어려울 수 있습니다. 방문자가 마지막 단계에서 장바구니를 버리도록 상점에서 구매하도록 유도하는 데 많은 돈과 시간을 소비합니다. 이것이 실망스럽긴 하지만 실제로 이를 퇴치하고 사용자를 가장 중요한 결제 페이지로 되돌릴 수 있는 여러 가지 방법이 있습니다.

장바구니 이탈률을 줄이고 전환율을 높이기 위해 이탈 오버레이를 사용하는 똑똑한 마케터가 많이 있습니다. 전자 상거래 상점 몇 개를 탐색하기만 하면 이러한 메시지 팝업이 표시됩니다.

버려진 카트 알리미로 알려진 이 방법은 오버레이를 사용하여 카트에 아직 물건이 있을 때 사용자에게 알립니다. 사용자가 어떤 이유로든 웹사이트를 떠났다가 몇 시간 또는 며칠 후에 다시 돌아왔을 수 있습니다. 장바구니에 여전히 무언가가 있음을 상기시켜 메시지를 강화하고 전환 고객으로 전환합니다.

또한 보다 적극적으로 결제 자체에 종료 오버레이를 포함하여 사용자가 결제를 종료하려고 할 때마다 메시지가 표시되도록 할 수 있습니다. Web Engage의 연구에 따르면 전자 상거래 상점에 이탈 오버레이를 구현한 후 전환율이 6% 증가했습니다. 단순히 추가된 팝업으로 웹사이트에서 얼마나 더 많은 매출을 올릴 수 있는지 생각해 보십시오... 미친!

10. 이탈률을 줄이는 데 도움이 되는 오버레이

허브스팟 오버레이 블로그

SEO 마법사라면 이탈률을 줄이는 데 도움이 되는 새로운 기술과 아이디어를 항상 시도하고 있을 것입니다. 그렇지 않다면 이탈률 측정항목은 Google 및 기타 검색 엔진에서 매우 중요하게 여기는 중요한 통계입니다.

이탈률이 무엇인지 모르는 사람들을 위해 다음과 같이 정의할 수 있습니다 . 한 페이지만 본 후 사이트를 떠나는 웹사이트 방문자의 비율.

이는 귀하의 사이트에 방문한 사람들이 일부 콘텐츠를 읽은 후 떠남을 의미합니다. Google에게 이는 귀하의 웹사이트가 주어진 검색어와 관련이 없거나 흥미롭지 않다는 신호입니다. 매우 높은 이탈률(90% 이상)로 특정 용어에 대한 순위가 하락하기 시작할 수도 있습니다.

귀하의 웹사이트가 흥미롭고 관련성이 있음을 Google에 알리려면 이탈률을 최대한 줄여야 합니다. 이렇게 하려면 사용자가 웹사이트의 다른 페이지를 클릭하도록 유도해야 합니다. 짐작하셨겠지만 여기에서 오버레이가 시작됩니다.

이 오버레이 기술을 구현하는 방법에 대한 좋은 예는 Hubspot 블로그에 있습니다. 독자가 블로그 게시물을 다 읽고 맨 아래로 스크롤하면 브라우저에서 뒤로 버튼을 누르는 것이 당연합니다.

이를 방지하기 위해 화면 오른쪽 하단에 채팅 풍선과 프로필 사진과 함께 작은 팝업 오버레이가 나타납니다. 화면에 나타나는 방식은 매우 주의를 끌며 예상치 못한 것입니다. 사용자는 팝업이 표시되는 것을 보고 즉시 그 내용에 흥미를 느낍니다.

사용자가 오버레이를 클릭하면 웹사이트의 다른 부분으로 이동하며 이 클릭이 전체 이탈률을 줄이는 데 도움이 됩니다. 간단하게 들리겠지만 이 작은 트릭은 사이트의 전체 이탈률을 줄이고 순위를 높이는 데 거의 도움이 됩니다. 큰 소년들이 자신의 사이트에서 그것을 사용한다면 분명히 결과를 얻을 수 있습니다!

새로 배운 지식으로 나아가십시오

이제 웹사이트 오버레이의 과학과 힘을 이해했으므로 자신의 웹사이트에서 이러한 전략을 구현할 차례입니다. 전자 상거래 상점, 블로그 또는 유료 검색 방문 페이지를 운영 중이든 관계없이 웹 사이트 오버레이는 빠르고 쉽게 전환을 높일 수 있습니다.

결국 오버레이는 가치를 제공하고 메시지를 전달하기 위한 플랫폼일 뿐입니다. 방문자가 좋아할 만한 것을 만드세요. 그러면 결과도 따라올 것입니다!