WordPressポップアップフォームの作成方法（簡単な2つの方法）

訪問者はページにアクセスし、スクロールして、連絡フォームの入力やリストへの登録をせずに離脱していませんか？

WordPressのポップアップフォームがその解決策になるかもしれません。サイドバーやページ下部に埋め込まれたフォームに訪問者が気づくのを待つのではなく、ポップアップなら適切なタイミングで訪問者の目の前に表示できます。

最もパフォーマンスの高いポップアップフォームは、訪問者の約10人に1人がコンバージョンしており、これはほとんどの静的フォームよりも大幅に優れています。このガイドでは、2つの異なる方法でポップアップフォームを作成する手順を説明します！

WordPressポップアップフォームの作成方法

チュートリアルに入る前に、ポップアップフォームがなぜ価値があるのか、そして始めるために何が必要なのかを簡単に説明しましょう。

WordPressポップアップフォームを使用する理由

訪問者がサイトを離れようとしているときや、しばらくコンテンツを読んでいるときに、適切なタイミングのポップアップは、立ち止まってエンゲージする理由を与えます。サイト所有者がそれらを使用する最も一般的な方法をいくつか紹介します。

• お問い合わせフォーム：訪問者が現在いるページから移動せずに連絡できるようにします。
• メールオプトインフォーム：訪問者が離れる前にキャッチして、ニュースレターリストを増やします。
• リード獲得フォーム：リード獲得フォームページを閲覧している潜在顧客から情報を収集します。
• フィードバックとアンケート：訪問者の体験がまだ新鮮なうちに、簡単な質問をします。
• ログインと登録：再訪問ユーザーがページのリダイレクトなしですばやくアクセスできるようにします。
• イベント登録：ターゲットを絞ったシングルオプトインまたはダブルオプトインサインアップで、ウェビナー、ワークショップ、またはローンチを宣伝します。

最も重要なのはタイミングと関連性です。サイトにアクセスした瞬間に表示されるポップアップは攻撃的に感じられます。しかし、記事の半分をスクロールした後、またはタブを閉じようとしたときに表示されるポップアップはどうでしょうか？それは役に立つと感じられます。

WPFormsのリードフォームアドオンとポップアップフォームを組み合わせて、コンバージョン率の高いリード獲得レイアウトを作成したり、ポップアップ内で会話型フォームを使用して、より侵襲的でない1問ずつ回答する体験を提供することもできます。

はじめに：フォームを作成する

ポップアップを作成する前に、WPFormsでフォームを作成する必要があります。このチュートリアルは、WPForms Liteを含むどのバージョンでも機能します。

WPForms Liteはメールでエントリーを送信しますが、WordPressに保存しないことに注意してください。後でフォームエントリーを他のプラットフォームにエクスポートしたい場合は、WPForms Proをお勧めします。

WPForms LiteとWPForms Proの違いについては、この記事をご覧ください。WPFormsをインストールして有効化したら、WPForms »新規追加に移動して新しいフォームを作成します。

2,100以上のテンプレートライブラリを備えたフォーム設定画面が表示されます。ポップアップフォームの場合は、シンプルでコンパクトに保ちます。フィールドが少ないほど、特にモバイル画面では、摩擦が少なくなります。

ここでは、シンプルなコンタクトフォームテンプレートを起点として使用しますが、ニュースレターサインアップ、フィードバックフォーム、または目標に合った他のテンプレートを簡単に選択することもできます。

WPFormsはテンプレートを読み込み、ドラッグ＆ドロップビルダーに移動します。シンプルなコンタクトフォームには、名前、メールアドレス、段落テキストのフィールドが含まれており、現時点ではこれで十分です。

ポップアップを使用する代わりに、ウェブサイトに直接フォームを埋め込むことを選択した場合でも、WPFormsはそれにも対応しています。ただし、このガイドではポップアップを使用します。

フォームの外観に満足したら、保存を押してください。これでポップアップに進む準備ができました。OptinMonsterから始めましょう。

方法1：OptinMonsterでポップアップフォームを作成する

OptinMonsterは、100万以上のサイトで使用されている人気のWordPressポップアッププラグインです。ポップアップ、フローティングバー、スライドイン、その他のリードジェネレーションキャンペーンを専門としています。

OptinMonsterにはドラッグ＆ドロップキャンペーンビルダーが付属しており、ここでポップアップをデザインし、ターゲティングルールを設定します。その後、WordPressプラグインがサイトでのキャンペーン表示を処理します。

