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

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

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

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

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

WordPressで退出意図ポップアップを作成したいですか?コンテストを開催している、eコマースの新製品やクーポンを宣伝している、メールリストを増やしたいと思っているなど、終了意図ポップアップを使用すると、リードとコンバージョンを高めることができます。

この記事では、WordPressで退出意図ポップアップを作成し、購読者とビジネスの収益を増やす方法を紹介します。

目次

その前に、退出意図ポップアップとは何かを見てみましょう。

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

サイトから出ようとしたときに突然現れるウィンドウを不思議に思ったことはありませんか?あれは "Exit Intent Popups "と呼ばれるものです。この巧妙なツールは、潜在的な離脱者を熱心なユーザーに変えるように設計されています。

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

その名の通り、訪問者のカーソルの動きがページを閉じようとしていることを示唆すると、終了意図ポップアップがトリガーされます。

通常、割引や無料リソースのような魅力的なものを提供したり、購読を依頼したりして、ユーザーの注意を引くことです。WordPressのウェブサイトユーザーの維持、リードジェネレーションカート放棄に関しては、素晴らしいツールです。

では、なぜ一般的な即時ポップアップではなく、終了ポップアップを使うべきなのでしょうか?それを見てみましょう。

エグジット・インテント・ポップアップとインスタント・ポップアップの比較

退出インテンションポップアップは、ユーザーがサイトを去ろうとしたときにトリガーされます。この戦略は、ユーザーにその決定を再考させる、または彼らが去る前に価値のある何かを提供することを意図しています。

一方、インスタントポップアップは、訪問者がサイトにランディングするとすぐに表示されます。どちらも訪問者を惹きつける役割を果たしますが、ユーザージャーニーの異なるステージでそれを行います。

この違いを理解することで、ニーズに最も適したオプションを戦略的に選択することができる。

イグジット・インテント・ポップアップは有効か?

あなたは、"退出意図ポップアップは本当に効果があるのだろうか?"と疑問に思っているかもしれません。その好奇心はあなただけではありません。

オンラインマーケティング戦略に関しては、麦と籾殻を分けることが不可欠です。そこで、出口の意図ポップアップが本当に効果的であることを示す統計について掘り下げてみましょう:

退出意図ポップアップを作成する準備はできましたか?さあ、一歩ずつ進んでいきましょう。

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メールリストに登録するよう訪問者に促している。太字の見出し、パワーワークの使用、読み飛ばしやすい箇条書きによって、登録することの価値を簡単に知ることができます。

さらに、ブランドロゴを使用することで、オファーがより信頼でき、信用できるものに見える。

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

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

送料無料は、ウェブサイトを離れる前に訪問者の足を止める素晴らしい方法です。それはあなたのサイトを放棄するか、製品を購入するかの違いかもしれません。

この例では、このブランドは、ユーザーに割引と送料無料を求めることで、Eメールリストを増やすこともできる。

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

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

この終了意図ポップアップの例は非常にシンプルです。しかし、そのシンプルさが成功の鍵なのです。protect(保護)、safer(より安全)といった感情的な言葉が、あなたを立ち止まらせる。そこから、次に進む前にデモをリクエストするために素早くクリックするのです。

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

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

インセンティブは、ユーザーに連絡先情報を提供するよう説得する強力な方法であり、賞品を獲得するチャンスは、取引を成立させるのに十分なものです。

メールアドレスを追加することで、このポップアップの例を見たユーザーは50ドルの食事券を獲得するチャンスを得ることができる。ほとんど労力を必要としない、超強力なインセンティブと言えるでしょう。

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

ポップアップを終了するには?
通常、ポップアップを終了するには、ポップアップの右上にある「X」アイコンをクリックします。場合によっては、ポップアップの外側をクリックすると自動的に閉じます。
ウェブサイトにポップアップを表示するタイミングは?
ウェブサイトにポップアップを表示する前に15秒から60秒の間待つと、訪問者が読んでいる内容を理解する時間を与えることができます。ポップアップがあまりにも早く表示されると、訪問者をイライラさせる可能性があります。
ポップアップはSEOに影響するか?
ポップアップがウェブサイトのSEOに直接影響することはありません。しかし、訪問者に迷惑をかけたり、ユーザーエクスペリエンスに影響を与えたりする場合は、間接的な影響を与える可能性があります。
退出意図ポップアップの効果はどのように測定できますか?
出口ポップアップを測定するために、Google AnalyticsのようなツールやOptinMonsterの組み込みの分析機能を使用して、コンバージョン率、直帰率、その他の関連する指標を追跡することができます。これらの指標を分析することで、ポップアップのパフォーマンスがどの程度なのか、また調整が必要なのかを理解することができます。

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

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

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

ビジュアル編集が可能なWordPressページビルダーランディングページの作成方法はこちらでもご覧いただけます。

同様のWordPressチュートリアルについては、Twitterや Facebookをフォローしてください。

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

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