WordPress 팝업 플러그인: 좋은 것, 나쁜 것, 못생긴 것

팝업, 당신은 확실히 많은 웹사이트에서 보았을 것입니다. 기사를 읽거나 종료하려고 할 때 사이트에 표시되는 창입니다. 그들의 주요 목적은 비즈니스의 이메일 목록을 늘리는 것입니다(리드 획득이라고도 함).

일부 마케팅 담당자는 그들을 사랑하지만 일부는 그렇지 않습니다. 일부 웹 사이트 방문자는 짜증을 느낄 수 있습니다. 그러나 그럼에도 불구하고 여전히 사용되는 이유는 무엇입니까?

현명하게 사용하면 좋은 리드 생성 도구이기 때문입니다.

예를 들어 Sleeknote 의 직원은 상위 고객의 10억 개 이상의 팝업 조회수에서 데이터를 분석했습니다. 그들은 8초 후에 표시되는 팝업이 전후에 표시되는 팝업보다 더 잘 전환된다는 것을 발견했습니다.

8초 후에 팝업이 표시되는 경우 전환율이 3.62%인데 비해 0%(팝업이 없음을 의미)가 있습니다. 확실히 의미가 있죠?

이제 이 기사에서는 다음에 대해 이야기할 것입니다.

• 최고의 WordPress 팝업 플러그인;
• 팝업의 구조
• 팝업 모범 사례;
• 팝업 영감.

할까요?

최고의 WordPress 팝업 플러그인

이제 필요에 맞는 WordPress 팝업 플러그인을 찾기 시작할 때 유용할 수 있는 몇 가지 기능이 있습니다.

• 미리 디자인된 템플릿을 사용할 수 있으므로 처음부터 시작하거나 영감이 필요할 때 항상 시작할 필요가 없습니다.
• 드래그 앤 드롭 팝업 빌더를 사용하면 코드 없이 모든 것을 빠르고 쉽게 디자인할 수 있습니다.
• 이메일 마케팅 통합: WordPress 팝업 플러그인이 이메일 제공업체와 원활하게 통합되는지 확인하십시오.
• 팝업에 사용할 수 있는 다양한 트리거: 페이지에서 보낸 시간, 지역, 재방문 vs 신규 방문자 등을 기반으로 하는 이탈 의도

이제 생태계에서 최고의 WordPress 팝업 플러그인 5가지를 살펴보겠습니다.

옵틴몬스터

현재 1,213,400개 이상의 웹사이트에서 사용하는 독립형 SaaS 제품입니다. 또한 1,000,000개 이상의 활성 설치가 있는 WordPress 플러그인이 있습니다.

다음은 가장 중요한 기능 중 일부입니다.

• 다양한 팝업 형식 사용 가능 : 라이트박스, 플로팅 바, 슬라이드인, 게임화된 스핀 휠, 카운트다운 타이머 등
• WordPress 팝업 빌더를 끌어다 놓습니다.
• 사전 제작된 팝업 템플릿;
• 다양한 행동 기반 개인화: 이탈 의도, 지리적 위치, 리타겟팅 등
• 팝업 A/B 테스트;
• 애니메이션 및 음향 효과;
• 가장 인기 있는 WordPress 양식 플러그인 과의 통합 ;
• 이메일 마케팅 통합 (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo 등)

가격 : $9/월부터 기본 플랜에 대해 매년 청구됩니다.

팝업메이커

600,000개 이상의 사이트에서 사용되는 이 WordPress 팝업 플러그인은 매우 인기가 있습니다. 다음은 가장 중요한 기능 중 일부입니다.

• 가장 인기 있는 WordPress 양식 플러그인 (Ninja Forms, Gravity Forms, Contact Form 7 등) 과의 통합 ;
• 이메일 마케팅 통합 (Mailchimp, GetResponse, Hubspot 등)
• 게시물, 페이지 등 26개 이상의 WordPress 콘텐츠를 타겟팅합니다 .
• 팝업 예약 ;

가격 : 시작 계획의 경우 연간 $87부터 시작합니다.

정력적 활동

100,000개 이상의 사이트에서 사용되는 이 WordPress 팝업 플러그인은 WPMU DEV에서 만듭니다. 그들은 많은 인기있는 WordPress 플러그인 뒤에 있습니다.

다음은 Hustle의 가장 중요한 기능 중 일부입니다.

