팝업에 대한 A/B 테스팅: 쉬운 가이드 + 실제 사례

게시 됨: 2020-02-20

전환율이 높은 팝업을 만들기 위한 수천 개의 "규칙", 팁, 트릭 및 모범 사례를 인터넷에서 찾을 수 있습니다.

어떤 조언을 따라야 하는지 어떻게 알 수 있습니까? 진실은 팝업 전환을 실제로 최적화하는 유일한 방법은 A/B 테스트라는 것입니다.

이 기사에서 우리는 A/B 테스트가 무엇이며 어떻게 A/B 테스트를 할 수 있는지 설명할 것입니다. 또한 영감을 줄 4가지 실제 사례를 보여드리겠습니다.

자, 시작하겠습니다!

목차

1) A/B 테스팅이란?

2) 무엇을 A/B 테스트해야 합니까?

3) 4가지 실생활 팝업 A/B 테스트

4) OptiMonk 팝업 A/B 테스트 방법

1) A/B 테스팅이란?

A/B 테스트(분할 테스트라고도 함)는 가장 일반적으로 알려진 전환 최적화 기술 중 하나입니다.

페이지, 이메일(이 경우 팝업)의 두 가지 다른 버전(또는 변형)을 비교하는 프로세스로 어떤 버전이 더 많은 전환을 유도하는지 확인합니다.

방문자를 비슷한 크기의 두 그룹으로 나눈 다음 방문자의 절반에게는 버전 A를 표시하고 다른 방문자에게는 버전 B를 표시합니다. 더 높은 전환율을 얻는 변형이 승자입니다!

abtesting 01 - A/B Testing for Popups: Easy Guide + Real-Life Examples

출처: 허브스팟

2) 무엇을 A/B 테스트해야 합니까?

A/B 테스트할 요소를 결정하는 것은 어려울 수 있습니다. 특히 세계에 모든 시간과 자원이 없는 경우에는 더욱 그렇습니다.

시작하는 데 도움이 되도록 A/B 테스트해야 하는 주요 요소 목록을 수집했습니다.

abtesting 02 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.1. 헤드라인

헤드라인은 일반적으로 방문자가 팝업에서 가장 먼저 알아차리는 것이기 때문에 실제로 주의를 끌 수 있는 헤드라인을 작성하는 것이 중요합니다. 목표는 관심을 갖게 하여 팝업의 나머지 부분을 읽게 하는 것입니다.

팝업의 핵심 부분이므로 몇 가지 타이틀을 테스트하여 완벽한 타이틀을 연마할 가치가 있습니다.

그래서 당신은 무엇을 변경할 수 있습니까? 글쎄, 당신은 다른 길이, 설득력있는 전략 또는 글꼴, 크기 및 색상과 같은 디자인 요소를 시도 할 수 있습니다.

abtesting 03 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.2. 행동 촉구

방문자가 거부할 수 없는 효과적인 클릭 유도문안은 모든 웹사이트와 모든 팝업에 필요합니다. 잘 작성된 클릭 유도문안은 전환과 판매를 늘리는 데 놀라운 효과를 줄 수 있습니다.

다음은 테스트해야 할 몇 가지 중요한 사항입니다.

  • 클릭 유도문안 버튼의 색상: 대비되는 색상은 팝업의 다른 요소와 구별되는 데 도움이 됩니다. Paletton은 완벽한 색상을 찾는 데 도움이 되는 무료 도구입니다.
  • 정렬: 클릭 유도문안 버튼을 어디에 배치해야 합니까? 다양한 버튼 배치가 전환에 영향을 미칠 수 있습니다.
  • 텍스트: 클릭 유도문안 문구에 강력한 액션 단어를 포함하는 것을 잊지 마십시오. 예를 들어 "내 무료 전자책 받기"와 "무료 전자책 받기"와 같이 사본을 약간 다르게 하거나 완전히 다른 두 가지 버전을 테스트할 수 있습니다.
abtesting 04 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.3. 이미지

이미지는 방문자가 제안을 이해하는 데 도움이 되고 팝업이 더 매력적으로 보이도록 할 수 있습니다. 하지만 그렇다고 해서 모든 경우에 이미지가 팝업을 더 좋게 만드는 것은 아닙니다.

이미지를 사용해야 할지 말아야 할지 고민 중이며 어떤 유형이 가장 적합합니까? 자, 이제 A/B 테스트를 할 시간입니다!

다양한 이미지 유형을 테스트할 수 있습니다 . 예를 들면 다음과 같습니다.

  • 스톡 사진 대 개인 사진,
  • 제품 이미지 대 제품 비디오.

이미지의 배치도 테스트하기에 좋은 요소입니다. 이미지가 방문자의 눈을 가치 제안으로 안내하는 것이 가장 좋습니다.

