ポップアップは、顧客の注意を引き、WooCommerceストアでの売上をさらに伸ばすための強力な方法です。限定割引の共有、期間限定オファーの宣伝、または簡単にメールリストを増やすことができます。
しかし、実際にコンバージョンにつながるポップアップを作成するのは難しい場合があります。デザインが不十分なポップアップは訪問者をイライラさせ、売上を伸ばすどころか直帰率を高める可能性があります。
効果的なポップアップを顧客をイライラさせることなく作成するには、適切な戦略とツールを使用することがすべてです。
このトピックについて徹底的に調査した結果、私たちのお気に入りのツールの1つであるOptinMonsterが、目標に合わせたコンバージョン率の高いWooCommerceポップアップのデザインに最適であるという結論に至りました。
このガイドでは、売上を増やし、顧客エンゲージメントを維持するWooCommerceポップアップを作成するための6つの実績ある方法を紹介します。
WooCommerceポップアップを作成する必要がある理由
主要なeコマースウェブサイトでポップアップが常に表示される理由を疑問に思ったことはありますか？
それは、ポップアップがウェブサイト訪問者を支払いを行う顧客に転換するのに非常に役立つからです。これにより、オンラインストアは、適切なタイミングでターゲットメッセージを表示することで、顧客の注意をすばやく引きつけることができます。
WooCommerceストアを実行している場合、ポップアップを使用して以下を支援できます。
- 顧客にタイムリーなメッセージを配信することで売上を増やします。たとえば、ユーザーがストアを離れようとしているときにポップアップを表示させることができます。
- クーポンや送料無料を提供して、カート放棄による売上を回復しましょう。
- クロスセル（関連商品のプロモーション）やアップセル（より高機能な商品のプロモーション）を通じて、より多くの商品を販売しましょう。
- メールリストやソーシャルフォロワーを増やしたり、開催中のセールやプロモーションを顧客にリマインドしたりしましょう。
このチュートリアルでは、OptinMonsterを使用します。これは、最高のWordPressポップアッププラグインであり、離脱する訪問者を購読者や顧客に変えることができる強力なコンバージョン最適化ツールです。
WooCommerceとシームレスに統合され、WooCommerceストア専用に構築された強力なパーソナライゼーションオプションを備えています。
ヒント：オファー用のクーポンを作成するには、Advanced Couponsの使用をお勧めします。これにより、WooCommerceサイト用の多くのスマートクーポンを作成できます。
OptinMonsterの始め方
WooCommerceポップアップを作成する前に、WordPressサイトに接続されたOptinMonsterアカウントが必要です。
まず、OptinMonsterのウェブサイトにアクセスしてアカウントにサインアップできます。開始するには、「Get OptinMonster Now」ボタンをクリックするだけです。
OptinMonsterのProプランでは、ここで説明する機能のほとんどを使用できます。これには、離脱意図ターゲティングルールも含まれます。スピン・トゥ・ウィンキャンペーンを作成したり、ジオロケーションターゲティングを設定したりしたい場合は、Growthプランが必要です。
OptinMonsterにサインアップしたら、OptinMonsterアカウントをWordPressサイトに接続する必要があります。
これを行うには、まずWordPressサイトにOptinMonsterプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化すると、OptinMonsterのウェルカム画面が表示されるはずです。「既存のアカウントを接続」ボタンをクリックしてください。
新しいウィンドウが開きます。
OptinMonsterアカウントをウェブサイトに接続するには、「WordPressに接続」ボタンをクリックするだけです。
次に、OptinMonsterアカウントをWooCommerceアカウントにも接続する必要があります。
まず、WordPressダッシュボードからOptinMonster » 設定に移動しましょう。
次に、「一般」タブで「キーを自動生成 + WooCommerceに接続」ボタンをクリックするだけです。
WooCommerceはキーを自動生成し、OptinMonsterアカウントに接続します。
このチュートリアルの残りの部分では、さまざまな種類のWooCommerceポップアップについて説明します。これらのクイックリンクを使用して、それぞれの指示に直接ジャンプできます。
- WooCommerceクーポンポップアップの作成方法
- WooCommerceカート放棄ポップアップの作成方法
- WooCommerceクロスセルポップアップの作成方法
- WooCommerceアップセルポップアップの作成方法
- WooCommerceのゲーミフィケーションされた「スピン・トゥ・ウィン」ポップアップの作成方法
- WooCommerce用のフルスクリーンポップアップの作成方法
- WooCommerceポップアップをサイトで公開する
- WooCommerceポップアップに関するよくある質問
準備はいいですか？早速始めましょう！
WooCommerceクーポンポップアップの作成方法
クーポンは売上を伸ばすための優れた方法です。ポップアップを使用して、顧客がクーポンについて知り、それを使用するように促すことができます。
まず、WordPress管理パネルから OptinMonster » キャンペーンに移動し、「最初のキャンペーンを作成」ボタンをクリックします。
その後、キャンペーンタイプとして「ポップアップ」を選択するだけです。
次に、テンプレートの上にマウスカーソルを移動し、「テンプレートを使用」ボタンをクリックしてテンプレートを選択します。このチュートリアルでは「クーポン」テンプレートを使用します。
テンプレートを選択すると、ポップアップウィンドウが開きます。
OptinMonsterはキャンペーンに名前を付けるように求めます。名前を追加して「構築を開始」ボタンをクリックしてください。
さて、クーポンのデザインの時間です。
ドラッグ＆ドロップ式のキャンペーンビルダーは非常に使いやすく、ポップアップを思い通りにカスタマイズできます。OptinMonsterは、テンプレートに追加できるさまざまなブロックを提供しています。
さらに、クーポンポップアップテンプレートの任意のパーツをクリックして編集できます。テキスト、フォント、色などを変更できます。
クーポンのパーツを削除することもできます。たとえば、メールサインアップボックスを設置したくないと判断した場合です。ポップアップ内にクーポンコードを表示するだけで、顧客にすぐ利用を促すことができます。
デフォルトのクーポンコードは「SAVE25」です。これは、顧客がメールアドレスを入力した後に画面に表示されます。ポップアップの「成功」ビューでこれを変更または削除するのは簡単です。
クーポンデザインの変更が完了したら、必ずポップアップを保存してください。
詳細については、クーポンポップアップの作成方法に関するステップバイステップの説明をご覧ください。このチュートリアルでは、OptinMonsterをメールリストと統合する方法についても説明しています。
クーポンポップアップを作成したら、表示ルールを設定する必要があります。
上部バーの「表示ルール」タブをクリックするだけです。デフォルトでは、クーポンはサイトのすべてのページで5秒経過した後に表示されます。
これをより長い、または短い期間に変更したり、訪問者がサイトに滞在している時間に基づいて表示したりすることができます。また、サイトの特定のページにのみクーポンを表示したい場合もあります。
最後のステップは、クーポンポップアップを公開し、サイトで有効にすることです。記事の最後でその方法を説明します。
また、ポップアップ心理学を利用して登録者を250%増やす方法に関するガイドも参照してください。
WooCommerceカート放棄ポップアップの作成方法
カート放棄により、多額の損失を出している可能性があります。
ポップアップは、訪問者にチェックアウトを完了させるための優れた方法です。ユーザーがショッピングカートページにいてサイトを離れようとしているときに表示される、特別なWooCommerceポップアップを作成できます。
まず、OptinMonsterで新しいキャンペーンを作成します。キャンペーンタイプとして「Popup」を選択する必要があります。次に、ポップアップのテンプレートを選択します。「Abandoning Checkout」テンプレートを使用します。
次に、OptinMonsterがポップアップウィンドウを開きます。
これで、ポップアップキャンペーンに名前を付けて、「Start Building」ボタンをクリックできます。
選択したテンプレートがキャンペーンビルダーで開きます。
キャンペーンテンプレートをカスタマイズするには、さまざまなブロックをドラッグアンドドロップしたり、テキスト、色、フォントなどを変更したりできます。
次に、ポップアップをWooCommerceショッピングカートページに表示するように設定します。
まず、画面上部の「Display Rules」タブをクリックし、「Exit Intent」オプションを選択します。終了意図の感度を選択することもできます。
OptinMonsterの終了意図テクノロジーにより、ユーザーがウェブサイトを離れる意図を示したまさにその瞬間にメッセージを表示できます。
次に、ページを下にスクロールし、最初のドロップダウンは「現在のURLパス」のままにし、2番目のドロップダウンを「完全に一致」オプションに設定します。
表示されたボックスに、ショッピングカートページのURLを入力します。
変更を保存することを忘れないでください。次に、「公開」タブに移動して、オンラインストアでクーポンを公開します。
WooCommerceクロスセルポップアップの作成方法
売上を伸ばすもう一つの素晴らしい方法は、人気商品をクロスセルすることです。クロスセルとは、顧客がすでに購入しているものに関連する商品を宣伝することです。
例えば、顧客が夏のシャツを購入した場合、日よけ帽の購入にも興味を持つかもしれません。または、グリーティングカードを購入した場合、包装紙も欲しくなるかもしれません。
OptinMonsterでクロスセルポップアップを作成するには、まず新しいキャンペーンを作成する必要があります。キャンペーンタイプとして「ポップアップ」を選択し、好きなテンプレートを選んでください。
ポップアップには「ショッピング」テンプレートを使用します。
次に、OptinMonsterがキャンペーンに名前を付けるように促します。
これが完了したら、「ビルド開始」ボタンをクリックするだけです。
キャンペーンエディタに移動します。ここでは、テンプレートの各部分をクリックして、あらゆる側面を変更できます。
キャンペーン用に別の画像をアップロードしました。
次に、左側のメニューからテンプレートにさまざまなブロックを追加できます。
画像、ボタン、テキスト、動画などのブロックをテンプレートにドラッグアンドドロップするだけです。
メールサインアップを維持する場合は、ポップアップの「成功」ビューを編集して、選択したクーポンコードを表示するようにしてください。
ヒント: メールサインアップを使用する場合、OptinMonsterをメールプロバイダーにリンクする必要があります。「インテグレーション」タブを参照してください。手順については、クーポンポップアップの作成方法に関するステップバイステップガイドに説明があります。
キャンペーンの作成が完了したら、右上にある「保存」ボタンをクリックするのを忘れないでください。
次に、「表示ルール」タブをクリックし、「WooCommerce製品ターゲティング」ルールを選択できます。
新しいルールをもう1つ追加した後、再度「WooCommerce製品ターゲティング」ルールを選択できます。
次に、以前と同様に製品を追加します。
設定の保存をお忘れなく。これで、このチュートリアルの最後にある手順に従って、ポップアップをサイトで公開するだけです。
WooCommerceアップセルポップアップの作成方法
WooCommerceのアップセルポップアップを使用すると、顧客が検討していた製品よりも高価な製品を購入するように促すことができます。
たとえば、ソフトウェアパッケージを販売している場合、より高価なプランの特別オファーを提示したり、アドオンの購入を促したりすることができます。
アップセルポップアップを作成するには、まず新しいOptinMonsterキャンペーンを作成する必要があります。キャンペーンタイプとして「Popup」を選択し、好きなテンプレートを選んでください。
テンプレートを選択すると、OptinMonsterからキャンペーンの名前を付けるように求められます。
完了したら、「Start Building」ボタンをクリックするだけです。
キャンペーンの要素をクリックすることで、好きなように変更できます。
お客様にすぐにクーポンを提供したい場合は、メールフィールドを削除するだけです。ドラッグアンドドロップ機能を使用して、キャンペーンビルダーにブロックを追加するのは簡単です。
クーポンに満足したら、右上にある「Save」ボタンをクリックします。次に、「Display Rules」タブをクリックします。
次に、ユーザーが特定の製品を見ているときにポップアップを表示する表示ルールを設定します。これを行うには、「WooCommerce Product Targeting」ルールを選択するだけです。
その後、キャンペーンを実行する製品を指定するだけです。
ヒント: OptinMonsterとWooCommerceを接続する手順を踏みたくないですか？代わりに、OptinMonsterのページターゲティングルールを使用して、製品ページのURLをターゲットにすることもできます。
表示ルールを設定したら、ポップアップを保存します。次に、このチュートリアルの最後の手順に従って、サイトで公開するだけです。
ゲーム化されたWooCommerce「Spin to Win」ポップアップの作成方法
ゲーム化された「スピン・トゥ・ウィン」ポップアップは、顧客に特別なオファーやクーポンを提供します。コンバージョンと全体的なエンゲージメントを高める楽しい代替手段です。
まず、OptinMonsterで新しいキャンペーンを作成し、「Gamified」キャンペーンタイプを選択します。次に、使用したいテンプレートを自由に選択できます。
OptinMonsterは、キャンペーンに名前を付けるように促します。
これが完了したら、「Start Building」ボタンをクリックするだけです。
これで、OptinMonsterキャンペーンエディタにクーポンホイールテンプレートが表示されます。
変更したい要素をクリックするだけです。さらに、画像、動画、ボタンなどのブロックをテンプレートに追加することもできます。
ホイールのさまざまなオプションを編集するには、ホイールをクリックし、「Customize Wheel Sections」ボタンをクリックします。
これにより、スピン・トゥ・ウィンホイールのすべてのセクションが表示される新しいポップアップウィンドウが開きます。
ホイール上のクーポンコード、パーセンテージ、特別オファーを調整または編集するだけです。
クーポンホイールに満足したら、設定を保存してください。
クーポンホイールの設定方法についてさらに詳しい情報が必要な場合は、「スピン・トゥ・ウィン」ポップアップの作成に関するステップバイステップガイドに従ってください。
その後、「Display Rules」タブに移動し、キャンペーンを表示するタイミングを選択できます。たとえば、Exit Intent機能を使用して、ユーザーがウェブサイトを離れようとしているときにゲーミフィケーションホイールを表示できます。
これで、チュートリアルの最後にある指示に従って、ポップアップをサイトで公開できます。
WooCommerce用のフルスクリーンポップアップの作成方法
オンラインストア向けのもう1つの非常に効果的なポップアップは、フルスクリーン WooCommerce ポップアップです。これにより、新規訪問者を歓迎し、メールリストへの登録を促すことができます。その見返りに、特別な割引や送料無料を提供することもできます。
OptinMonster でフルスクリーンポップアップを作成するには、新しいキャンペーンを作成し、「フルスクリーン」キャンペーンタイプを選択して、テンプレートを選択します。
次に、キャンペーンの名前を入力する必要があります。
準備ができたら、「ビルド開始」ボタンをクリックするだけです。
OptinMonsterビルダーで、フルスクリーン表示のウェルカムマットが表示されます。テンプレートのブロックを追加、削除、並べ替えできるようになりました。
さらに、テキストや画像などの既存のブロックを編集して、ストアに合わせて調整するオプションもあります。変更したいものをクリックするだけです。
次に、「インテグレーション」タブをクリックして、OptinMonsterをメールリストと統合する必要があります。
ここから、「+ 新規インテグレーションを追加」ボタンをクリックし、メールマーケティングツールを選択できます。その後、画面の指示に従ってメールマーケティングサービスに接続します。
次に、「表示ルール」タブに移動できます。表示ルールについては、ウェルカムマットが初めて訪問者にのみ表示されるように設定したいはずです。
これを行うには、「新規訪問者」オプションを選択するだけです。
ウェルカムマットをサイトのすべてのページに表示したい場合は、「現在のURLパス」ドロップダウンを「任意のページ」のままにしておきます。
画面上部にある「保存」ボタンをクリックするのを忘れないでください。
以下に記載の手順に従って、ポップアップをサイトで公開できるようになりました。
その他のヒントについては、WordPressサイトのウェルカムマットの作成方法に関するガイドをご覧ください。そこには便利な例もいくつかあります。
WooCommerceポップアップをサイトで公開する
ポップアップを作成した後、ウェブサイトに表示される前に公開する必要があります。
まず、OptinMonsterアプリの「公開」タブをクリックする必要があります。次に、「公開ステータス」を変更して「公開」に設定します。
注意：ポップアップはすぐに公開されるわけではないことに注意することが重要です。WordPressで公開する必要があります。
次に、WordPress管理画面に戻り、OptinMonster » キャンペーンに移動します。ここから、任意のキャンペーンの「ステータス変更」オプションをクリックし、ドロップダウンメニューから「公開」を選択できます。
ポップアップが意図したとおりに表示されているか、サイトを確認することは常に良い考えです。
こちらは、お客様に靴を宣伝するアップセルキャンペーンの例です。
WooCommerceポップアップに関するよくある質問
WooCommerceのポップアップについて、読者からよく寄せられる質問をいくつかご紹介します。
お客様がクーポンメールを問題なく受け取れるようにするにはどうすればよいですか？
WooCommerceのメールは、サーバーの設定や厳格なメールフィルターが原因で配信に失敗することがあります。
配信を確実に成功させるために、WP Mail SMTPのようなSMTPプラグインの使用をお勧めします。
このツールは、メール設定を最適化された配信のために構成するのに役立ち、メールが受信トレイに着信する可能性を高めます。 開始するには、WordPressのメール送信問題の解決方法に関するチュートリアルをご覧ください。
クーポンの外観やメッセージを、製品ごとにカスタマイズできますか？
はい、特定の製品に対して、説明、割引の種類、メッセージなどのクーポン詳細を調整できます。
このカスタマイズにより、顧客セグメントのニーズや好みに合わせたパーソナライズされたクーポンを作成でき、顧客は大切にされていると感じ、リピートする可能性が高まります。
お客様が複数のレビューを送信した場合はどうなりますか？
1人のお客様が受け取れるクーポンの数を制限したい場合は、Uncanny Automator内で使用制限を設定できます。
このオプションは、プロモーションを効果的に管理するのに役立ち、インセンティブが顧客ベース全体で公平に保たれるようにしながら、不正使用を防ぎます。
この記事が、売上を伸ばすためのWooCommerceポップアップの作成方法を学ぶのに役立ったことを願っています。また、ストアに最適なWooCommerceプラグインのリストや、ストアを高速化するための最適なWooCommerceホスティングプロバイダーの比較も役立つかもしれません。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
質問や提案はありますか？コメントを残して、議論を開始してください。