• 다양한 사용 사례를 위한 템플릿 (예: 블랙 프라이데이, 경품, COVID 알림, 뉴스레터 가입)
• 완전 반응형 팝업
• 테두리, 그림자, 간격, 타이포그래피, 색상에서 사용자 정의 CSS에 이르기까지 다양한 스타일 옵션을 사용할 수 있습니다.
• 페이지에 머문 시간, 스크롤, 종료 의도 등과 같은 많은 동작 트리거 .
• 이메일 마케팅 통합 (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo 등)

가격 : $5/월, Hustle Pro 플랜에 대해 매년 청구됩니다. 무료 평가판을 사용할 수 있습니다.

스모

Sumo는 60,000개 이상의 웹사이트가 시간 제한 팝업으로 이메일 목록을 늘리는 데 도움이 되는 WordPress 플러그인입니다. OptinMonster와 마찬가지로 독립 실행형 제품으로도 작동합니다. WordPress 외에도 더 많은 웹사이트를 지원합니다.

다음은 가장 중요한 기능 중 일부입니다.

• 구독자와 소통하기 위해 일회성 마케팅 이메일 또는 이메일 드립 일정 을 잡습니다.
• 옵트인 양식 ;
• 팝업에 대한 완전한 디자인 제어
• 미리 디자인된 템플릿 ;

가격 : Sumo의 사람들은 Sumo를 무료로 사용할 수 있고 더 많은 고객이 생길 때만 지불할 수 있다고 자랑합니다.

PRO 패키지는 연간 청구되는 월 $39부터 시작합니다.

변환프로

Convert Pro는 WordPress 팝업 생성을 위한 선택입니다. 정말 유연하고 많은 디자인과 트리거 옵션이 있습니다.

우리가 좋아하는 기능은 다음과 같습니다.

• 드래그 앤 드롭 편집기 ;
• 모바일 응답성 ;
• 다단계 팝업;
• 많은 트리거 옵션;
• 거대한 템플릿 라이브러리;
• 종료 의도, 클릭 시, 정보 표시줄, 슬라이드인, 인라인 CTA, 전체 화면 CTA, 변환 매트 등 다양한 팝업 형식을 사용할 수 있습니다 .
• 쉬운 A/B 테스트;
• 이메일 마케팅 통합 (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo 등)

가격 : 시작 $79/년.

ConvertPro를 사용하여 WordPress 팝업을 만드는 방법

이제 데모를 볼 시간입니다. 그렇지 않나요?

우리는 Convert Pro 사용자이기 때문에 여기 Colibri에서 도구를 사용하는 방법을 보여 드리겠습니다.

다음은 Convert Pro를 사용하여 WordPress 팝업을 만드는 단계입니다.

1. 플러그인 을 구입한 후 BrainStormForce 스토어 (플러그인 작성자)로 이동 하여 Convert Pro로 zip 파일을 다운로드하십시오 . 이제 WordPress 대시보드 -> 플러그인 -> 새로 추가로 이동합니다. 여기에 zip 파일을 업로드한 다음 플러그인을 활성화하세요.
2. WordPress 대시보드 -> 프로 변환 -> 새로 만들기로 이동합니다.
3. 원하는 WordPress 팝업 유형을 선택합니다 .
4. 템플릿과 목표를 선택합니다.
5. 팝업 이름을 지정한 다음 "만들기"를 누르십시오.
6. 팝업 디자인을 시작합니다 . 제목, 단락, 시각 자료를 추가하십시오. 왼쪽 메뉴에서 선택할 수 있는 여러 모양과 버튼 형식이 있습니다. 예를 들어 프로모션을 진행하는 경우 카운트다운을 추가할 수도 있습니다. "패널" 옵션 내에서 팝업 크기를 조정하고 애니메이션, 배경 등을 추가할 수 있습니다. 또한 원하는 대로 양식에 스타일을 지정할 수 있습니다. 고급 옵션에서 다단계 팝업을 만들 수도 있습니다. 대시보드 상단의 모바일 아이콘을 클릭하면 모바일 버전의 팝업을 미리 볼 수 있습니다.
7. 양식을 구성하십시오 . 이 수준에서 다양한 트리거 중에서 선택할 수 있습니다. "대상" 메뉴에서 지리적 위치, 장치 및 기타 사용자 행동을 기반으로 설정을 조정할 수 있습니다. 예를 들어, 저는 모바일과 데스크탑을 위한 별도의 팝업을 만들고 싶습니다. 모바일 장치에서는 5초 후에 WordPress 팝업을 실행하고 데스크탑에서는 종료 의도를 사용합니다.
8. 양식 및 이메일 마케팅 소프트웨어와 같은 타사 도구와 Convert Pro를 연결 합니다.
9. 완료되면 WordPress 팝업을 저장하고 "공개" 하는 것을 잊지 마십시오.