abtesting 05 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.4. 양식

양식은 구독 프로세스에서 매우 중요한 역할을 하며 잘 최적화된 양식은 쉽게 신규 고객을 생성할 수 있습니다. 반면에 최적화되지 않은 양식은 사용자에게 실망을 줄 수 있습니다.

길이는 가장 먼저 테스트해야 할 항목입니다. 일부 회사의 경우 특히 리드를 검증하려는 경우 더 긴 양식이 적합합니다. 그러나 대부분의 경우 짧고 요점에 맞는 형식을 목표로 해야 합니다.

abtesting 06 - A/B Testing for Popups: Easy Guide + Real-Life Examples

방문자가 양식을 종료(또는 포기)할 때를 찾는 것이 특히 중요합니다. 예를 들어, 그들이 전화번호를 당신과 공유하는 것을 원하지 않는다는 것을 알게 될 것입니다. 이 경우 전환을 늘리려면 해당 필드를 제거해야 합니다.

2.5. 권하다

마지막으로 중요한 것은 당신의 제안... 일명 게임체인저입니다!

방문자가 거부할 수 없는 제안 유형은 무엇입니까? 짧고 편리한 체크리스트에 대해 더 길고 심층적인 전자책을 테스트할 수 있습니다. 또는 전자 상거래 상점이 있는 경우 10% 할인 대 10달러 할인 또는 세트 할인 대 무료 배송과 같은 여러 할인 유형을 테스트할 수 있습니다.

abtesting 07 - A/B Testing for Popups: Easy Guide + Real-Life Examples

당신은 몇 가지 작은 변화가 어떻게 정말 놀라운 결과로 이어질 수 있는지 놀랄 것입니다!

3) 4가지 실생활 팝업 A/B 테스트

이제 고객이 실행한 4가지 팝업 A/B 테스트와 그들이 달성한 훌륭한 결과를 살펴보겠습니다. 이러한 예는 자체 팝업 캠페인에서 테스트할 항목에 대해 더 많은 영감을 줄 수 있습니다.

3.1. 리드와 연락하기에 가장 좋은 채널을 찾아보세요.

구독과 관련하여 대부분의 사람들은 즉시 이메일을 생각합니다. 그러나 가장 성공적인 Shopify 매장 중 하나인 BlendJet은 기존의 틀에서 벗어나 생각하기로 결정했습니다.

그들은 청중이 선호하는 채널을 확인하기 위해 SMS, 이메일 및 메신저 구독 캠페인을 만들고 분할 테스트했습니다.

테스트한 팝업은 다음과 같습니다.

abtesting 08 - A/B Testing for Popups: Easy Guide + Real-Life Examples

실험에 따르면 BlendJet의 장바구니 포기 캠페인은 이메일보다 메신저를 통해 전환율이 20% 더 높았습니다. 꽤 깔끔하죠?

이 테스트는 다양한 통신 채널을 테스트하는 것이 얼마나 중요한지 보여줍니다.

3.2. 응답을 유도하는 메시지 알아보기

방문자가 행동을 취하도록 하는 팝업을 만들고 싶다면 올바른 사본이 필요합니다.

고객 중 하나인 SwissWatchExpo는 청중을 가장 잘 참여시킬 수 있는 것이 무엇인지 파악하고 싶었습니다.

그들은 서로 다른 사본을 사용하여 두 가지 버전의 장바구니 포기 팝업을 생성하여 어느 쪽이 이길지 확인했습니다.

abtesting 09 - A/B Testing for Popups: Easy Guide + Real-Life Examples

첫 번째 버전에서는 구매자에게 구매하려는 제품이 마지막 제품임을 알리고 싶었습니다. 이것은 긴급성을 창출하는 좋은 방법이며 이 팝업으로 전환율을 17% 증가시킬 수 있었습니다.

두 번째 버전에서는 사본을 변경하고 방문자에게 할인을 제공했습니다. 이 버전을 사용하여 결과를 두 배로 늘려 30% 이상의 전환율을 달성했습니다.

abtesting 10 - A/B Testing for Popups: Easy Guide + Real-Life Examples

보시다시피 두 번째 버전이 확실한 승자였습니다.

3.3. 제안 테스트

BootCuffsSocks는 장바구니 이탈자를 위한 특별 캠페인을 만들기로 결정했고 A/B는 두 가지 다른 제안을 테스트했습니다.

  • $4.25 스토어 크레딧
  • 전체 구매 10% 할인

두 가지 제안을 살펴보겠습니다.

abtesting 11 - A/B Testing for Popups: Easy Guide + Real-Life Examples
abtesting 12 - A/B Testing for Popups: Easy Guide + Real-Life Examples

40일 동안 두 변형을 서로 비교한 후 첫 번째 버전에 비해 두 번째 버전(10% 할인)에 등록한 방문자가 15% 더 많다는 것을 알았습니다.