OptinMonsterをインストールすると、3つのキャンペーンと500回のキャンペーンインプレッションクレジットが付いた無料アカウントが付与されます。これは、最初のポップアップフォームを設定し、実際のトラフィックでテストするのに十分な量です。

より多くのキャンペーン、離脱インテントなどの高度なトリガー、またはA/Bテストのような機能が必要な場合は、有料プランは月額7ドル（年払い）から始まります。

1. OptinMonsterをインストールする

WordPressプラグインディレクトリからOptinMonsterプラグインをダウンロードし、サイトにインストールできます。

WordPressプラグインのインストール方法がわからない場合は、OptinMonsterをWordPressサイトに追加するためのこれらの手順に従ってください。

2. ポップアップキャンペーンを作成する

それでは、ポップアップキャンペーンを作成しましょう。WordPressのサイドバーメニューからOptinMonster » Campaignsをクリックします。

これによりキャンペーン作成ページに移動し、ポップアップの目的やその他の側面を定義できるようになります。最初のキャンペーンを作成ボタンをクリックします。

利用可能なオプションから、キャンペーンタイプとしてPopupを選択します。下にスクロールしてテンプレートを選択します。テンプレートにカーソルを合わせてテンプレートを使用を押して選択します。

ポップアップにはBasicキャンペーンを使用するのが好きです。カスタマイズが簡単で、開始点としてうまく機能します。さまざまなフォームタイプやサインアップ方法に適応できる柔軟性があります。

OptinMonsterはキャンペーンに名前を付けるように求めます。名前を入力し、ビルド開始を押します。このチュートリアルの目的では、「WordPressポップアップフォーム」と入力しました。

キャンペーンに名前を付けたら、テンプレートが読み込まれたOptinMonsterキャンペーンビルダーにアクセスします。

テンプレートには独自のオプトインフィールドが含まれていますが、WPFormsの統合とエントリー管理を使用できるように、それらをWPFormsフォームに置き換えます。

まず、ポップアップヘッダーテキストを編集します。クリックして、フォームが何のためのものかを訪問者に伝えるメッセージを入力します。次に、テンプレートから既存のオプトインフィールドを削除します。各フィールドにカーソルを合わせてゴミ箱アイコンをクリックして削除します。

次に、WPFormsブロックをヘッダーテキストのすぐ下にあるキャンペーンエリアにドラッグアンドドロップします。OptinMonsterにはネイティブのWPForms統合があるため、これは簡単です。

WPFormsブロックを追加したら、それをクリックします。左側の設定パネルで、フォームの選択ドロップダウンを開き、以前に作成したフォームを選択します。

素晴らしい！これでWordPressポップアップフォームの作成はほぼ完了です。あとは公開するだけです！

3. ポップアップフォームをプレビューして公開する

OptinMonsterはWPFormsで作成したフォームを埋め込むためにショートコードを使用するため、ポップアップフォームキャンペーン内でライブプレビューをすぐに確認することはできません。

ただし、公開直前にプレビューすることは可能です。そのためには、上部のナビゲーションバーにある公開ボタンをクリックしてください。

この画面にはプレビューボタンがあります。プレビューボタンをクリックすると、サイトのフロントエンドに移動し、訪問者に見えるのと同じようにフォームが画面にポップアップ表示されます。

これで、OptinMonsterはページ読み込み時にWordPressポップアップフォームをトリガーします。例では次のようになります。

プレビューにより、キャンペーンを公開する準備が整う前にすべてを再確認できます。

ポップアップフォームの外観に満足したら、公開ステータスの下にある公開ボタンを押してください。

これでキャンペーンは公開されました。ポップアップフォームは、サイトを訪れるすべてのユーザーに表示されるようになります。必要に応じて、WordPressポップアップフォームの表示ルールを変更することもできます。

OptinMonster » キャンペーンに戻ります。作成したばかりのキャンペーンを見つけて、カーソルを合わせます。次に、出力設定オプションをクリックします。

ここで表示ルールを設定できます。ログインユーザーのみ、訪問者のみ、またはその両方に表示します。特定のページを含めたり除外したりすることもできます。

表示ルールをお好みに変更したら、右側にある緑色の変更を保存ボタンを押してください。これで、OptinMonsterとWPFormsを使用してWordPressポップアップフォームキャンペーンを作成するために必要なすべてが完了しました！

方法2：Popup Makerでポップアップフォームを作成する