그리고 그게 다야. 첫 번째 WordPress 팝업이 생겼습니다!

이제 팝업을 디자인하는 방법을 알았으므로 필수 요소를 살펴보겠습니다.

팝업의 구조

앞서 언급했듯이 팝업은 방문자를 리드로 전환하거나 리드를 고객으로 전환하는 데 사용됩니다.

팝업이 이 목표를 달성하는 데 어떻게 도움이 됩니까? 올바르게 사용하면 적절한 메시지와 함께 적절한 사람 앞에 적절한 시간에 팝업이 표시되어 전환 가능성을 극대화할 수 있습니다.

팝업에 포함된 요소는 다음과 같습니다.

• 양식 . 이러한 양식은 클릭 유도문안 버튼만 있는 매우 기본적이거나 몇 가지 추가 사용자 정의 필드가 있을 수 있습니다.
• 방아쇠 . 이러한 팝업은 일부 웹사이트 또는 사용자 행동에 따라 나타날 수 있습니다(예: 페이지에서 8초 후, 70% 스크롤 후, 사용자가 웹사이트를 종료하려고 할 때 등).
• 타겟팅 . 방문자의 지리적 위치 또는 방문한 페이지 유형 등에 따라 이러한 팝업이 표시되도록 할 수 있습니다. 방문자가 건강한 식단에 대한 기사를 읽고 있을 수도 있습니다. 활력을 주는 스무디 레시피로 전자책을 홍보하는 팝업을 그에게 보여줄 수 있습니다. 전환율을 최대화하려면 여기에서 맞춤화가 핵심입니다.
• 메시지를 전달하거나 더 매력적으로 만드는 데 도움이 되는 맞춤형 디자인 요소 : 이미지, 비디오 등

이제 팝업 디자인으로 작업이 끝나지 않았습니다. 다음 단계를 파악해야 합니다. 일반적으로 이메일 마케팅 캠페인을 통해 리드를 육성해야 합니다. 즉, WordPress 팝업 플러그인과 연결하려면 이메일 소프트웨어가 필요합니다.

이제 전환율이 높은 팝업을 디자인하기 위한 몇 가지 모범 사례를 살펴보겠습니다.

팝업 모범 사례

나는 이것을 짧고 달콤하게 유지할 것입니다. 여기 우리가 간다:

• 팝업을 방해하지 마십시오. 당신의 방아쇠에 현명하십시오. 나는 항상 이탈 의도를 추구하므로 사용자 경험을 많이 방해하지 않습니다.
• 모든 페이지에 팝업을 표시하지 마십시오. 페이지의 목적에 대해 생각해 보세요. 가격 책정 또는 문의 페이지에 팝업을 표시하시겠습니까? 이것에 대해 현명하십시오.
• 팝업이 모든 장치에서 잘 보이는지 확인하십시오.
• 웹 사이트 방문자가 팝업을 쉽게 닫을 수 있도록 합니다.
• 팝업에 이미지를 사용하세요. Sleeknote 분석은 이미지가 없는 것보다 전환율이 더 좋은 것으로 나타났습니다.
• 팝업 카피에 FOMO(누락에 대한 두려움)를 유도하세요. 예를 들어 프로모션이 종료될 때까지 남은 일수를 알려주는 카운트다운 타이머를 삽입하여 이를 수행할 수 있습니다.
• 양식에 필드가 많을수록 전환이 줄어듭니다. 이러한 것들의 균형을 맞추는 방법에 주의하십시오. 한편으로는 여러 양식 필드를 사용하여 리드를 더 잘 분류할 수 있습니다.
• 특정 팝업을 사용하는 목적과 목적을 결정합니다.
• 더 나은 참여를 위해 시간 제한 팝업을 구현합니다.
• 신규 방문자와 반복 방문자에 대한 팝업을 분할하십시오.
• 사용자가 콘텐츠를 아래로 스크롤하거나 기사에 더 많은 시간을 할애한다는 것은 사용자의 관심을 끌었다는 의미입니다. 스크롤 트리거를 사용하여 콘텐츠 업그레이드 또는 웹 세미나 초대에 대한 팝업을 표시하는 것은 어떻습니까?

