WordPress サイトの全画面ポップアップを作成する方法

公開: 2022-08-17

WordPress サイトの全画面ポップアップを作成する方法をお探しですか?

フルスクリーンのポップアップは、見込み客を獲得するのに非常に効果的です。 それらは、訪問者の全焦点を自分自身に引き寄せることによって、説得し、変換するように設計されています.

しかし、ゼロからコーディングしなければならないのは本当に苦痛です。 1 つには、ポップアップを作成するための十分な HTML、CSS、および Javascript と、それをいつ表示するかのトリガー ルールを知っている必要があります。 次に、メール サービス プロバイダーとの手動統合を作成する必要があります。 最後に、プライバシーとセキュリティの問題に対処する必要があります。

良いニュース:もっと簡単な方法があります。

この記事では、コーディングなしで 10 分以内に WordPress で全画面ポップアップを起動する方法を紹介します。

飛び込みましょう。

WordPress の全画面ポップアップとは何ですか?

全画面ポップアップは、全画面の映画効果でポップアップするオプトイン フォームです。 Netflix で全画面表示モードで映画を見るようなものだと考えてください。 全画面のオプトイン フォームがポップアップすると、WordPress サイトの残りの部分は表示されません。 このようにして、すべての焦点がポップアップに集中します。

次に例を示します。

フルスクリーン ポップアップ WordPress

全画面ポップアップを使用して、次のことができます。

  • 新しい訪問者を歓迎します
  • 割引クーポンを提供する
  • 訪問者を最高のコンテンツに誘導する
  • 訪問者をソーシャル メディア プロファイルに誘導する

もっと。 ポップアップ連絡フォームを作成することもできます. ポップアップは非常に柔軟で、クリエイティブな人であれば、コンバージョン率の高いポップアップを簡単に設定できます。

WordPress で全画面ポップアップを作成する方法

フル スクリーン ポップアップとは何か、なぜそれを作成する必要があるのか​​を理解したところで、フル スクリーン ポップアップを作成するにはどうすればよいでしょうか。 OptinMonster を使用してすべてのポップアップを作成することをお勧めします。

OptinMonster ホーム

OptinMonster は世界第 1 位の変換ツールキットであり、私たち自身も使用しています。 OptinMonster を使用すると、変換する強力なポップアップを非常に簡単に作成できます。 また、コーディングをまったく使用する必要はありません。

OptinMonster の完全なレビューも書きました。

それを確認するか、今すぐキャンペーンを開始してください。 OptinMonster にサインアップして、この記事の残りの部分に従ってください。

ステップ #1: キャンペーンを作成する

OptinMonster ダッシュボードに移動し、[作成] ボタンをクリックします。

新しいポップアップ キャンペーンを作成する

テンプレートオプションを選択して、事前に設計されたテンプレートを使用してオプトインの作成を開始します。

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

フルスクリーン ポップアップ テンプレートの使用を開始するには、フルスクリーンを選択します。

フルスクリーン キャンペーン タイプを選択

次に、キャンペーン テンプレートを選択します。 好きなテンプレートを選択できますが、このチュートリアルではProduct Recommendation (Gamified)キャンペーン テンプレートを使用します。

テンプレートを選択したら、キャンペーンに名前を付けます。 このキャンペーン名はあなたのためのものであり、さまざまなターゲティング オプションを使用してこれらのポップアップを大量に作成する可能性が高いことを覚えておいてください。 そのため、キャンペーンに意味のある名前を付けてください。そうしないと、後で本当に混乱することになります。

また、プランによってはOptinMonsterを複数のサイトで利用することもできます。 そのため、キャンペーンを表示する Web サイトも選択します。

キャンペーン ID を作成する

完了したら、 [ビルドの開始] を押します。

ステップ #2: ポップアップを編集する

OptinMonster を使用すると、視覚的なドラッグ アンド ドロップ ポップアップ ビルダーが得られます。 キャンペーンの作成が完了すると、ポップアップの細部まで編集できるようになります。 ポップアップの見出しを編集することから始めます。

OptinMonster フルスクリーン ポップアップの編集

ここで最も驚くべき点は、編集したいテキストをクリックするだけで、インラインで変更できることです。 フォームに入力したり、ポップアップで HTML コードを編集したりする必要はありません。

全画面ポップアップについて必要なものはすべて編集できます。 Optin の外観に満足したら、より高度な設定に進むことができます。

ステップ #3: 全画面ポップアップ表示ルールを設定する

表示ルールは、キャンペーンがいつサイトに表示され、誰がそれを見るかを定義するためのものです。

ポップアップ表示規則

トリガー条件を exit-intent に変更することをお勧めします。

離脱インテント ライトボックス ポップアップ

[次のステップ]をクリックして、[アクション] を選択します。 ここでは、 Show the Campaign View を Optin View に設定し、 MonsterEffect で Showを任意のエントリ アニメーションに設定し、サウンド エフェクトを任意の効果音でポップアップに設定することをお勧めします。

キャンペーン アクション設定

次に、[次のステップ] ボタンをクリックします。 [概要] タブで、設定の全範囲を確認できます。

ステップ #4: メール統合をセットアップする

次のステップは、メール統合をセットアップすることです。 [統合] タブから [新しい統合を追加] をクリックし、メール サービス プロバイダーを選択します。

OptinMonster インテグレーション

メール サービス プロバイダーをまだお持ちでない場合は、メール マーケティングに Drip を使用することをお勧めします。

ステップ #5: WordPress で全画面ポップアップを公開する

新しいキャンペーンを作成すると、デフォルトで一時停止されます。

上部のメニューから [公開] タブに移動して、[公開オプション] を表示します。 次に、ステータスを公開に設定し、Web サイトのプラットフォームを選択します。

OptinMonsterキャンペーンを公開

WordPress サイトを実行している場合、OptinMonster プラグインが残りのセットアップを自動的に処理します。 Shopify と BigCommerce も同じです。 他のサイトの場合は、[任意のサイト] をクリックして、埋め込みコードを Web サイトのヘッドに貼り付けます。

グローバル埋め込み

そして、あなたは完了です!

WordPress で全画面ポップアップを作成した後に行うこと

皆さん、これで終わりです!

この記事が役に立ったかどうかお知らせください。 サイトにポップアップを作成すると、トラフィックをメール購読者や本物のビジネス リードに変えることができます。 全画面ポップアップの作成をすぐに開始することを強くお勧めします。

また、手頃な価格でトラフィックを増やす方法を探している場合は、プッシュ通知を使用することをお勧めします. プッシュ通知は、より多くのリピート トラフィックとサイト エンゲージメントをもたらすのに役立ちます。 売上を生み出す自動プッシュ通知キャンペーンを作成することもできます。

納得できませんか? 次のリソースを確認してください。

  • 顧客エンゲージメントを高めるための 7 つの賢明な戦略
  • プッシュ通知は有効ですか? 7 つの統計 + 3 つのエキスパートのヒント
  • 放棄されたカートのプッシュ通知を設定する方法 (簡単なチュートリアル)

PushEngage を使用してプッシュ通知キャンペーンを作成することをお勧めします。 PushEngage は、世界第 1 位のプッシュ通知ソフトウェアです。 まだお持ちでない場合は、今日から PushEngage を始めてください!