シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

ワードプレスの終了ポップアップ

WordPressでイグジット・インテント・ポップアップを作成する方法 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

WordPressに退出意図ポップアップを追加して、訪問者がアクションを起こさずにサイトから離脱するのを阻止したいですか?適切なWordPress終了ポップアッププラグインを使用すれば、コードを記述することなく、放棄した訪問者を回復し、メールリストを増やし、売上を増やすことができます。

このガイドでは、WordPressでコンバージョン率の高い退出意図ポップアップを作成する方法を具体的に紹介し、実際の例を共有し、よくある質問にお答えします。

WordPressで退出意図ポップアップを作成する手順

WordPressのイグジット・インテント・ポップアップとは?

WordPressの退出意図ポップアップとは、訪問者のマウスの動きや行動がサイトから退出しようとしていることを示唆するときに表示されるメッセージです。これらのポップアップは、訪問者がサイトを離れる前に、彼らの注意を引く最後のチャンスを与えます。

WordPressでの終了意図ポップアップの例

ほとんどのサイトオーナーは、Eメールサインアップと引き換えに割引、送料無料、またはリードマグネットを提供するために、出口意図ポップアップを使用しています。カートの放棄を減らし、リードジェネレーションを高め、訪問者を長く引き留めるのに特に効果的です。

すぐにポップアップが表示されるインスタントポップアップとは異なり、エグジットインテントポップアップは、誰かが立ち去ろうとしているときにのみトリガーされます。このタイミングであれば、邪魔にならず、コンバージョンにつながる可能性が高くなります。

WordPressでエグジット・インテント・ポップアップは機能するか?

そう、WordPressの退出意図ポップアップは、直帰率を減らし、離脱した訪問者を購読者や顧客に変えるのに効果的なのです。なぜなら、ポップアップは誰かが立ち去ろうとするときにのみ表示されるため、押し付けがましくなく、適切な瞬間に注目を集める可能性が高いからです。

研究結果や事例から実証された結果をいくつか紹介しよう:

要するに、売上を節約したい、Eメールリストを増やしたい、またはサイトからの離脱を防ぎたいのであれば、離脱意図ポップアップはWordPressに追加できる最も効果的なツールの1つです。

WordPressでイグジット・インテント・ポップアップを作成する方法

このチュートリアルでは、OptinMonsterを使用してWordPressで終了意図ポップアップを作成します。

他のエグジットインテントポップアッププラグインも利用可能ですが、OptinMonsterはすべてのビジネスサイズに最適な選択です。メールリストを増やし、より多くのリードを生み出し、信じられないほど簡単に売上を上げることができる強力なマーケティングツールです。 

OptinMonster WordPressランディングページ・プラグイン

OptinMonsterは様々なキャンペーンタイプを提供しています。これらには以下が含まれます:

OptinMonsterを使えば、あなたのウェブページに様々なポップアップを作成する可能性が無限に広がります。

各キャンペーンには様々なSEOフレンドリーかつカスタマイズ可能なテンプレートがあり、ドラッグ&ドロップのポップアップビルダーを使って編集することができます。例えば、カウントダウンタイマー、カスタムメッセージング、ソーシャル共有などを追加できます。

さらに、OptinMonsterは、Mailchimp、AWeber、Constant Contact、HubSpotなどの様々なEメールマーケティングサービスやオートレスポンダーと統合しています。

この強力なWordPressポップアッププラグインの詳細については、詳細なOptinMonsterのレビューをご覧ください。

ステップ1.OptinMonsterに登録する

OptinMonsterを始めるには、ここをクリックしてください。OptinMonsterの価格設定には無料版や無料プランはありません。高度な機能をフルに体験するには、少なくともProプランが必要です。

次に、OptinMonsterのアカウントエリアにログインします。

optinmonsterでWordPressの終了ポップアップを作成する

ステップ2.新しいキャンペーンを作成する

次のステップは、緑色の「新規キャンペーンを作成」ボタンをクリックすることです。

