전환율을 높이는 5가지 최고의 팝업 오버레이 예
게시 됨: 2022-06-29믿거나 말거나 팝업이 변환됩니다! 그리고 올바르게 사용하면 리드 생성 및 이메일 목록 작성을 위한 자산이 될 수 있습니다.
비즈니스를 홍보하고 전체 수익을 개선하는 데 사용할 수 있는 팝업 사용 사례로 사용할 수 있는 다양한 옵션이 있습니다. 그러나 간단하고 사용자 지정되고 매력적인 팝업 오버레이를 만드는 것은 까다로울 수 있습니다. 팝업 오버레이는 방문자를 놀라게 하고 즉시 주의를 끌고 페이지 상단에 있기 때문에 클릭을 유도합니다.
맞춤형 팝업 오버레이 는 스팸으로부터 비즈니스를 효과적으로 보호하고, 할인과 독특한 경험을 제공하고, 방문자가 뉴스레터에 가입하도록 유도하고, 즉시 제품을 판매하는 데 도움이 됩니다.
이러한 오버레이는 전환 및 판매를 증가시키는 힘이 있습니다.
그러나 성공적인 팝업 캠페인을 만들기 위해 따를 수 있는 특정 규칙과 팝업 디자인 관행이 있습니다.
다음은 영감을 주는 유명 브랜드의 몇 가지 팁과 최고의 팝업 오버레이 예입니다.
효과적인 팝업을 만들기 위한 몇 가지 팁
다음은 브랜드 팝업을 만들 때 고려해야 할 팁의 짧은 목록입니다.
- 목표 식별 및 조치
- 클릭 유도문안 이 눈길을 끄는지 확인하세요.
- 간결하지만 설득력 있는 문구를 사용하십시오
- 대비를 사용하여 메시지에 더 많은 관심 끌기
- 창의적인 이미지를 선택하고 최대한 활용하십시오
- 웹사이트 스타일에 맞게 팝업 디자인 조정
- 너무 많은 정보를 요구하지 마십시오
- 맞춤형 모바일 팝업 생성
아주 간단하지 않습니까? 이제 일반적인 아이디어를 얻었으므로 5개의 다른 브랜드에서 오버레이 팝업을 사용하는 방법을 보여드리겠습니다.
팝업 오버레이 예제 외에도 코드가 없는 사용자 친화적인 팝업 빌더를 사용하여 몇 초 안에 오버레이 팝업을 설정하는 방법에 대한 개요가 있습니다.
팝업 오버레이란 무엇입니까?
라이트박스 팝업 및 모달 팝업 이라고도 하는 팝업 오버레이는 배경을 어둡게 하거나 흐리게 처리하여 화면을 덮도록 설계된 웹사이트 팝업입니다.
문제는 팝업 오버레이가 종종 큰 성공을 거두거나 큰 기회를 놓치는 경우가 많다는 것입니다.
방문자 가 경험에 아무런 가치도 제공하지 않는 오버레이 팝업이 표시 되면 짜증나거나 주의가 산만해지는 경향이 있습니다.
그러나 오버레이 팝업이 가치를 추가하면 (예: 할인 또는 독점 거래 제공) 방문자는 귀하가 제공해야 하는 항목에 **관심 있는 경향이 있습니다.
팝업 오버레이는 리드 생성을 위한 경품 증정 , 최초 또는 재방문자 할인 제공, 무료 배송과 같은 기간한정 거래, 제품 상향 판매/교차 판매와 같은 다양한 목적으로 사용될 수 있습니다.**
팝업 오버레이 예
잘 알려진 브랜드 의 효과적인 팝업 오버레이의 가장 좋은 예를 살펴보겠습니다.
1- Dolce & Gabbana 뉴스레터 팝업 오버레이
유명 패션 브랜드 Dolce & Gabbana는 뉴스레터 팝업을 사용하여 사용자의 관심을 끌고 있습니다.
팝업 디자인은 흥미롭고 눈길을 끄는 이미지와 흑백 사용으로 심플하고 우아합니다.
팝업은 브랜드 스타일을 채택하고 관련 이미지를 사용하는 동시에 사용자에게 성별과 언어를 요청하여 더 많은 사용자 정의를 제공합니다.
2- Nike 이메일 팝업 오버레이
Nike는 사용자의 관심을 끌고 가장 먼저 알 수 있도록 이메일에 등록하도록 설득하기 위해 간단하지만 설득력 있는 사본을 선택합니다.
가장 관련성 높은 콘텐츠를 제공하기 위해 이 팝업 오버레이는 사용자의 이메일 주소와 생년월일 및 제품 선호도와 같은 추가 정보를 요청합니다.
마케팅 팀은 이러한 세부 데이터를 사용 하여 관련 고객 그룹에게 할인 또는 제한된 제안을 제공 할 수 있습니다.
멋지고 미니멀한 디자인과 눈에 잘 띄는 텍스트가 포함된 간단하고 우아한 솔루션입니다.
이것은 이메일 목록을 늘리고 효과적인 이메일 마케팅 캠페인을 만드는 좋은 방법입니다.
3- Brunomagli 할인 팝업 오버레이
웹사이트에 들어가면 Brunomag 할인 팝업 오버레이가 나타나 이메일 주소와 교환하여 15% 할인을 제공합니다.
웹사이트 방문자가 원할 때 관련 가치를 정확하게 전달 하는 가벼운 팝업 오버레이를 홍보하는 멋진 제품 입니다.
15% 할인 주문 은 대부분 사용자의 이메일 주소 가치가 있습니다. 특히 그들이 이미 웹사이트를 방문했다면! 팝업이 브랜드와 어떻게 어울리는지 확인하고 신발의 색상이 클릭 유도문안 버튼을 보완합니다.
4- Coschedual 이탈 의도 팝업 오버레이
CoSchedule은 콘텐츠 마케팅 캠페인을 계획, 구성 및 실행할 수 있는 올인원 콘텐츠 마케팅 플랫폼입니다.
이 이탈 의도 팝업 오버레이에서 CoSchedule은 브랜드 스타일에 맞게 관련 이미지를 사용하여 마케팅 캘린더 서비스를 홍보 하고 있습니다.
CoSchedule은 방문자에게 제품 및 서비스를 확인하도록 요청하고 강력한 CTA로 결국 데모 일정을 예약하도록 호출합니다.
결과적으로, 이 프로모션 팝업은 다른 방법으로는 얻을 수 없는 판매를 전환할 수 있는 기회를 제공합니다.
5- Revolvea 최초 구매자 쿠폰 팝업 오버레이
리볼브 전자상거래 사이트에 접속하시면 아래와 같은 할인혜택이 표시됩니다.
팝업 오버레이는 잠재 구매자에게 할인을 제공하기 위해 방문자의 이메일 주소를 요청합니다!
Revolvea는 이 팝업을 사용하여 이메일 목록을 작성할 뿐만 아니라 제품을 홍보하고 청중이 구매하도록 설득합니다 . 하나의 돌로 두 마리의 새를 잡다!
Cision PR Newswire에 따르면 웹사이트 방문자의 92%가 아직 구매할 준비가 되지 않았지만 이것이 관심이 없다는 의미는 아닙니다! 따라서 빠른 최초 구매자 할인 제안이 촉발될 수 있습니다.
사용자는 또한 X 버튼을 클릭하거나 "아니요, 그냥 쇼핑하게 해주세요" 라는 문구를 클릭하여 팝업을 닫고 탐색을 재개할 수 있는 옵션이 있습니다. 이는 이 팝업의 또 다른 장점입니다.
Popupsmart로 대화형 오버레이 팝업 만들기
웹사이트에 팝업 오버레이를 만드는 것은 시간이 많이 걸리고 복잡할 수 있습니다. 좋은 소식은 더 이상 이 과정을 거칠 필요가 없다는 것입니다.
Popupsmart 팝업 빌더 를 사용하면 전문가 수준의 효과적인 팝업을 쉽고 빠르게 만들 수 있습니다 .
코드가 필요 없는 팝업 빌더인 Popupsmart를 사용하면 단 몇 분 만에 다양한 옵션과 기능으로 필요에 맞는 팝업을 만들 수 있습니다.
단계별 가이드를 제공하여 얼마나 쉬운지 보여드리겠습니다.
1- Popupsmart에 가입한 다음 대시보드로 이동합니다.
2- "새 팝업 만들기" 버튼을 클릭하고 첫 번째 팝업 만들기를 시작합니다.
3- 비즈니스 목표를 선택하십시오. 예를 들어 "이메일 목록 늘리기" 를 선택하여 이메일 마케팅 캠페인을 개선하고 뉴스레터와 양질의 콘텐츠 또는 맞춤형 할인을 보낼 수 있습니다.
4- 팝업을 처음부터 만들거나 기성품 템플릿을 사용하여 목표에 맞게 사용자 지정할 수 있습니다.
5- 레이아웃을 선택한 후 "사용자 정의" 탭을 선택하여 팝업 디자인을 사용자 정의할 수 있습니다. 헤드라인 , 텍스트 입력 및 개인 정보 보호 정책 섹션을 변경할 수도 있습니다.
팝업의 헤드라인과 설명에 강력한 CTA를 추가하면 타겟 청중의 관심을 끌 수 있습니다.
필요한 경우 이 단계에서 관련 이미지를 추가할 수도 있습니다.
6- 그런 다음 "대상" 섹션으로 이동할 수 있습니다. 여기에서 팝업의 대상 고객, 일정 세부 정보, 방문자 행동, 방문자 장치 및 보기 빈도를 선택할 수 있습니다.
이를 통해 청중에게 효과적으로 도달할 수 있습니다.
예를 들어 여기에서 "방문자 행동" 부분에 특정 시간을 추가하여 최초 구매자 할인 팝업을 만들고 이메일 목록을 늘릴 수 있습니다.
이 단계를 완료한 후 저장하고 "게시할 다음"을 클릭하십시오.
7- 아래와 같이 "게시" 섹션에서 팝업의 내장 코드를 복사합니다. 도메인을 확인하고 코드를 웹사이트 백오피스에 붙여넣습니다.
팝업 캠페인을 실행하기 전에 웹사이트를 확인 하는 것이 매우 중요합니다. 그렇지 않으면 제대로 작동하지 않습니다. Google 태그 관리자를 사용하여 웹사이트에 팝업 코드를 삽입할 수도 있습니다.
웹사이트에 코드를 삽입하는 방법을 배우십시오!
8- 팝업을 완료한 후 "저장 및 게시" 버튼을 클릭합니다.
9- 바로 그거야! 팝업을 게시하면 웹사이트를 방문하여 최종 모양을 확인할 수 있습니다. 꽤 쉽죠?
지금 무료로 팝업 캠페인을 만들고 여기에 댓글을 달거나 지원팀에 연락하여 피드백을 보내주세요.
최종 생각으로
위의 예와 최상의 팝업 오버레이 가이드를 따르면 청중의 관심을 끌고 전환율을 높이려면 어떤 종류의 팝업 오버레이를 사용해야 하는지 명확하게 알 수 있습니다.
그러나 한 가지 기술에서 멈추지 마십시오. 위에서 언급한 다른 마케팅 기법과 결합하고 팝업을 성공적으로 사용하는 다른 성공적인 브랜드로부터 배우십시오.
최악의 시나리오에서는 하나의 좋은 팝업을 만들어 고객과 함께 종교적으로 따를 수 있습니다.
신뢰를 구축하고 가치 있는 것을 제공할 수 있는 최선의 방법을 창의적으로 구현하십시오.
지금 Popupsmart를 시작하세요!
관련 기사:
- Vue 모달 팝업을 만드는 방법
- 웹사이트를 위한 Modal Tailwind CSS 팝업을 만드는 방법
- 2022년에 반드시 알아야 할 15가지 리드 생성 자동화 솔루션