WordPressポップアッププラグイン：良いもの、悪いもの、そして醜いもの
公開: 2021-10-12
ポップアップ、あなたは間違いなく多くのウェブサイトでそれらを見てきました。 これらは、記事を読んだり終了しようとしたときにサイトに表示されるウィンドウです。 彼らの主な目的は、企業の電子メールリストを増やすことです（別名、リードの獲得）。
マーケティング担当者の中には、それらを愛する人もいれば、そうでない人もいます。 一部のWebサイト訪問者は、彼らにイライラするかもしれません。 しかし、それでも、なぜそれらはまだ使用されているのですか？
スマートに使用すれば、優れたリード生成ツールであるためです。
たとえば、 Sleeknoteのスタッフは、上位の顧客からの10億回以上のポップアップビューからのデータを分析しました。 彼らは、8秒後に表示されるポップアップは、前後に表示されるポップアップよりも変換が優れていることを発見しました。 
それを見てください：0％（ポップアップがないことを意味する）と比較して、8秒後に現れるポップアップの3.62％のコンバージョン率。 それは間違いなく何かを意味しますよね？
さて、この記事では、以下について話します。
- そこにある最高のWordPressポップアッププラグイン。
- ポップアップの構造。
- ポップアップのベストケースプラクティス。
- ポップアップのインスピレーション。
しましょうか？
最高のWordPressポップアッププラグイン
さて、あなたがあなたのニーズに合うWordPressポップアッププラグインを探し始めるとき、ここに便利になることができるいくつかの機能があります：
- 事前に設計されたテンプレートが利用可能であるため、常に最初から始める必要はなく、インスピレーションが必要な場合もあります。
- ポップアップビルダーをドラッグアンドドロップして、コードなしですべてをすばやく簡単に設計できるようにします。
- Eメールマーケティングの統合：WordPressポップアッププラグインがEメールプロバイダーとシームレスに統合されていることを確認してください。
- ポップアップで利用可能なトリガーがたくさんあります。ページ、地域、リピーターと新規訪問者などに費やされた時間に基づく終了意図。
それでは、エコシステムで最高のWordPressポップアッププラグインの5つを見てみましょう。
OptinMonster 
現在1,213,400以上のWebサイトで使用されている、これはスタンドアロンのSaaS製品です。 また、WordPressプラグインがあり、1,000,000以上のアクティブなインストールがあります。
その最も価値のある機能のいくつかを次に示します。
- 利用可能なさまざまなポップアップ形式：ライトボックス、フローティングバー、スライドイン、ゲーム化されたスピンホイール、カウントダウンタイマーなど。
- WordPressポップアップビルダーをドラッグアンドドロップします。
- 事前に作成されたポップアップテンプレート。
- 複数の行動ベースのパーソナライズ：出口意図、ジオロケーション、リターゲティングなど。
- ポップアップA/Bテスト。
- アニメーションと効果音;
- 最も人気のあるWordPressフォームプラグインとの統合;
- Eメールマーケティングの統合（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyoなど）。
料金：月額9ドルから、基本プランの料金は毎年請求されます。
PopupMaker 
600,000以上のサイトで使用されている、このWordPressポップアッププラグインは非常に人気があります。 その最も価値のある機能のいくつかを次に示します。
- 最も人気のあるWordPressフォームプラグイン（Ninja Forms、Gravity Forms、Contact Form 7など）との統合;
- Eメールマーケティングの統合（Mailchimp、GetResponse、Hubspot、その他多数）。
- 投稿、ページ、その他26個などのWordPressコンテンツをターゲットにします。
- ポップアップスケジューリング;
価格：スタートプランの年間87ドルから。
ハッスル
100,000以上のサイトで使用されているこのWordPressポップアッププラグインは、WPMUDEVによって作成されています。 彼らは多くの人気のあるWordPressプラグインの背後にあります。
ハッスルの最も価値のある機能のいくつかを次に示します。
- さまざまなユースケースのテンプレート（ブラックフライデー、景品、COVID通知、ニュースレターの登録など）。
- 完全にレスポンシブなポップアップ。
- 境界線、影、間隔、タイポグラフィ、色からカスタムCSSまで、利用可能な多くのスタイリングオプション。
- ページ滞在時間、スクロール、終了意図など、多くの動作トリガー。
- Eメールマーケティングの統合（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyoなど）。
価格：月額5ドル、HustleProプランに対して毎年請求されます。 無料トライアルをご利用いただけます。
相撲
SumoはWordPressプラグインで、60,000以上のウェブサイトが時限ポップアップでメールリストを増やすのに役立ちます。 OptinMonsterと同じように、スタンドアロン製品としても機能します。 WordPress以外では、さらに多くのWebサイトに電力を供給します。
その最も重要な機能のいくつかを次に示します。
- サブスクライバーと通信するために、 1回限りのマーケティングEメールまたはEメールドリップをスケジュールします。
- オプトインフォーム;
- ポップアップの完全な設計制御。
- 事前に設計されたテンプレート;
価格：相撲の人々は、相撲を無料で使用でき、より多くの顧客を獲得した場合にのみ支払うことができると自慢しています。
PROパッケージは、年間請求額が月額39ドルからです。
ConvertPro 
Convert Proは、WordPressポップアップを作成するための私たちの選択です。 それは本当に柔軟性があり、たくさんのデザインとトリガーオプションがあります。
私たちが気に入っている機能は次のとおりです。
- ドラッグアンドドロップエディタ;
- モバイルの応答性;
- マルチステップポップアップ;
- 多くのトリガーオプション。
- 巨大なテンプレートライブラリ。
- 利用可能なポップアップ形式がたくさんあります： exit-intent、on-click、info bar、slide-in、inline CTA、full-screen CTA、convertmatsなど。
- 簡単なA/Bテスト。
- Eメールマーケティングの統合（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyoなど）。
価格：年間79ドルから。
ConvertProを使用してWordPressポップアップを作成する方法
デモに取り掛かる時が来ましたね。
私たちはConvertProユーザーなので、ここColibriでツールの使用方法を紹介します。
ConvertProを使用してWordPressポップアップを作成する手順は次のとおりです。
- プラグインを購入したら、 BrainStormForceストア（プラグインの作成者）にアクセスし、ConvertProでzipファイルをダウンロードします。 次に、WordPressダッシュボード->プラグイン->新規追加に移動します。
ここにzipファイルをアップロードしてから、プラグインをアクティブ化します。 - WordPressダッシュボード->ConvertPro->CreateNewに移動します。
- 希望のタイプのWordPressポップアップを選択します。
- テンプレートと目標を選択します。
- ポップアップに名前を付けて、「作成」をクリックします。
- ポップアップのデザインを開始します。 見出し、段落、ビジュアルを追加します。 左側のメニューから選択できるいくつかの形状とボタン形式があります。
たとえば、プロモーションを実行している場合は、カウントダウンを追加することもできます。 「パネル」オプション内で、ポップアップのサイズを調整したり、アニメーションや背景などを追加したりできます。 
フォームを好きなようにスタイリングすることもできます。 
詳細オプションでマルチステップポップアップを作成することもできます。 
ダッシュボードの上部にあるモバイルアイコンをクリックすると、ポップアップのモバイルバージョンをプレビューできます。 
- フォームを構成します。 このレベルでは、多数のトリガーから選択できます。
「ターゲット」メニューでは、ジオロケーション、デバイス、およびその他のユーザーの行動に基づいて設定を調整できます。 
たとえば、モバイル用とデスクトップ用に別々のポップアップを作成するのが好きです。 モバイルデバイスでは、5秒後にWordPressポップアップをトリガーしますが、デスクトップでは、exit-intentを使用します。 - Convert Proを、フォームやメールマーケティングソフトウェアなどのサードパーティツールに接続します。
- 完了したら、WordPressポップアップを保存して「公開」することを忘れないでください。
以上です。 あなたはあなたの最初のWordPressポップアップを持っています！
ポップアップをデザインする方法がわかったところで、その必須要素を見てみましょう。
ポップアップの構造
前述のように、ポップアップは、訪問者をリードに、またはリードを顧客に変換するために使用されます。
ポップアップは、この目標を達成するのにどのように役立ちますか？ 正しく使用すると、ポップアップが適切な人の前に適切なタイミングで適切なメッセージとともに表示されるため、コンバージョンの可能性を最大限に高めることができます。
したがって、ポップアップに含まれる要素は次のとおりです。
- フォーム。 これらのフォームは、アクションボタンの呼び出しのみを使用する非常に基本的なものにすることも、追加のカスタムフィールドを含めることもできます。
- トリガー。 これらのポップアップは、Webサイトまたはユーザーの動作に応じて表示される場合があります。たとえば、ページを8秒表示した後、70％スクロールした後、ユーザーがWebサイトを終了しようとしたときなどです。
- ターゲティング。 これらのポップアップをトリガーして、訪問者の地理的位置や閲覧しているページのタイプなどに基づいて表示することができます。訪問者が健康的な食事に関する記事を読んでいる可能性があります。 活気に満ちたスムージーのレシピであなたの電子ブックを宣伝するポップアップを彼に見せることができます。 コンバージョン率を最大化したい場合は、ここでカスタマイズが重要です。
- メッセージを伝えたり、メッセージをより魅力的にしたりするのに役立つカスタムデザイン要素：画像、ビデオなど。
今、あなたの仕事はポップアップデザインで終わっていません。 次のステップを理解する必要があります。 通常、メールマーケティングキャンペーンを通じてリードを育成する必要があります。 これは、WordPressポップアッププラグインに接続するためにいくつかの電子メールソフトウェアが必要になることを意味します。
それでは、変換率の高いポップアップを設計するためのいくつかの優れた方法を見てみましょう。
ポップアップのベストケースプラクティス
私はこれを短くて甘くするつもりです。 どうぞ：
- ポップアップを邪魔しないでください。 トリガーを賢く使いましょう。 ユーザーエクスペリエンスをあまり妨げないように、私は常に終了を目的としています。
- すべてのページにポップアップを表示しないでください。 あなたのページの目的について考えてください。 価格設定にポップアップを表示したいですか、それともお問い合わせページを表示したいですか？ これについては賢明です。
- ポップアップがすべてのデバイスで適切に表示されることを確認してください。
- Webサイトの訪問者がポップアップを簡単に閉じることができるようにします。
- ポップアップで画像を使用します。 Sleeknote分析は、画像のないものよりも変換が優れていることを示しました。
- ポップアップコピーでFOMO（FOMOFOMO）を誘発します。 たとえば、プロモーションが終了するまでの残り日数を知らせるカウントダウンタイマーを挿入することで、これを行うことができます。
- フォームにフィールドが多いほど、コンバージョンは少なくなります。 これらのバランスをとる方法に注意してください。 一方では、複数のフォームフィールドを使用すると、リードをより適切にセグメント化できます。
- 特定のポップアップを使用する目的と目的を決定します。
- より良いエンゲージメントのために時限ポップアップを実装します。
- 新規訪問者と繰り返し訪問者のポップアップをセグメント化してみてください。
- ユーザーがコンテンツを下にスクロールしているとき、または記事により多くの時間を費やしているとき、それはあなたが彼らの注意を引いたことを意味します。 スクロールトリガーを使用して、コンテンツのアップグレードやウェビナーの招待状へのポップアップを表示するのはどうですか？
あなたを刺激する7つのポップアップ例
さて、理論で十分ですが、いくつかの実際のポップアップを見てみましょう。
ポップアップの例1：Sleeknote
このSleeknoteポップアップは、社会的証明を使用して、ニュースレターを購読するように人々を説得しようとします。 サインアップすると、他の70.000のマーケターに参加します。
また、ニュースレターの疲労を経験する人もいるため、「毎週のマーケティングのインスピレーション」という用語を使用します。 Sleeknotesはまた、サブスクリプションと引き換えに顧客リソースへの生涯アクセスを訪問者に「賄賂」します。 また、gifと絵文字を使用して、ポップアップをより視覚的に魅力的にします。
ポップアップの例2：Hubspot
以下の例では、Hubspot（マーケティングおよび販売ソフトウェア）からのexit-intentポップアップがあり、Webサイトの訪問者にニュースレターを購読するように説得しようとしています。 彼らはまた、より説得力のある社会的証明を使用しています。すでに60万人以上のマーケターが参加しています。
彼らはよりキャッチーに見えるためにいくつかの画像を使用することができます。 
ポップアップの例3：高級ヒジャーブ
この数百万ドルのeコマースストアは、ニュースレターを購読する訪問者に15％オフのポップアップを使用しています。
ポップアップの例4：Backlinko
有名なSEOの専門家であるBrianDeanは、ブログにいくつかのロックされたコンテンツを持っています。 それは彼が彼らの電子メールと引き換えに彼の読者と共有することをいとわない本当に価値のある事例研究です。
「今すぐロック解除」ボタンをクリックすると、ポップアップが表示されます。
ポップアップ例5：Mailpoet
Mailpoet（メールマーケティングソフトウェア）、およびそこにあるほとんどのWebサイトは、ポップアップを使用してWebサイトのCookieについて訪問者に通知します。 Mailpoetはこれを、私たちが慣れている古くて灰色で鈍いデザインではなく、すっきりとしたポップアップデザインで行います。
ポップアップ例6：ヴァージンアトランティック航空
ヴァージンアトランティック航空は、情報バーのポップアップを使用して、COVID-194の安全対策について乗客に通知しています。 
他のウェブサイトは、この戦術を使用して特別販売を促進し、これをカウントダウンと組み合わせています。
ポップアップ例7：Dedoles
秘密のボーナスでウェブサイトの訪問者を引っ掛けるようにしてください。 Dedolesの人々はこれにプライズホイールを使用しています。 あなたの電子メールと引き換えに、あなたは割引または贈り物を受け取ります。
まとめ
まだ私と一緒なら2回点滅
それでは、今日学んだことを見てみましょう。
- エコシステムのトップ5のWordPressポップアッププラグインはどれですか。
- ConvertProを使用してWordPressポップアップを作成する方法。
- ポップアップの要素はどれですか。
- 変換するWordPressポップアップを作成するために盗むことができるベストケースプラクティスはどれですか。
それはすべての人々です！
この記事が好きで、WordPress Webサイトのデザイン方法について詳しく知りたい場合は、 ColibriのYoutubeチャンネルに登録して、 TwitterとFacebookでフォローしてください。