新しいOptinMonsterキャンペーンを作成する

そうすると、新しいキャンペーンタイプを選択する画面になります。終了ポップアップを作成したいので、ポップアップキャンペーンタイプを選択します。

OptinMonster Popupキャンペーンタイプを選択します。

次に、ポップアップ・テンプレートを選択して開始します。

OptinMonster終了ポップアップテンプレート

OptinMonsterのキャンペーンテンプレートにはいくつかのフィルタリングオプションがあります。ゴール、デバイス、カテゴリー、そして最新順でテンプレートをフィルタリングすることができます。

この例では、終了ポップアップのオプトインフォームの主な目的の1つである、放棄した訪問者をターゲットにするのに最適なテンプレートを表示するようにフィルターをかけています。

退出ポップアップ・テンプレートをフィルタリングして、放棄した訪問者をターゲットにする

テンプレートをプレビューするには、気に入ったテンプレートにマウスカーソルを合わせ、プレビューをクリックします。

見た目がよければ、「テンプレートを使用」をクリックします。ポップアップウィンドウが開き、キャンペーンに名前を付け、キャンペーンを表示するウェブサイトを追加できます。

終了ポップアップテンプレートに名前を付け、ウェブサイトに接続します。

キャンペーンを作成するために構築を開始をクリックし、OptinMonsterのキャンペーンとオプトインフォームビルダーに移動します。ポップアップメーカーに選択したテンプレートが表示され、終了ポップアップをカスタマイズするためのほぼ無制限のツール群にアクセスできます。

キャンペーンエディターで終了ポップアップのカスタマイズを開始できます。

ステップ3.終了意図ポップアップをカスタマイズする

ポップアップのカスタマイズは簡単です。

ドラッグ&ドロップのエディターで、テキストを選択してカスタマイズオプションを選択するだけで、フォントスタイル、色、配置、HTML要素などを変更できます。

OptinMonsterインラインテキストエディタで終了ポップアップテキストを編集する

コールトゥアクションボタンの変更も簡単です。テンプレートのボタンをクリックし、左側のパネルで変更を選択します。

終了ポップアップの行動喚起ボタンをカスタマイズする

あなたのウェブサイトのスタイルやブランディングに合わせて、背景画像やグラデーションカラーを追加することもできます。ポップアップの背景のどこかをクリックして、左側のパネルにあるツールを使って編集してください。

終了ポップアップの背景をカスタマイズする

終了ポップアップが思い通りに表示されたら、表示ルールを設定する準備ができました。

ステップ4.終了意図ポップアップの表示ルールを選択する

OptinMonsterの表示ルールは、あなたのウェブサイトにポップアップが表示されるタイミングと、誰がそのポップアップを見ることができるかをコントロールするために、Javascriptモダルを使用します。

画面上部の「表示ルール」ボタンをクリックすると、利用可能な設定が表示されます。あなたのキャンペーンは、デフォルトではページにランディングしてから5秒後にすべてのウェブサイト訪問者に表示されるように設定されています。

ルール表示ボタンをクリック

終了ポップアップを作成するには、"if "条件を "exit detected "に変更します。

終了ポップアップの終了検出条件を選択します。

ドロップダウンボックスをクリックし、検索ボックスで "exit "を検索し、Exit-Intentオプションをクリックすることで可能です。あなたのポップアップは、誰かがあなたのウェブサイトから去ろうとしていることを示した場合にのみ表示されます。

次のステップボタンをクリック

次のステップ」ボタンをクリックして、ポップアップのアクションを選択します。

ここで、人々に見てもらいたいキャンペーンビューを選択することができます。私たちの場合、ルールセットが通過したときに、私たちの終了ポップアップを表示させたいのです。

退出意図ポップアップのオプティングキャンペーンビューを選択します。

ドロップダウンメニューからOptin設定が選択されていることを確認し、Next Stepをクリックします。

