WordPress にポップアップを追加する方法 (2 つの簡単な方法)
公開: 2022-11-21WordPressにポップアップを追加する方法を知りたいですか?
ポップアップは、訪問者の連絡先情報の収集、特別オファーやセールの提示、イベントへのユーザー登録などに非常に役立ちます。
WordPress Web サイトをお持ちの場合は、販売およびマーケティング戦略の一環としてポップアップを追加することを真剣に検討する必要があります。
ポップアップとは？
ポップアップまたはポップアップ ボックスは、Web サイトに「ポップアップ」して、ユーザーに特別な注意を払うべきものを表示する小さなウィンドウです。 多くの Web サイトが、ポップアップ ボックス内の単純なフォームで電子メール アドレスを要求していることにお気付きでしょう。
ポップアップは作るのが難しいですか？
技術的な経験がほとんどない人でも、WordPress サイトでポップアップを簡単に作成できます。 WordPress プラグインを使用して、数回クリックするだけで、ポップアップを作成したり、電子メール アドレスを収集したり、それらの電子メールを電子メール リストに自動的に追加したりできます。
この投稿の残りの部分では、WordPress で最も人気のある 2 つのポップアップ ビルダーを使用して、ポップアップを作成する 2 つの異なる方法を紹介します。
さらに、別のプラグインを使用してリード獲得フォームを作成します。 ポップアップ キャンペーンを作成するときに、フォームをポップアップに埋め込みます。
始めましょう！
方法 1: OptinMonster と WPForms を使用して WordPress ポップアップを作成する
OptinMonster は、WordPress で最も広く使用されているポップアップ作成プラグインであり、100 万を超えるアクティブなインストールが行われています。 名前からわかるように、オプトイン フォームとポップアップ ボックスを作成するために設計されています。
オプトイン フォームは、電子メールまたはマーケティング コミュニケーションの受信を「オプトイン」するようユーザーに求めるフォームです。 もちろん、ポップアップはそれ以外にも使用されます。
このプラグインを使用すると、初心者でもエキスパートでも、さまざまな目的で美しく魅力的なポップアップを簡単に作成できます。
使いやすさに加えて、OptinMonster は次の強力な機能を提供します。
- ドラッグ アンド ドロップ ポップアップ ビルダーを使用すると、初心者でもカスタム ポップアップを設計できます
- あらゆるニーズに対応する 400 以上のテンプレートと 6 つのキャンペーン タイプ
- 必要な場所とタイミングでポップアップを表示するためのさまざまなトリガー オプション
- Exit-Intent、InactivitySensor、およびその他のテクノロジー機能により、コンバージョンが増加します
- WordPressだけでなく、あらゆるWebサイトで動作します（プラグインは必要ありません）
OptinMonster には、簡単なオプトイン フォームを作成する機能があります。 ただし、より多くのデザイン オプションを備えたより強力なフォームについては、専用のフォーム ビルダー プラグインをお勧めします。
幸いなことに、OptinMonster を使用すると、数回クリックするだけでフォームをポップアップに直接追加できます。 以下の方法を使用してフォームを追加するために、プログラミングや Web 開発の知識は必要ありません。
この例では、WordPress 用の最高のフォーム プラグインである WPForms を使用します。
両方のプラグインをインストールすると、WPForms は自動的に OptinMonster に接続します。 これにより、カスタム フォームを含むプロフェッショナルな外観のポップアップを非常に簡単に作成できます。
WPFormsをインストールすることから始めましょう。
WordPress に WPForms をインストールする
サイトに WPForms をインストールするには、WPForms にアクセスしてライセンスを購入します。 WPForms Proを入手して、500 以上のテンプレート、支払い処理、調査、およびその他の高度な機能にアクセスしてください。
ただし、提供されているプランのいずれかでポップアップのフォームを作成できます.
ライセンスを取得したら、 Download WPFormsをクリックして、アカウントから WPForms プラグインをダウンロードします。 その画面で、 [ライセンス キー] の横にあるクリップボード アイコンをクリックして、ライセンスキーをコピーすることもできます。
次に、WordPress サイトにログインして、プラグインをインストールします。 最初に [プラグイン] » [新規追加] をクリックします。 次に、[プラグインのアップロード] ボタンをクリックし、ダウンロードした WPForms ファイルを選択します。
この時点で、[インストール] をクリックして WPForms のインストールと有効化を完了できます。 プラグインが有効になったら、 WPForms » Settings » Generalに移動し、先ほどコピーしたライセンス キーを入力します。 [キーの確認] ボタンをクリックすると、すべての設定が完了します。
WPForms でリード獲得フォームを作成する
WPForms で新しいフォームの作成を開始するには、WordPress ダッシュボードでWPForms » Add Newをクリックします。 開始点としてテンプレートを選択するよう求められます。
ただし、最初に、画面上部の [フォームに名前を付ける] ボックスに適切なフォーム名を入力します。 サンプル フォームにEmail Lead Capture – Newsletter Signupという名前を付けます。
始めたばかりの場合は、テンプレートを使用することをお勧めします。 Use TemplateをクリックしてNewsletter Signup Formテンプレートを選択しましょう。
よし、これが登録フォームのテンプレートだ。 ご覧のとおり、これは名前とメール アドレスのみを要求する単純なフォームです。
デフォルト設定に満足している場合は、[今すぐ保存] をクリックできます。 ただし、訪問者がフォームに入力する可能性を高めるために、1 つの変更を加えてみましょう。
[名前]フィールド領域をクリックすると、[フィールド オプション] ボックスが表示されます。 次に、ユーザーがフォームを送信するためにその部分を完了する必要がないように、名前フィールドをオプションにしましょう。 デフォルトでは必須なので、このフィールドをオプションにするには、必須スイッチの「オフ」をクリックするだけです。
[保存] をクリックして、後で使用するためにこのフォームを保存できます。
この時点で、新しいポップアップを作成し、保存したフォームをポップアップに追加します。 次のステップは、WordPress ポップアップ プラグインをインストールすることです。
OptinMonster を WordPress にインストールする
このステップでは、OptinMonster プラグインの無料バージョンをインストールして、WordPress でポップアップを作成します。
さらにサポートが必要な場合は、OptinMonster の Basic プランには、 Done-For-You Setupが 1 つ付属しています。 つまり、OptinMonster のコンバージョン エキスパートが、最初のポップアップ キャンペーンのセットアップを支援し、ローンチを確実に成功させることができます!
無料の OptinMonster プラグインを入手するには、WordPress にサインインし、ダッシュボード メニューで [プラグイン] » [新規追加] をクリックします。
次に、検索フィールドに「 optinmonster 」と入力して入力します。 検索結果で OptinMonster を見つけ、 [今すぐインストール] ボタンをクリックします。
インストールが完了したら、[有効化] をクリックします。これですべて完了です。
OptinMonster で新しいポップアップ キャンペーンを作成する
OptinMonster をインストールしてアクティブ化したら、ポップアップを作成します。
まず、 OptinMonster » ダッシュボードをクリックして、オプトイン キャンペーンの統計を表示する概要画面を表示します。 ここで、新しいポップアップの作成を開始することもできます。 ポップアップタイルで [新規作成] をクリックするだけです。
その後、ポップアップ ボックスのテンプレートを選択する必要がある新しい画面が表示されます。
この例では、Entice テンプレートを選択します。 最初にテンプレートをプレビューして、ニーズに合っていることを確認できます。 ポップアップ テンプレートを決定したら、[ Use Template ] をクリックします。
ここで、ポップアップ キャンペーンに名前を付けるよう求められます。 この例をNewsletter Signupと呼びます。 ボックスにキャンペーン名を入力し、[構築を開始] をクリックします。
ボタンをクリックすると、OptinMonster のドラッグ アンド ドロップ エディターが開き、テンプレートを編集する準備が整います。 これで、 WPForms ブロックを左側からポップアップにドラッグするだけで、新しいリード獲得フォームを配置したい場所に移動できます。
WPForms ブロックを配置すると、ドロップダウン リストが自動的に開き、ポップアップに表示するフォームを選択できます。 ここでは、WPForms で作成したフォームの名前を選択します: Email Lead Capture – Newsletter Signup .
余分なボタンを削除
次に、ポップアップを保存する前の最後のステップです。 WPForms フォームには [送信] ボタンが含まれているため、OptinMonster テンプレートからボタンを削除する必要があります。 これを行うには、カーソルをブロック内に置き、ゴミ箱アイコンをクリックして削除します。
[保存] ボタンをクリックしてポップアップとフォームを保存し、[ X ] をクリックして OptinMonster エディターを閉じます。 WordPress ダッシュボードと OptinMonsterキャンペーン出力設定画面に戻ります。
ここで、WordPress サイトのどこにいつポップアップを表示するかを決定します。 デフォルトでは、ポップアップ キャンペーンはすべての訪問者に対してすべてのページに表示されます。
ただし、いくつかの例として、単一のページにのみ表示する、投稿にのみ読み込む、またはログインしているユーザーにのみ表示するようにポップアップを設定できます。
この例では、出力設定をそのままにしておくことができます。 ただし、ポップアップを表示できるようにするには、[ステータス] ドロップダウンに移動し、ステータスを [公開済み] に変更します。 次に、[変更を保存] をクリックします。
よし、それだけだ！ 新しいポップアップとリード獲得フォームが Web サイトのすべてのページに表示され、新しい購読者を集め始めます。
公開後のサンプルは次のとおりです。
ポップアップ キャンペーンがサイト訪問者をサブスクライバーに変換した後、WordPress ダッシュボードのWPForms » Entriesに移動すると、連絡先情報が表示されます。
WPForms には、Sendinblue、Constant Contact、およびその他の一般的なメール プロバイダーのメール リストに新しいサブスクライバーを自動的に追加できるアドオンがあります。 これにより、マーケティング ワークフローが自動化され、購読者とのコミュニケーションが非常に効率的になります。
ポップアップを作成する最初の方法は以上です。 WordPress にポップアップを追加する 2 番目の方法に飛び込みましょう….
方法 2: ポップアップ メーカーと WPForms を使用して WordPress にポップアップを追加する
700,000 人以上のアクティブ ユーザーを持つ Popup Maker は、WordPress.org で 2 番目に人気のある WordPress ポップアップ プラグインです。
WordPress にポップアップ メーカーをインストールする
まず、WordPress サイトにログインし、[プラグイン] » [新規追加] をクリックします。 検索バーにpopup makerと入力して入力します。
検索結果で Popup Maker を見つけ、 [今すぐインストール] ボタンをクリックします。
プラグインをインストールしたら、[有効化] をクリックして準備完了です。 WordPress ダッシュボードには、Popup Maker メニューが含まれているはずです。 [ポップアップ メーカー] » [ポップアップの作成]をクリックして、新しいポップアップの作成を開始します。
新しいポップアップを作成する
ポップアップ メーカーのエディター画面は、WordPress のページ エディターとよく似ています。 上部のフィールドにポップアップの名前を入力します。 必要に応じて、2 番目のフィールドにポップアップ内に表示される見出しを入力することもできます。
あとは、[フォームの追加] ボタンをクリックするだけです。 WPForms で以前に作成したフォームを選択できるドロップダウン リストを含むポップアップ ボックスが表示されます。
そのフォームを選択し、[フォームを追加] をクリックします。 これにより、選択したフォームの WPForms ショートコードがポップアップに追加されます。
さて、公開する前に、トリガーを設定して、ポップアップがサイトに表示されるタイミングと場所を定義する必要があります。
[ポップアップ設定]ボックスまで下にスクロールし、[新しいトリガーの追加] ボタンをクリックします。
ここでは、時間の経過後、クリック時、またはフォーム送信後にポップアップを表示するかどうかを選択します。 Time Delayを選択しましょう。
[追加] ボタンをクリックすると、Popup Maker は遅延の長さをミリ秒単位で尋ねます。 デフォルトは 500 で、これは 0.5 秒です。 これはそのままにしておくことも、必要に応じて変更することもできます。 次に、もう一度 [追加] をクリックします。
ポップアップを設定する次のステップは、サイトのどこに表示するか、誰に表示するかなどを選択することです。 [ターゲティング] タブをクリックします。
この設定のドロップダウン リストでは、ポップアップが表示される特定のページを選択できます。 Popup Maker には多数のフィルタも用意されているため、カテゴリ、タグ、階層などに従ってページに表示できます。
次の設定には、いくつかの表示オプションがあります。 タイルから 4 つの表示オプションのいずれかを選択し、上のリンクをクリックして、[外観]、[サイズ]、[アニメーション]、[サウンド]、[位置]、および [詳細] 設定を調整します。
よし、もうすぐ完成だ！ [設定] ボックスの [閉じる] タブをクリックします。 ここで、誰かがサインアップ フォームを送信した後にポップアップを閉じるように指示する必要があります。 上部の [フォーム送信] をクリックし、[フォーム送信時に閉じる] チェックボックスをオンにします。
さて、今のところ、他のすべてをデフォルト設定のままにしておくことができます. 右サイドバーの公開ボタンをクリックして保存しましょう。
さあ、あなたのウェブサイトにアクセスして、あなたのライブポップアップを見てください!
最初の方法と同様に、新しいサブスクライバーを表示するには、 WPForms » Entriesに移動して、サインアップした人の連絡先情報を表示する必要があります。
OptinMonster は全体的により強力なツールであり、より多くのオプション、組み込みのテンプレート、および拡張機能を備えていますが、WP Popup Maker は基本的なキャンペーンに適したシンプルな代替手段です.
WordPress Web サイトにポップアップを追加する 2 つの簡単な方法に関するチュートリアルは以上です。 また、WPForms を使用してメール リードを収集するためのオプトイン フォームを作成する方法も学びました。
MonsterInsights でフォーム コンバージョンを追跡する
WPForms Entries画面でフォーム エントリを表示する方法を確認しました。 ただし、これではフォームのパフォーマンスに関する情報はあまり得られません。
フォームのパフォーマンスに関する詳細を取得するには、Google アナリティクスの最適な WordPress プラグインである MonsterInsights などのツールが必要です。
MonsterInsights は、インプレッション、コンバージョン、フォームごとのコンバージョン率など、ユーザーがサイト上のフォームをどのように操作しているかを確認できるフォーム アドオンを提供します。 これは、追跡するフォームやポップアップがサイトに複数ある場合に便利です。
フォーム トラッキングを有効にして MonsterInsights をインストールしたら、[インサイト] » [レポート] に移動して [フォーム] タブをクリックすると、フォーム レポートが表示されます。
WordPress の 1 つのページで、すべてのフォーム、インプレッション、コンバージョンをすばやく効率的に表示できるようになりました。 フォームとポップアップが正しく表示されているかどうか、およびそれらがうまく変換されているかどうか、または改善が必要かどうかを把握します。
MonsterInsights のトラッキングは、WPForms、Gravity Forms、Formidable Forms、Ninja Forms など、ほぼすべての WordPress フォーム プラグインで自動的に機能します。
MonsterInsights の使用を開始するための詳細情報が必要ですか? MonsterInsights のインストールと設定方法に関する詳細なチュートリアルについては、この投稿をご覧ください。
Web サイトにポップアップを追加する方法を学びたい場合は、メール ニュースレターの作成方法に関するこの記事をお読みください。
さらに役立つレビュー、チュートリアル、Google アナリティクスのヒントについては、Twitter、Facebook、YouTube でフォローすることを忘れないでください。