別のソリューションを使用したい場合は、Popup MakerもOptinMonsterの良い代替手段です。これは70万以上のサイトで使用されているWordPressポップアッププラグインで、4,400件以上のレビューから4.9つ星の評価を得ています。

Popup Makerには無料版と有料のPro版があります。無料版では、基本的なポップアップフォームに必要なすべてが提供されます。ビジュアルポップアップエディター、遅延時間およびクリックで開くトリガー、ページレベルのターゲティング、Cookieコントロールが含まれます。

Popup Maker Pro（年額$99）には、終了インテントトリガー、スクロール深度トリガー、コンバージョン分析、高度なターゲティング、スケジューリングが追加されます。どのプランでもトラフィック制限や月額料金はありません。

WordPressダッシュボードから完全にポップアップフォームを構築できるソリューションをご希望の場合は、次の方法が適しています。

1. Popup Makerをインストールする

このチュートリアルでは、無料版のPopup Makerで十分です。OptinMonsterプラグインほど強力ではありませんが、WPFormsでも同様に機能します。

先ほど行ったように、WPFormsで最初に作成したフォームを使用して、ポップアップ内に埋め込みます。

2. Popup Makerでポップアップを作成する

Popup Makerプラグインに移動してポップアップを作成します。この無料WordPressプラグインを使用すると、簡単にゼロからポップアップを作成できます。

WordPressダッシュボードに移動し、Popup Maker » Add New Popupを選択すると、ポップアップ編集画面が表示されます。

この画面で、ポップアップの名前を入力します。この例で行ったように、オプションの表示タイトルを入力することもできます。

次に、WPFormsフォームを追加します。ブロックエディターの+ボタンをクリックして新しいブロックを追加し、WPFormsを検索して選択します。ドロップダウンから、以前に作成したフォームを選択します。

WPFormsブロックが表示されない場合は、Shortcodeブロックを追加してWPFormsショートコード（例：）を貼り付けることもできます。フォームIDはWPForms » All Formsで見つけることができます。

次に、エディターの下にあるPopup Settingsボックスまでスクロールします。ここでトリガー、ターゲティング、表示オプションを設定します。

Triggersタブで、Add New Triggerをクリックし、Time Delay / Auto Openを選択します。これにより、訪問者が一定時間ページに滞在した後、ポップアップが表示されます。

通常、これを5秒（5,000ミリ秒）に設定します。これにより、訪問者がポップアップが表示される前に少し読む時間ができます。Addをクリックしてトリガーを保存します。

各トリガーには、ポップアップが再表示される頻度を制御するCookie設定もあります。デフォルトの「On Popup Close」Cookieは、訪問者がポップアップを閉じた後、1か月間ポップアップが再度表示されないようにします。

Targetingタブでは、ポップアップが表示されるページを制御できます。デフォルトではホームページのみが対象となります。すべてのページ、特定の投稿、カテゴリ、またはカスタム投稿タイプにポップアップを表示するルールを追加できます。

Displayタブで、ポップアップの見た目をスタイル設定するためにポップアップテーマを選択します。Popup Makerにはいくつかの組み込みテーマが付属していますが、Popup Maker » Popup Themesでカスタムテーマを作成することもできます。

3. ポップアップを公開してテストする

ポップアップ設定に満足したら、ページの上部までスクロールし、PublishボタンをクリックしてWordPressポップアップフォームを公開します。

これで完了です！WordPressのポップアップフォームをプレビューして、意図したとおりの外観になっているかを確認し、設定を調整できます。

さらに多くのコンタクトフォームポップアップを作成するには、このプロセスを繰り返して、設定や表示ルールをカスタマイズし、異なる投稿やページなどに表示させることができます。または、クリエイティブになってポップアップWordPressアンケートを作成することもできます。

どちらのプラグインを選ぶべきか？

どちらのプラグインも目的を果たしますが、それぞれ異なる状況向けに構築されています。判断に役立つように、以下に比較表を示します。

機能	OptinMonster	ポップアップメーカー
プラグインの種類	クラウドベースのビルダーを備えたWordPressプラグイン	100% WordPressネイティブ
無料版	3つのキャンペーン、500回のインプレッション	無制限のポップアップ、トラフィック制限なし
有料プラン	$7/月〜（年払い）	Pro $99/年、Pro+ $249/年
フォーム連携	ネイティブWPFormsブロック	WPFormsブロック、ショートコード、および15以上のフォームプラグイン
無料トリガー	時間遅延、スクロール、クリック	時間遅延、クリック、フォーム送信
離脱インテント	Proプラン（$29/月）	Proプラン（$99/年）
A/Bテスト	Plusプラン（$19/月）	利用不可
分析	すべてのプランに含まれる	Proプラン以上
データストレージ	クラウド（OptinMonsterサーバー）	WordPressデータベース
アクティブインストール数	1,000,000+	700,000+