終了ポップアップキャンペーンの概要を表示し、保存をクリックします。

表示ルールの概要が表示されます。ここで緑色の「保存」ボタンをクリックし、設定を保存してから次に進みます。

ステップ5.メールプロバイダーと統合する

さて、いよいよ出口ポップアップをメールマーケティングサービスプロバイダーと統合してメーリングリストを管理する番です。画面上部の統合ボタンをクリックしてください。

終了ポップアップのEメール統合を選択する

次に、ポップアップのプレビューが表示され、左側に統合パネルが表示されます。統合を追加]ボタンをクリックし、ドロップダウンメニューから希望のメールプロバイダを選択します。

ドロップダウンメニューから統合オプションを選択します。

私たちは、Constant Contactと統合しています。Constant Contactは、軽量でユーザーフレンドリーなプラットフォームを提供しており、あらゆるビジネス規模に適しているからです。

画面の指示に従って、お使いのメールサービスとOptinMonsterを接続してください。

optinmonsterがあなたのEメールリストにアクセスできるようにします。

そして、新しい購読者が終了ポップアップからオプトインしたときに保存するメールリストを選択することができます。

新規購読者を保存するEメールリストを選択します。

次のステップに進む前に、忘れずに「保存」をクリックしてください。

ステップ6.終了意図ポップアップの公開方法を選択する

終了ポップアップを公開するには、画面上部の公開ボタンをクリックします。セットアッププロセス中にあなたのアカウントにウェブサイトを追加しなかった場合は、今すぐそれを行うことができます。

OptinMonsterアカウントに新しいウェブサイトを追加する

新しいウェブサイトを追加]ボタンをクリックし、サイト名のURLを入力し、[ウェブサイトを保存]をクリックするだけです。

ウェブサイトの詳細を入力する

プレビュー・セクションには、以下のような表示があります。

サイト未接続のお知らせ

また、あなたのウェブサイトにポップアップを追加するためにOptinMonsterショートコードを使用することができます。

つまり、まだあなたのサイトをOptinMonsterに接続していないということです。でもご心配なく。次に、OptinMonsterWordPressプラグインを使って接続する方法をご紹介します。

ステップ7.OptinMonsterプラグインをインストールする

同じページから、プラットフォーム設定が表示されるまで下にスクロールします。WordPressで簡単に終了ポップアップを公開するには、WordPressオプションをクリックします。

終了ポップアップを公開するためのWordPressオプションを選択します。

そうすることで、OptinMonster WordPressプラグインをダウンロードしてインストールする手順が表示されます。これにより、WordPressに手動でコードを埋め込むことなく、アカウントを接続することができます。

ダウンロードボタンをクリックしてプラグインをコンピュータにダウンロードし、以下の手順に従ってWordPressプラグインをインストールし、ウェブサイトを有効にしてください。

WordPressの埋め込みコードを手動で追加したい場合は、サイトにOptinMonsterを埋め込むためのマニュアルを参照してください。

ステップ8.OptinMonsterアカウントの確認と接続

OptinMonster WordPressプラグインを有効にすると、WordPressにアカウントを接続するよう促すウェルカムスクリーンが表示されます。

アカウントに接続ボタンをクリックして、OptinMonsterをWordPressに接続します。

アカウント接続ボタンをクリックすると、OptinMonsterからのポップアップオーバーレイが開きます。次に、WordPressに接続ボタンをクリックしてアカウントをリンクします。

WordPressに接続ボタンをクリックします。

その後、WordPressのOptinMonsterキャンペーンのリストが表示されます。

終了ポップアップのステータスがライブに設定されていることを確認してください。

キャンペーンが表示されない場合は、OptinMonsterアカウントのダッシュボードでキャンペーンのステータスがライブに設定されていることを確認してください。

OptinMonsterキャンペーンリストを更新する

その後、WordPressのキャンペーンリストに戻り、「キャンペーンを更新」ボタンをクリックします。