승자는 분명했다.

3.4. 팝업 모양 테스트

Zooshoo는 몇 년 동안 OptiMonk를 사용해 왔으며 항상 팝업 캠페인을 최신 상태로 유지하고 새 버전을 시도하고 A/B 테스트 변형을 시도합니다.

이 경우 구독 팝업의 두 가지 모양을 동일한 제안(20% 할인)과 비교하고 싶었습니다.

노란색 구성표가 있는 첫 번째 항목을 확인해 보겠습니다.

abtesting 13 - A/B Testing for Popups: Easy Guide + Real-Life Examples

그리고 여기에 붉은 색 구성표가있는 두 번째가 있습니다.

abtesting 14 - A/B Testing for Popups: Easy Guide + Real-Life Examples

두 버전 모두 좋은 결과를 얻었지만 결국 노란색 모양이 승자가 되었습니다.

4) OptiMonk 팝업 A/B 테스트 방법

자... 이제 OptiMonk를 사용하여 A/B 테스트를 시작할 준비가 되었지만 어떻게 시작해야 할지 잘 모르겠습니다. 괜찮아요! 시작할 수 있도록 단계별 가이드를 공유하겠습니다.

1단계. 먼저 OptiMonk 계정에 로그인하고 캠페인 메뉴로 이동하여 A/B 테스트할 캠페인을 선택합니다.

이제 캠페인 페이지에서 "A/B 테스트 센터"를 볼 수 있으며 여기에서 올바른 위치에 있다는 힌트를 얻을 수 있습니다.

abtesting 15 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2단계. 그런 다음 "새 변형 추가"를 클릭하면 팝업의 두 번째 변형이 즉시 나타납니다. 지금은 비활성화되어 있습니다.

abtesting 16 - A/B Testing for Popups: Easy Guide + Real-Life Examples

3단계 . 두 번째 변형을 클릭하면 드래그 앤 드롭 편집기로 이동합니다. 이제 A/B 테스트하려는 요소를 수정할 차례입니다. 예를 들어 버튼의 색상을 변경할 수 있습니다.

abtesting 17 - A/B Testing for Popups: Easy Guide + Real-Life Examples

4단계. 변경한 후 "다음" 버튼을 클릭하면 캠페인 페이지로 리디렉션됩니다.

abtesting 18 - A/B Testing for Popups: Easy Guide + Real-Life Examples

5단계. 이제 두 번째 버전의 팝업을 활성화하기만 하면 됩니다.

abtesting 19 - A/B Testing for Popups: Easy Guide + Real-Life Examples

파란색 상자에 "우승자 변형만 실행" 텍스트가 표시됩니다. 이 기능을 켜면 "챔피언"의 이름을 지정한 후 자동으로 도전자 변형을 비활성화합니다.

그러나 캠페인 변형의 이름을 언제 '챔피언'으로 지정합니까? 글쎄, 변형이 주어진 노출수(현재 설정에서 50)를 얻으면 OptiMonk는 캠페인의 실적이 동일하게 유지될 것이라는 확신을 얼마나 확신할 수 있는지 결정하기 위해 통계적 유의성(우리는 "신뢰"라고 함)을 계산합니다.

변형의 전환율이 가장 높고 신뢰도가 90% 이상인 경우 이를 Champion 변형이라고 합니다.

그게 다야!

아, 그건 그렇고, 당신은 "버전 A와 버전 B"에 국한되지 않습니다. 원하는 만큼 변형을 추가할 수 있습니다.

이제 오늘 우리가 공유한 A/B 테스트 아이디어 중 하나를 시도하고 전환율을 높이십시오!

jb freemium - A/B Testing for Popups: Easy Guide + Real-Life Examples

이 공유

페이스북에 공유
트위터에 공유
링크드인에서 공유
이전 이전 게시물 Wheelio 대 OptiMonk: 이동해야 하는 이유?
다음 포스트 모바일 친화성 테스트 2020: 모바일 기기용 CRO 다음

작성자

니콜렛 로린츠

Nikolett은 OptiMonk의 마케터입니다. 그녀는 콘텐츠 마케팅에 집착하고 전자 상거래 상점 소유자를 위한 교육 콘텐츠를 만드는 것을 좋아합니다. 그녀는 양보다 질이 중요하다고 진정으로 믿습니다.

당신은 또한 좋아할 수 있습니다

8 mobile landing page examples to inspire your own 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

영감을 주는 모바일 랜딩 페이지의 예 8가지

게시물 보기
8 essential popup tips banner 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

전환율을 높이는 8가지 필수 팝업 팁

게시물 보기
summer popup inspiration banner 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

계절 판매, 아버지의 날, 7월 4일을 위한 여름 팝업 영감

게시물 보기