WordPressでクーポンポップアップを作成する方法

公開: 2023-07-31

WordPress でクーポン ポップアップを作成しますか? クーポン ポップアップは、顧客がページにアクセスしたときにセールやセールを宣伝する優れた方法です。

この投稿では、WordPress サイトにクーポン ポップアップを追加する最も簡単な方法を段階的に説明します。

今すぐクーポンコードを作成してください

WordPressでクーポンポップアップを作成する方法

WordPress で割引クーポンのポップアップを作成するのは非常に簡単です。 WooCommerce や Shopify のようなサイトも必要ありません。 以下の手順に従ってください。

この記事の内容

  • ステップ 1: WPForms でクーポン コードを作成する
  • ステップ 2: クーポン フィールドをフォームに追加する
  • ステップ 3: OptinMonster でポップアップを作成する
  • FAQ

設定

このチュートリアルを進めるには、始める前に 2 つのプラグインをインストールして有効にする必要があります。 そのプロセスについてサポートが必要な場合は、WordPress プラグインのインストール方法に関するこのガイドを確認してください。

WPForms homepage

まず、WPForms が必要になります。 これは、注文フォーム、支払いフォーム、クーポン コードを作成するために使用します。 クーポン コードの作成に使用するクーポン アドオンにアクセスするには、プロ ライセンスまたはエリート ライセンスが必要であることに注意してください。

The OptinMonster home page

OptinMonster も必要です。 このプラグインを使用してポップアップ キャンペーンを作成します。

これらをインストールしたら、すぐに使い始めることができます。

ステップ 1: WPForms でクーポン コードを作成する

まず、クーポン アドオンを使用して WPForms でクーポン コードを作成します。

WPForms » 支払いに移動します。

WPForms payments summary

これにより、上部に「概要」と「クーポン」という 2 つのタブがあるページが表示されます。

「クーポン」タブをクリックします。

Coupons tab in WPForms

次に、 「クーポンを追加」をクリックしてクーポンコードを作成します。

そこから、作成したいクーポンの詳細を入力できます。

Create a coupon code in WPForms

クーポン設定を構成すると、サイト上のすべてのフォームのリストが表示されます。 ユーザーにクーポン コードの適用を許可するフォームを選択します。 サイトのニーズに基づいて、すべてのフォームまたは特定のフォームを個別に有効にします。

必要に応じて、後でいつでもこれに戻って更新できることに注意してください。 ただし、クーポン コードは、特定のフォームで受け付けられるようにしない限り機能しません。

これを完了したら、クーポン コードをメモし、作業内容を保存します。

ステップ 2: フォームにクーポンフィールドを追加する

まだ追加していない場合は、作成したコードを受け入れるすべてのフォームにクーポン フィールドを必ず追加してください。

Add a coupon field in WPForms

新しいフォームを作成する場合でも、既存のフォームを更新する場合でも、プロセスは同じです。 まずはフォームビルダーを開きます。 最初から始める場合は、最初にフォームに必要なフィールドを追加します。 テンプレートを使用する場合、それらはすべてカスタマイズ可能なため、必要なものを追加できます。

次に、支払いフィールドのオプションまで下にスクロールします。 クーポンフィールドを表示したい場所にドラッグアンドドロップします。 これは通常、合計フィールドまたは支払いフィールドの近くにあります。

完了したら、フォームを保存または公開できます。

ステップ 3: OptinMonster でポップアップを作成する

次のステップでは、OptinMonster プラグインに切り替えます。 左側のサイドバー メニューから、 OptinMonster » Campaigns に移動します。

ここで、 「新規追加」をクリックして新しいキャンペーンを作成できます。

Add a new campaign in OptinMonster

モーダルウィンドウが開き、オプションが表示されます。 テンプレートの選択

Select Templates to create your OM popup

[テンプレート] オプションを選択すると、OptinMonster ビルダーのテンプレート ページが表示されます。 最初にキャンペーンの種類を選択します。 ここで[ポップアップ]を選択します。

Select the popup option in OptinMonster's campaign builder

キャンペーン タイプの下にポップアップ テンプレートが表示されます。 特定の種類のポップアップを検索できます。 使用するクーポンのテンプレートを探して選択しました。 この時点で、キャンペーンの名前を選択するように求められます。

Choose a name for your campaign.