WordPressのoptinmonsterキャンペーン一覧

あなたがライブウェブサイトをナビゲートするとき、あなたやあなたの訪問者が去ろうとすると、ポップアップがトリガーされます。

OptinMonster終了ポップアップWordPress

おめでとう!

終了意図ポップアップの例

さらにインスピレーションが必要な場合は、以下に素晴らしい退出意図ポップアップの例をまとめました。

コミュニティ構築の終了意図ポップアップの例

コミュニティ・リスト終了インテント・ポップアップの例

このポップアップは、訪問者が帰る前にコミュニティに参加することを促します。太字の見出し、箇条書きのリスト、信頼のロゴが価値を明確にしています。

収穫:

  • ベネフィットは短く、読みやすいものにする
  • 社会的証明(ロゴ、証言)を使う

送料無料の終了意図ポップアップの例

送料無料終了時のインテント・ポップアップの例

送料を無料にすることは、購入を完了させる強い動機になります。この例では、割引とEメール登録フォームを組み合わせています。

収穫:

  • 放棄されたカートを保存しながら電子メールを収集する
  • 割引と送料無料の組み合わせ

無料デモの終了意図ポップアップの例

無料デモの終了意図ポップアップの例

シンプルなコピーと感情的な言葉(「守る」「より安全に」)が、このデモポップアップを説得力のあるものにしている。クリーンなデザインはCTAに注意を集中させます。

収穫:

  • 見出しに感情のトリガーを使う
  • デザインは最小限に

景品終了意図ポップアップの例

景品終了意図ポップアップの例

景品は、誰かが離れていくのを止めるのに十分です。ここでは、50ドルのクーポンを獲得するチャンスが、迅速なサインアップを促します。

収穫:

  • 見出しで賞金の価値を強調する
  • 少ない労力で強力なインセンティブを提供する

エグジット・インテント・ポップアップ よくある質問(FAQ)

WordPressに最適な退出意図ポップアップ・プラグインは?
OptinMonsterはExit-Intent®ターゲティング、高度な表示ルールが含まれており、一般的なメールマーケティングサービスと統合されているため、ほとんどのサイトに最適です。Popup Makerのような無料のプラグインもありますが、ターゲティングのオプションが少ないです。
終了ポップアップはWordPressを遅くする?
よくできたポップアッププラグインは、サイトの速度を著しく低下させることはありません。例えば、OptinMonsterは非同期で読み込むので、ポップアップがページスピードを妨げることはありません。通常、パフォーマンスが問題になるのは、貧弱にコーディングされた無料プラグインだけです。
プラグインを使わずにWordPressに退出意図ポップアップを追加できますか?
しかし、カーソルの動きを検出するカスタムJavaScriptを追加し、ポップアップ表示を手動でコーディングする必要があります。ほとんどのサイトオーナーにとって、プラグインを使用する方がより速く、より簡単で、より信頼できます。
退出意図ポップアップの成功はどのように測定できますか?
ポップアップキャンペーンからのコンバージョン率、直帰率、収益を追跡します。Google AnalyticsまたはOptinMonsterの内蔵レポートを使用して、インプレッション、コンバージョン、テストバリエーションを確認することができます。
終了意図ポップアップはSEOに不利?
終了意図のポップアップが直接SEOに悪影響を与えることはありません。しかし、ポップアップが閉じにくかったり、モバイルユーザーを混乱させたりすると、ユーザーエクスペリエンスを損なう可能性がある。重要なのは、ポップアップを迷惑なものではなく、役に立つものにすることです。

WordPressで最初のイグジット・インテント・ポップアップを作成する

この記事が、WordPressで退出意図ポップアップを作成する方法を学ぶのに役立てば幸いです。これで、離脱した訪問者を回復させ、ビジネスのリードと売上を増やすことができます。

OptinMonsterのドラッグ&ドロップ機能をお楽しみいただけたなら、以下のコード不要のガイドも気に入っていただけるかもしれません:

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。