영감을 주는 팝업 예시 7가지

이제 이론으로 충분하므로 실제 팝업을 살펴보겠습니다.

팝업 예시 1: Sleeknote

이 Sleeknote 팝업은 소셜 증거를 사용하여 사람들이 뉴스레터를 구독하도록 시도하고 설득합니다. 가입하면 다른 70,000명의 마케팅 담당자와 합류하게 됩니다.

그리고 어떤 사람들은 뉴스레터 피로를 겪을 수 있기 때문에 "주간 마케팅 영감"이라는 용어를 사용합니다. Sleeknotes는 또한 구독에 대한 대가로 방문자에게 평생 고객 리소스에 액세스할 수 있는 "뇌물"을 제공합니다. 또한 gif와 이모티콘을 사용하여 팝업을 시각적으로 더 매력적으로 만듭니다.

팝업 예시 2: Hubspot

아래 예에서는 웹사이트 방문자가 뉴스레터를 구독하도록 설득하려는 Hubspot(마케팅 및 영업 소프트웨어)의 종료 의도 팝업이 있습니다. 그들은 또한 600,000명 이상의 마케터가 이미 가입했습니다.

그들은 좀 더 눈길을 끌기 위해 일부 이미지를 사용할 수 있습니다.

팝업 예시 3: 고급 히잡

이 수백만 달러 규모의 전자 상거래 상점은 뉴스레터를 구독하는 방문자에게 15% 할인을 제공하는 팝업을 사용하고 있습니다.

팝업 예시 4: Backlinko

유명한 SEO 전문가인 Brian Dean은 블로그에 잠긴 콘텐츠를 가지고 있습니다. 그것은 그가 독자들과 이메일을 교환하는 대가로 기꺼이 공유하고자 하는 정말 귀중한 사례 연구입니다.

"지금 잠금 해제" 버튼을 클릭하면 팝업이 실행됩니다.

팝업 예시 5: Mailpoet

Mailpoet(이메일 마케팅 소프트웨어) 및 대부분의 웹사이트는 팝업을 사용하여 방문자에게 웹사이트 쿠키에 대해 알려줍니다. Mailpoet은 우리에게 익숙한 낡고 회색이며 둔한 디자인이 아닌 깨끗한 팝업 디자인으로 이를 수행합니다.

팝업 예 6: Virgin Atlantic

Virgin Atlantic은 COVID-194 안전 조치에 대해 승객에게 알리기 위해 정보 표시줄 팝업을 사용하고 있습니다.

다른 웹사이트에서는 이 전략을 사용하여 특별 판매를 홍보하고 심지어 이를 카운트다운과 결합하기도 합니다.

팝업 예시 7: Dedoles

비밀 보너스로 웹사이트 방문자를 사로잡으세요. Dedoles의 사람들은 이를 위해 상금 휠을 사용하고 있습니다. 이메일로 교환하여 할인 또는 사은품을 드립니다.

마무리

당신이 여전히 나와 함께 있다면 두 번 깜박

이제 오늘 배운 내용을 살펴보겠습니다.

• 생태계에서 상위 5개 WordPress 팝업 플러그인은 무엇입니까?
• ConvertPro를 사용하여 WordPress 팝업을 만드는 방법
• 팝업의 요소는 무엇입니까?
• 변환하는 WordPress 팝업을 만들기 위해 훔칠 수 있는 모범 사례는 무엇입니까?

그게 다야!

이 기사가 마음에 들었고 WordPress 웹사이트를 디자인하는 방법에 대해 더 알고 싶다면 Colibri의 Youtube 채널 을 구독하고 Twitter 와 Facebook 에서 팔로우하세요!

사업을 시작하고 싶습니까?

격월 업데이트 받기:

• 멋진 워드프레스 웹사이트 디자인하기
• 온라인 입지 구축
• 웹사이트 홍보

이메일 주소:

18세 이상이고 독점적인 경품, WordPress 및 당사 제품에 대한 뉴스를 이메일로 받고 싶다면 체크하십시오. 언제든지 구독을 취소할 수 있습니다. 자세한 내용은 개인 정보 보호 정책 및 사용 약관을 확인하십시오.