キャンペーンに名前を付けたら、 「構築の開始」ボタンをクリックすると、ビルダーでテンプレートが開きます。

The coupon template opens in the campaign builder for customization

ビルダー内で、ポップアップ内のさまざまなブロックをクリックしてカスタマイズできます。 さまざまなブロックをポップアップにドラッグ アンド ドロップして、希望どおりのものを作成します。 この例では、カウントダウン タイマー ブロックを維持することにしました。

WPForms で作成したクーポン コードを忘れずに追加してください。 クーポンを提供している場合は、宣伝されているクーポンが作成したクーポンと一致していることを確認する必要があります。 ステップ 1 で見たように、私たちのものは BLOOM15 だったので、そのコードを示すようにテキストを更新します。

クーポン ポップアップの外観に満足したら、 [公開] をクリックしてください。

Publish options for your campaign

これにより、ポップアップを公開するためのいくつかのオプションを含む画面が表示されます。 これらのオプションの中で、すぐに公開するか下書きとして保存するかを決定し、ポップアップを実行するスケジュールを決定できます。

Publishing options in OptinMonster

もう 1 つの優れた機能は、Web サイトに URL を入力すると、キャンペーンがどのように表示されるかを確認できることです。

OptinMonster アカウントが WordPress に接続されている限り、ポップアップをライブにするとすぐにキャンペーンの表示が開始されます。

A live campaign popup

キャンペーンが公開されたら、OptinMonster プラグイン内から分析を表示および監視できます。

View your published campaign

必要なのはこれだけです。 ユーザーはポップアップを見ると、チェックアウト時にどのクーポン コードを使用すればよいかを知ることができます。 WPForms でそのクーポン コードを受け入れるように支払いフォームを設定したので、あなたは完璧です。

キャンペーンによっては、最短 5 分でクーポン コードのポップアップを設定できます。 プラグインを切り替えるのは難しそうに思えるかもしれませんが、プロセスは非常にシンプルで簡単です。 どちらのプラグインも使いやすいです。

次に、より多くの WordPress プラグインを使用してサイトの機能を強化します

これらの投稿のプラグインをチェックして、WordPress ウェブサイトの機能を強化してください。

  • WordPress に最適な e コマース プラグイン
  • WordPress に最適なビデオプラグイン
  • あなたのサイトに最適な無料の WordPress プラグイン

よくある質問

自分のサイトでクーポン ポップアップを使用する必要があるのはなぜですか?

クーポン ポップアップを表示して、Web サイト訪問者に開催中のセールやセールについて知らせます。 割引コードのみを提供するシンプルな形式ですが、売上とコンバージョン率の向上に驚くほど効果を発揮します。

特定のページにのみクーポン ポップアップを表示できますか?

はい、ポップアップ プラグインにルールと条件を設定して、ポップアップをいつどこに表示するかを決定できます。 これは、サイト上で最も関連性の高い視聴者にポップアップを表示するのに役立ちます。

クーポンポップアップはモバイルデバイスでも機能しますか?

はい、ほとんどのクーポン ポップアップ プラグインは、携帯電話やタブレットなどのデバイス間で動作します。 クーポン プラグインを使用する前に調査し、インストールする前にプラグインのドキュメントを確認することをお勧めします。

ポップアップはサイトの速度に影響しますか?

ポップアップが多すぎて大きなファイルが読み込まれると、サイトの速度が確実に遅くなる可能性があります。 この問題を回避するには、プラグイン オプションを調べて軽量であることを確認してください。 サイト上の最も重要なページにのみポップアップが表示されるように、ポップアップの使用を制限することもできます。

クーポンポップアップが効果的な理由は何ですか?

効果的なポップアップを作成するには、コピーを短く魅力的なものにし、読みやすいフォントを使用します。 サイトの外観にマッチしながらも目立つ、対照的な色を使用します。 最も重要なのは、適切なオーディエンスと A/B テスト ポップアップをターゲットにして、そのオーディエンスにリーチする方法を理解していることを確認することです。

今すぐクーポンコードを作成してください

フォームを構築する準備はできましたか? 最も簡単な WordPress フォームビルダープラグインを今すぐ始めましょう。 WPForms Pro には多数の無料テンプレートが含まれており、14 日間の返金保証を提供しています。

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