이것은 귀하가 좋아하는 기업이 웹사이트 팝업을 사용하여 성장하는 방법입니다(당신도 할 수 있습니다!)
게시 됨: 2020-04-02두 종류의 사람이 있습니다.
웹사이트 팝업을 좋아하는 사람들과 그들을 싫어하는 사람들.
첫 번째 그룹은 웹사이트 팝업이 얼마나 엄청나게 효과적인지 알고 있습니다. 두 번째 그룹은 그들을 엄청나게 짜증나게 합니다.
그러나 좋은 웹사이트 팝업과 나쁜 웹사이트 팝업의 실제 차이점은 무엇입니까?
수백 가지를 살펴보고 다음과 같은 결론을 내렸습니다. 이 모든 것은 세 가지로 요약됩니다.
이러한 팝업이 표시되는 방식
그들이 제공하는 가치
그들이 정확히 나타날 때
내 말은, 네, 일부 팝업은 성가시고, 불쾌하고, 추한 경험 방해 요소입니다.
그러나 그것은 그들이 잘못된 방식으로 설정되었기 때문입니다.
예를 들어 Nike 웹 사이트에서 다음과 같은 멋진 팝업을 살펴보십시오.
누군가 그것을 불쾌하거나 성가시게 부르겠습니까?
나는 그만큼 생각했다.
Nike 팝업은 우아하게 보이고 가치를 전달합니다(체크아웃 시 할인이 자동으로 적용됩니다!). 그리고 그것은 확실히 경험을 방해하지도 않습니다. 무엇이든 - 그것은 그것의 필수적인 부분입니다.
웹사이트 팝업을 성공적으로 사용하여 이메일을 수집하고, 판매를 발표하고, 클릭 유도문안을 표시하는 수천 개의 유명 대기업이 있습니다. The New York Times, Adidas, The Guardian, Century 21 또는 Slack을 예로 들면 목록이 계속해서 늘어날 수 있습니다!
그렇다면 최고로부터 배우고 그들의 접근 방식을 비즈니스 성장에 적용하지 않겠습니까?
웹사이트에 전문가 수준의 팝업을 추가하려면 개발자나 이러한 대기업의 예산이 필요하다고 생각할 수 있습니다. 그건 사실이 아닙니다.
이 블로그 게시물에서는 다양한 틈새 시장에서 가장 잘 알려진 비즈니스에서 사용하는 웹 사이트 팝업의 15가지 예를 보여 드리겠습니다. 또한 각 팝업이 왜 그렇게 효과적인지 설명합니다.
가장 좋은 부분? Getsitecontrol을 사용하여 몇 분 안에 웹사이트에서 다시 만드는 방법을 정확히 보여드리겠습니다.
탐색을 돕기 위해 목록을 3가지 범주로 나누었습니다. 다음을 도와주는 웹사이트 팝업이 표시됩니다.
이메일 구독자 확보
클릭 유도문안 표시
업데이트 발표
가장 관심 있는 카테고리로 자유롭게 이동하십시오.
브랜드가 이메일 목록을 작성하는 데 도움이 되는 웹사이트 팝업
모두가 지금 이메일 목록을 늘리는 데 열중하고 있습니다. 그리고 당신도 그래야 합니다!
당신이 그것을 놓친 경우를 대비하여 이메일은 지출 1달러당 무려 44달러의 ROI를 가지고 있습니다.
이메일 목록에 사람들이 있다는 것은 받은 편지함에서 바로 만나 관계를 발전시키고 단골 고객으로 만들 수 있는 독점적 권한을 소유한다는 의미입니다.
잠깐만, 이메일 목록을 늘리는 가장 좋은 방법은 무엇입니까? 나는 당신이 이미 답을 알고 있다고 장담합니다.
웹사이트 팝업입니다.
들어본 적이 있는 브랜드(아마도 구매한 브랜드)가 팝업을 사용하여 이메일 주소를 수집하는 방법을 살펴보겠습니다.
1. The New York Times 매장 – 첫 주문 시 10% 할인
New York Times는 유료 구독 온라인 미디어로 진화한 최초의 기업 중 하나입니다.
오늘은 가장 많이 방문한 신문 사이트입니다. 그리고 다양한 목적으로 웹사이트 팝업을 사용합니다.
예를 들어, New York Times 온라인 상점에 도착하자마자 표시되는 이 최소한의 이메일 구독 양식을 보십시오.
이 웹 사이트 팝업을 훌륭하게 만드는 이유는 다음과 같습니다.
응집력 있는 디자인
팝업은 NYT Store의 나머지 부분과 동일한 색상 테마와 글꼴을 사용합니다. 웹 사이트의 필수적이고 신뢰할 수 있는 부분으로 나타납니다.리드 자석
새로운 제안에 가입하라는 제안만 있는 것이 아니라 목록에 가입하면 첫 주문에 대해 10% 할인도 받을 수 있습니다.즉각적인 모습
웹 사이트 팝업이 한 번에 표시되어야 하는지 아니면 방문자가 페이지에서 일정 시간을 보낸 후에 표시되어야 하는지 항상 명확하지 않습니다. 이 경우 잠재 고객이 구매한 후보다 즉시 양식을 표시하는 것이 확실히 낫지 않습니까?
웹사이트에 유사한 구독 팝업을 추가하고 싶으십니까?
우리는 비슷한 구독 양식을 만들기 위해 The New York Times의 창의적인 정신을 따랐습니다. 아래 웹사이트 팝업을 클릭하면 작동하는 것을 볼 수 있습니다. 그런 다음 페이지 오른쪽에 표시되는 간단한 지침을 따르십시오.
실시간 미리보기 템플릿이 Getsitecontrol 대시보드에 직접 추가됩니다. 여기에서 할인 비율, 헤드라인 및 색상 테마와 같은 세부 정보를 조정하여 웹사이트와 완벽하게 일치하도록 할 수 있습니다.
그러면 다음을 사용할 수 있습니다. 타겟팅 팝업을 표시할 페이지를 지정하는 설정.
2. Century 21 - $25 할인을 잠금 해제하거나 정가를 지불하세요
저렴한 패션 소매업체인 Century 21은 몇 년 전에 온라인에 접속했으며 이메일 목록 작성 게임에도 뛰어들었습니다. 웹 사이트에 도착한 후 몇 초 후에 표시되는 팝업을 확인하십시오.
이 웹사이트 팝업의 장점은 다음과 같습니다.
이메일 형식 마이크로카피
Century 21은 고객이 올바르게 이해할 수 있도록 이메일 주소의 모양을 지정하기로 결정했습니다. 그들의 청중이 매우 광범위하고 반드시 기술에 정통하지 않은 사람들도 포함한다는 사실을 안다면 이는 훌륭한 결정입니다.부정적인 옵트아웃 버튼
물론 원하지 않으면 가입하지 않아도 됩니다. 그러나 그것은 당신이 전체 가격을 지불할 용의가 있다는 것을 의미합니다, 맞습니까? 옵트아웃 버튼은 제안을 거절하기 전에 다시 한 번 생각하게 만드는 작은 세부 사항입니다.스마트한 색상 선택
이 팝업의 색상은 웹사이트의 테마와 연관될 뿐만 아니라 "계속" 버튼도 빨간색으로 강조됩니다. 한편 옵트아웃 버튼은 배경과 조화를 이룹니다.
웹사이트에 대한 옵트아웃 버튼이 있는 팝업을 원하십니까?
이 웹사이트 팝업이 마음에 들면 1-2-3처럼 쉽게 다시 만들 수 있습니다. 아래 템플릿을 클릭하고 지침을 따르세요.
대시보드에 도착하면 콘텐츠 필요한 경우 복사 및 색상 테마를 조정하는 설정입니다. Century 21의 예에 따라 상단에 로고를 추가할 수도 있습니다.
3. 마리끌레르 – FOMO 효과
부정적인 옵트아웃 버튼이 온라인 상점에서만 작동할 수 있다고 생각한다면 다시 생각해 보십시오.
이메일을 통해 고품질 콘텐츠를 제공할 때 구독하지 않을 경우의 결과에 대해 사람들에게 상기시키는 것이 좋습니다. Marie Claire 잡지가 옵트아웃 버튼에 FOMO 효과를 사용하는 방법을 살펴보십시오.
이 웹사이트 팝업이 마음에 드는 점은 다음과 같습니다.
부정적인 옵트아웃 버튼
FOMO 효과 외에도 Marie Claire가 옵트아웃 버튼을 자기 사랑 표현으로 바꾼 방법에 주목하세요.이메일 가입 CTA 사본
"구독" 대신 가입 버튼을 눌러 행동을 유도할 수 있는 클릭 유도문안이 너무 많습니다. "무엇이 들어 있는지 보여주세요!" 그들 중 하나입니다.이미지의 선택
그리고 이 경우에는 단순한 이미지가 아닙니다. 그것은 대부분의 독자들이 분명히 알아볼 재능 있는 여배우 시얼샤 로넌의 사진입니다.
여기서 이미지가 왜 중요한가요?
구독자의 기대치와 상관관계가 있는 시각 자료를 확보하는 것은 이메일 가입률을 높이는 데 매우 중요합니다. 그들은 단지 일부 헤어 트렌드를 구독하는 것이 아니기 때문입니다. 레드카펫에서 헐리우드 스타처럼 보이기 위한 비법을 받기 위해 구독하고 있습니다.
이와 같은 웹사이트 팝업이 필요하다고 생각하십니까?
Getsitecontrol 팝업 빌더에는 위의 예를 쉽게 다시 만드는 데 도움이 되는 템플릿이 있습니다. 아래에서 확인하세요.
대시보드에 추가하면 이미지를 시각적 개체로 쉽게 바꾸거나 갤러리에서 대체 사진을 선택할 수 있습니다.
4. Adidas – 이메일 구독에 대한 대가로 15% 할인 받기
Adidas는 웹사이트에서 일정 시간을 보낸 후 팝업이 표시되는 신규 가입자에게 15% 할인을 제공합니다.
이제 Adidas 웹 사이트 팝업에서 특히 좋은 점은 다음과 같습니다.
하단의 마이크로카피 Adidas는 관련 없는 이메일 스팸에 대한 두려움을 완화하기 위해 귀하가 구독하는 대상을 정확히 지정했습니다.
연령 확인 확인란 아동 온라인 개인 정보 보호법(COPPA)에 따라 각 가입자는 13세 이상인지 확인해야 합니다. 이 확인란은 마케팅 이메일 수신에 대한 명시적 동의를 수집하는 데에도 사용할 수 있습니다.
성별 기반 세분화 귀하의 응답을 기반으로 Adidas는 나중에 세분화 규칙을 적용하여 가장 관련성이 높은 콘텐츠를 보냅니다. 그러나 Adidas가 생산하는 성 중립적 품목의 수를 감안할 때 이 필드를 선택 사항으로 설정하는 것도 현명합니다.
가입 확인 가입을 마치면 "제출 성공 메시지"라는 메시지가 표시되어 무엇을 기대해야 하는지 알려줍니다.
여기에서 다른 옵션은 사람들이 계산대에서 복사하여 붙여넣을 수 있도록 할인 코드를 표시하는 것입니다. 이렇게 하면 상점에서 이메일을 열지 않고도 쇼핑을 계속할 수 있습니다.
5. Ahrefs – 다음 기사를 놓치지 마세요
IT의 세계로 가자.
SEO 소프트웨어의 유명한 개발자인 Ahrefs는 이 귀여운 슬라이드인을 사용하여 블로그 게시물의 끝에 도달하면 뉴스레터 구독을 제안합니다.
여기에서 대단한 점은 다음과 같습니다.
다른 형식
모달 팝업과 달리 슬라이드 인은 눈에 덜 띄지만 눈에 띄기에 충분히 눈에 띕니다. 읽기 경험을 최대한 매끄럽게 유지하려는 콘텐츠 프로젝트에 완벽한 선택이 될 수 있습니다.페이지 내 행동 트리거
양식은 블로그 게시물의 끝에 도달했을 때만 나타납니다. 참여 수준이 높기 때문에 구독을 제안하기에 완벽한 순간입니다.FOMO 원칙
Ahref의 긴 읽기 중 하나를 끝까지 읽었다면 재미있게 읽었을 가능성이 높습니다. 그리고 당신은 이와 같은 또 다른 훌륭한 작품을 놓치고 싶지 않습니다.
웹사이트에 유사한 슬라이드인을 추가하고 싶으십니까?
이 구독 양식을 다시 만드는 것은 쉽습니다. 유사한 오른쪽 슬라이드인을 구축하여 웹사이트에 신속하게 설치할 수 있습니다.
위젯을 클릭하여 작동하는 모습을 보고 지침을 따르십시오.
준비되면 사용 타겟팅 슬라이드 인을 표시할 웹 사이트의 특정 페이지와 표시되어야 하는 조건을 선택하기 위한 설정.
6. 제품 찾기 – 일간 뉴스레터 구독
Product Hunt는 매일 놀라운 기술 제품이 출시되는 가장 큰 온라인 커뮤니티 중 하나입니다. 매일 웹 사이트를 확인하고 확인할 시간이 없는 사람들은 이메일 구독을 통해 가장 중요한 업데이트의 요약을 얻을 수 있습니다.
구독 수를 늘리기 위해 Product Hunt는 페이지 하단에 떠 있는 이메일 가입 표시줄을 제공합니다.
이 구독 양식의 장점은 다음과 같습니다.
산만 최소화
플로팅 바는 모든 웹사이트 팝업 중 가장 눈에 잘 띄지 않습니다. 콘텐츠를 스크롤하는 동안 웹 페이지의 상단이나 하단에 머물며 구독할 준비가 될 때까지 참을성 있게 기다립니다.뉴스레터 빈도
이 사본은 Product Hunt에서 이메일을 받는 빈도를 정확히 알려줍니다.정통 디자인
이모지와 버튼 색상은 Product Hunt의 시그니처 요소입니다. 그것들을 형태로 사용하는 것은 훌륭한 결정입니다.
나만의 플로팅 이메일 가입 바를 원하십니까?
유사한 위젯을 웹사이트에 추가하고 사이트 전체 또는 특정 페이지에 표시할 수 있습니다. 아래 기성 템플릿을 사용하여 시작하세요.
템플릿의 사본과 디자인은 매우 다양하므로 웹 사이트에서 그대로 자유롭게 사용하십시오.
클릭 유도문안을 표시하는 웹사이트 팝업
다음 카테고리로 넘어갈 시간입니다!
기업이 웹사이트 팝업을 사용하는 두 번째 큰 이유는 방문자가 할인을 받고, 새 블로그 게시물을 확인하고, 경품 행사에 참여하도록 장려하는 것입니다. 즉, 행동을 취하는 것 입니다.
실제 비즈니스가 어떻게 하고 있는지 봅시다.
7. Century 21 – 가기 전에 할인 받기
Century 21 온라인 상점을 탐색하기 시작한다면 엄청난 의지력이 있어야 하고 모든 구석에서 당신을 기다리고 있는 특별 제안을 잡고 싶은 충동을 이겨내야 합니다.
먼저, $25 할인 쿠폰과 교환하여 구독을 요청합니다. 그런 다음 구매하지 않고 나가려고 하면 다음 웹사이트 팝업이 표시됩니다.
"예, 부탁드립니다!"를 누르면 버튼을 누르면 쿠폰 코드가 팝업에 바로 표시됩니다. 코드를 복사하여 결제 시 붙여넣을 수 있습니다. 단순한. 효과적인.
출구 의도 접근 방식이 잘 작동하는 이유는 다음과 같습니다.
주의 보장
출구를 탐색할 때 눈앞에 나타나는 할인 제안을 놓칠 수 없습니다.최후의 조치
이탈 의도 팝업은 실제로 떠나려는 사람들을 전환할 수 있는 독특한 기회를 제공합니다. 물론, 모든 이탈 방문자가 응답하지는 않습니다. 그러나 그들 중 일부는 그렇게 할 것이며 모든 노력이 중요합니다. 그렇죠?
귀하의 웹사이트에 이탈 의도 팝업을 배치하고 싶으십니까?
아래 템플릿을 확인하세요. 방문자가 페이지를 종료하기 위해 탐색을 시작할 때 바로 표시되도록 이미 설정되어 있습니다.
몇 번의 클릭으로 웹사이트에 배치한 다음 타겟팅 팝업되어야 하는 페이지를 지정하는 설정. 예를 들어 장바구니를 포기하지 않도록 제품 페이지, 카테고리 페이지 또는 결제 시에도 이를 배치할 수 있습니다.
8. Skillshare – 추천 프로그램 프로모션
온라인 학습 플랫폼인 Skillshare는 친구를 초대하여 몇 달 동안 무료로 수업을 받을 수 있는 추천 프로그램을 운영하고 있습니다. 그들이 모든 페이지의 상단에 배치한 부동 막대를 확인하십시오.
Skillshare가 바로 여기에서 한 일:
대비되는 색상
Skillshare는 짙은 파란색 웹사이트 색상 테마로 주목을 끌기 때문에 흰색을 선택했습니다.충분한 세부 사항
공간이 부족함에도 불구하고 사본은 관심 여부를 결정할 수 있는 충분한 정보를 제공합니다.CTA 버튼 지우기
"친구 초대" 버튼은 명확한 기대치를 설정합니다. 세부 정보를 배우고 추천 링크를 얻을 수 있는 전용 페이지로 이동합니다.
9. New York Times – 지금 중요한 업데이트를 읽으십시오
프로젝트가 콘텐츠에 중점을 둔 경우 블로그의 최신 작품, 선택한 주제에 대한 중요 업데이트 또는 관련 자료를 홍보하기 위해 팝업을 사용할 수 있습니다.
예를 들어, 이것이 New York Times가 독자들의 관심을 COVID-19 발생에 대한 실시간 업데이트로 이끄는 방법입니다.
웹페이지 하단의 클릭 유도문안 막대는 다양한 미디어에서 다양한 목적으로 사용됩니다. 비슷하게 생긴 팝업이 있는 다음 예제를 확인하십시오.
10. Guardian – 오늘 Guardian을 지원하십시오.
New York Times와 달리 Guardian은 모든 자료를 오픈 액세스로 유지하는 반면 독자는 기부 형태로 신문 자금 지원에 참여할 수 있습니다. 페이지 하단의 팝업을 사용하여 이 메시지를 전달하는 방법을 확인하십시오.
웹사이트에서 유사한 팝업을 사용하고 싶으십니까?
메시지를 강조하고 싶을 때 이 끈끈한 막대는 완벽한 주의를 끄는 도구입니다. 웹사이트에 템플릿을 추가하려면 아래 템플릿을 확인하세요.
Getsitecontrol 대시보드에 추가한 후 콘텐츠 탭을 클릭하고 버튼 설정을 열어 원하는 페이지에 대한 링크를 배치합니다.
사이트 전체 공지를 위한 웹사이트 팝업
웹사이트 팝업의 마지막 범주는 방문자가 조치를 취하도록 권장하기보다는 방문자에게 알리는 것을 목표로 합니다.
청중에게 최신 뉴스 및 최신 용어를 알리고 싶다면 웹사이트 팝업이 완벽합니다.
이를 사용하여 비즈니스 운영 변경 사항, 현재 제안 또는 쿠키 동의 정책과 같은 새로운 정책에 대해 알릴 수 있습니다.
Reebok, Tiffany, Nespresso, Intercom 및 Slack이 이러한 유형의 커뮤니케이션을 처리하는 방법을 살펴보겠습니다.
11. Reebok – 사이트 전체 판매 발표
웹사이트를 방문하는 모든 사람에게 사이트 전체 판매에 대한 정보를 제공하기 위해 Reebok은 웹페이지 상단에 떠다니는 안내 표시줄을 배치했습니다.
이 공지는 웹사이트 방문자의 조치가 필요하지 않습니다. 좋은 놀라움이자 계속해서 상점을 탐색하게 하는 동기라고 생각할 수 있습니다.
12. Tiffany & Co. – 무료 서비스 알림
Tiffany & Co.가 온라인 상점 방문자에게 모든 주문에 대해 배송 및 반품이 무료임을 알리는 방법은 다음과 같습니다. 그들은 웹페이지 상단에 시그니처 티파니 블루 플로팅 바를 사용하고 있습니다.
웹사이트 테마의 색상 코드가 있는 경우 팝업에서 사용할 수 있습니다. 외관 / CSS Tiffany's처럼 완벽하게 일치하는 알림 표시줄을 만들 수 있습니다.
13. 네스프레소 – 배송 지연 가능성 안내
마지막 플로팅 바 예제는 Nespresso 웹사이트에 속합니다. 그들은 온라인 고객에게 배송 지연에 대해 알림으로써 미리 알려줍니다.
다시 말하지만, 부동 막대의 색상이 무작위로 선택되지 않았음을 알 수 있습니다. 아래의 "검색" 버튼과 완벽하게 일치합니다.
이 웹사이트 팝업을 다시 만들고 싶으십니까?
짧지만 중요한 메시지로 청중에게 다가가려면 플로팅 바가 좋습니다. 웹사이트에 추가하려면 아래 템플릿을 클릭한 다음 사본을 편집하십시오.
귀하의 웹사이트에서 더 잘 보일 수 있는 색상으로 자유롭게 변경하십시오. 색상 테마는 모습 Getsitecontrol 대시보드의 탭.
14. Slack – 쿠키 동의 배너
목록의 마지막 두 가지 예는 쿠키 배너입니다.
아시다시피 2018년부터 EU에서 방문자를 받는 모든 웹사이트는 사용자 데이터를 추적하는 쿠키를 사용하기 위해 사전 동의를 받아야 합니다.
Slack 웹사이트의 쿠키 메시지는 다음과 같습니다.
Slack은 쿠키 동의 정책으로 연결되고 클릭 시 닫히는 오른쪽 슬라이드인을 사용하기로 선택했습니다.
유사한 것을 배치하려면 아래 템플릿을 사용하십시오.
이 팝업을 그대로 웹사이트에 추가하거나 Slack과 마찬가지로 위젯 사본에 쿠키 정책 페이지 링크를 삽입할 수 있습니다.
15. 인터콤 – 쿠키 동의 스티커 바
인기 있는 메시징 플랫폼 개발자인 Intercom은 방문자에게 쿠키 정책에 대해 알리기 위해 웹 페이지 상단에 덜 눈에 띄는 고정 막대를 선택했습니다.
이 옵션을 선호하는 경우 여기를 클릭하여 쿠키 동의 표시줄에 대한 Getsitecontrol 템플릿을 확인하십시오.
웹사이트 팝업을 사용하여 비즈니스를 성장시킬 준비가 되셨습니까?
웹사이트 팝업이 귀하의 비즈니스 성장에 도움이 될 수 있는지 항상 궁금하시다면 오늘이 바로 확인하는 날입니다.
무엇부터 시작해야 할지 모르십니까?
다음은 가장 인기 있는 3가지 웹사이트 팝업입니다.
이메일 구독 양식,
쿠키 동의 배너,
특별 제안 프로모션.
Getsitecontrol을 사용하여 귀하의 비즈니스에 가장 관련성이 높은 항목을 선택하고(또는 웹사이트에 모두 한 번에 추가) 무료로 사용해 보십시오.
마케팅 전문가가 온라인 비즈니스 성장을 위한 입증된 전술을 공유하는 Getsitecontrol 블로그를 읽고 있습니다. 이 기사는 고객 참여 섹션의 일부입니다.
뉴스레터 구독 → Icons8의 메인 일러스트레이션