初めてポップアップフォームを作成するほとんどのWordPressサイト所有者には、Popup Makerの無料版から始めることをお勧めします。ただし、離脱インテントポップアップやA/Bテストが必要な場合は、高度な機能の面ではOptinMonsterの方が強力な選択肢となります。

WordPressポップアップフォームのベストプラクティス

• 明確な見出しを書く：ポップアップは、中断を正当化するために約2秒しか猶予がありません。「WordPressのヒントを毎週お届け」は、「ニュースレターを購読する」よりも優れています。訪問者が何を得るのかを正確に伝えてください。
• トリガーのタイミングを慎重に設定する：訪問者がページにアクセスした瞬間にポップアップを表示しないでください。5〜10秒の遅延またはスクロールトリガー（ページの50％後）により、訪問者はまずコンテンツのエンゲージを開始できます。離脱インテントトリガーは、訪問者がすでに離れようとしているときにのみ表示されるため、効果的です。
• モバイルではフォームを短く保つ：ウェブトラフィックの半分以上は電話やタブレットから来ています。ポップアップフォームには、最大2〜3フィールドに制限してください。名前とメールアドレスがあれば十分な場合が多いです。後でフォローアップメールや専用のフォームページのフルレングスフォームで、さらに多くの情報を収集できます。
• Cookieルールを使用して頻度を制御する：訪問者がページごと、訪問ごとに同じポップアップを見るほど、早く離れていくものはありません。OptinMonsterとPopup Makerの両方でCookieルールを設定できるため、ポップアップはセッションごとに1回、週に1回、または一度だけ表示されます。
• 明確な閉じるボタンを含める：訪問者にポップアップを閉じるための明確な方法を常に提供してください。コントラストの高いXボタンまたは「いいえ、結構です」リンクは信頼を築きます。非表示の閉じるボタンでやり取りを強制することは、コンバージョンを助けるよりもブランドに害を与えます。

WordPressポップアップフォームに関するFAQ

WordPressでポップアップフォームを作成することに関する最も一般的な質問への回答を以下に示します。

WordPressポップアップフォームを無料で作成できますか？

はい。このガイドのどちらの方法も無料ツールで機能します。WPForms Liteは無料です。OptinMonsterは3つのキャンペーンと500回のインプレッションを含む無料アカウントを提供し、Popup Makerの無料バージョンにはトラフィック制限なしで無制限のポップアップが含まれています。何も費やすことなく、完全に機能するポップアップフォームを作成できます。

WordPressでボタンクリック時にポップアップフォームをトリガーするにはどうすればよいですか？

Popup Makerでは、Click Openトリガー（無料バージョンで利用可能）を使用します。CSSクラス（例：popmake-123、123はポップアップID）を任意のボタンまたはリンクに追加すると、それをクリックするとポップアップが開きます。OptinMonsterでは、同等の機能はMonsterLinksと呼ばれ、クリック時に特定のキャンペーンを開く特別なリンクを作成します。

Elementorでポップアップフォームを作成するにはどうすればよいですか？

Elementor Proには、組み込みのポップアップビルダーが含まれています。ポップアップテンプレートを作成し、任意のフォームウィジェット（WPFormsを含む）を追加して、Elementorエディターで直接表示条件とトリガーを設定できます。Elementorの無料バージョンを使用している場合は、フォームビルダーと組み合わせてPopup Makerのような別のポップアッププラグインが必要になります。

WordPressで最高のポップアッププラグインは何ですか？

ニーズと予算によります。詳細については、最高のWordPressポップアッププラグインのガイドをご覧ください。OptinMonsterとPopup Makerは最も人気のあるオプションの2つであり、私が開始をお勧めするものです。

次に、フォームコンバージョンをブーストする

WordPressのポップアップフォームの作成方法がわかったので、フォームのコンバージョンを改善する他の方法も検討してみてはいかがでしょうか。実際にコンバージョンするフォームを作成するためのインスピレーションとして、リード獲得フォームの例に関するガイドをご覧ください。

WordPressフォームを今すぐ作成

フォームの作成準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。

この記事がお役に立った場合は、FacebookとX（旧Twitter）でフォローして、WordPressの無料チュートリアルやガイドをさらにご覧ください。