販売促進ポップアップを作成する方法

公開: 2022-05-26

このブログでは、ウェブサイトの訪問者にニュースレターの購読や寄付をさせるためにポップアップを使用している企業やNGOの例をすでにいくつか見てきました。 また、リードを獲得するための連絡フォームを作成する方法も示しました。 しかし、ポップアップはもっと多くの目的で使用されます!

販売促進ポップアップは、販売とコンバージョンを増やすことを目的としたインセンティブ(送料無料、割引クーポン、フラッシュオファー、またはその他の販売またはプロモーションメッセージ)を含むポップアップです。 実際、消費者にとって何が重要であるかに関する最近のVericastの研究では、次のように述べています。

  • 購入者の63%は、広告主がクーポンや割引を見つけやすくすることを望んでいます。
  • 消費者の52%は、販売によって衝動的に購入するようになると述べています。
  • 消費者の40%以上が、すぐに取引や詳細情報にジャンプできる広告を好みます。

この調査に基づいて、本日、潜在的および既存の顧客が直接製品やサービスを購入できるように、Webサイトで作成できるポップアップの例を紹介します。

目次

  • NelioPopupsのようなプラグインを使用する
  • 初回購入割引
  • 期間限定の割引
  • チェックアウト時の送料無料オファー
  • 季節営業
  • クロスセリングオファー
  • 要約

NelioPopupsのようなプラグインを使用する

この投稿で説明するポップアップをWordPressストアで作成するには、市場にある既存のプラグインの1つを使用するのが最も簡単な方法です。 WordPressに完全に統合されたプラグインであるNelioPopupsを使用するので、ページや投稿を作成するのと同じ方法でポップアップを作成および編集できます。 無料版はWordPressダッシュボードから直接インストールするか、プレミアム版から現在入手可能なオファーを購入することができます。

インストールしてアクティブ化すると、新しいポップアップの作成は非常に簡単です。 「新規追加」ポップアップボタンを押すだけで、WordPressエディターで、投稿やページを作成するのと同じ方法でこれらのブロックを追加できるため、見栄えの良いデザインになります。

NelioPopupsで新しいポップアップを追加します
NelioPopupsで新しいポップアップを追加します。

さらに、そのデザインに関する一連の機能もあり、ポップアップを表示または閉じる場所、方法、時間、および相手を指定できます。

NelioPopupsで販売を促進するためにポップアップを作成する方法を見てみましょう。

初回購入割引

消費者の63%が購入前に割引やクーポンを探すことを考えると、割引やクーポン付きのポップアップが販売を獲得するための最も強力なツールの1つであることは間違いありません。 訪問者が初めてWebサイトにアクセスする場合、最初の購入の割引を提供することは、訪問者に製品を詳しく調べて購入するように促す良い戦略になる可能性があります。 これを行うには、さまざまなポップアップをデザインできます。

最も簡単なポップアップの1つは、最初の購入時に顧客が入力するクーポンコードをポップアップウィンドウに表示することです。 たとえば、次のようなポップアップをデザインできます。

最初の購入の10%割引ポップアップの例
最初の購入の10%割引ポップアップの例。

Nelio Popupsを使用すると、メディアとテキストブロックを追加し、画像をアップロードし、必要なテキストを書き込んで、訪問者に買い物を続けてもらいたいストアページにリンクするボタンを追加するだけです。

NeloPopupsを使用してポップアップを編集する
NeloPopupsを使用してポップアップを編集します。

画像を追加するときは、ポップアップの高さ全体を占めるように「カバー画像」スタイルを選択できます。

前のポップアップよりもさらにアグレッシブなポップアップが必要な場合は、ページの幅全体を占めるようにサイズを変更できます。 そしてもちろん、好きなようにデザインを変更してください。

Webウィンドウのほぼ全体を占めるポップアップの例
Webウィンドウのほぼ全体を占めるポップアップの例。

ポップアップを任意のページに表示するか、特定のページのみに表示するか(たとえば、製品カタログページや特定の製品ページなど)を指定できます。

ポップアップはどのページにも表示されます
ポップアップはどのページにも表示されます。

訪問者を煩わせないために、通常、このポップアップウィンドウは1回だけ表示することをお勧めします。

NelioPopupsの高度な機能
NelioPopupsの高度な機能。

期間限定の割引

切迫感を生み出すことで、躊躇する買い物客が特別オファーを利用するように促すことができます。 このため、カウントダウンタイマーを示すポップアップを表示することは良い代替手段になる可能性があります。

カウントダウンを含むポップアップ
カウントダウンタイマーを含むポップアップ。

私が言ったように、Nelio Popupsを使用すると、WordPressブロックエディターと完全に統合され、WordPressで利用可能な任意のタイプのブロックをポップアップに簡単に追加できます。 この場合、カウントダウンタイマープラグインをダウンロードして、ポップアップにブロックを追加できます。 この場合、私が使用したプラグインはショートコードを提供するので、次のように使用しましょう。

カウントダウンタイマーを含むポップアップを作成する
カウントダウンタイマーを含むポップアップを作成します。

このタイプのオファーは、特定の製品ページにのみ表示することをお勧めします。 ユーザーの邪魔にならないように、ポップアップをページの隅の1つに配置し、よりインパクトのあるアニメーション効果で表示されることを示すことができます。

ポップアップの外観にアニメーション効果を追加します
ポップアップの外観にアニメーション効果を追加します。

チェックアウト時の送料無料オファー

一部のユーザーは、オンライン購入を行っているときに、最後に追加される送料のために、それを確定しないことを決定します。 ユーザーがページを離れようとしているとき、またはそれが初めての購入である場合は、ユーザーに購入を説得するために送料無料を提供することをお勧めします。

無料の交通機関を提供するポップアップ
送料無料のポップアップ。

Nelio Popupsを使用すると、このようなポップアップのデザインは、メディアとテキストブロックを追加したり、タイトル、テキスト、ボタンを追加したりするのと同じくらい簡単です。

無料の交通機関のポップアップを編集する
送料無料ポップアップの編集。

ポップアップが顧客の最初の訪問時にチェックアウトページにのみ表示されることを示すことができます。 たとえば、顧客がページを離れようとしているときにのみ表示されます。

サイトを離れるときにのみ表示されるようにNelioPopupsで構成する
Nelio Popupsで、サイトを離れるときにのみ表示されるように構成します。

季節営業

夏のセール、クリスマス、ブラックフライデー、母の日、父の日、またはその他の思いついた日は、商品を宣伝するのに非常に役立ちます。 これらの交通量が多く忙しいショッピングの機会を利用して、購入を促す目を引くポップアップを表示します。

ブラックフライデーのオファーを示すポップアップ
ブラックフライデーセールを示すポップアップ。

以前と同様に、メディアとテキストブロックを使用すると、このポップアップを非常に簡単に作成できます。 この場合、購入のリンクを画像に追加できます。 また、どの画像タイプのブロックでも、アニメーション効果を与えるためにgifを追加することを選択できることを忘れないでください。

クロスセリングオファー

一部の商品ページまたはショッピングカートページ(または購入を確認する前)で、商品関連商品を推奨するポップアップを作成できます。

関連商品を宣伝するポップアップ
関連商品を宣伝するポップアップ。

この例では、ポップアップはカバー画像で構成されており、テキストとボタンは画像の右側の列に含まれています。

関連商品プロモーションポップアップの編集
関連する商品プロモーションポップアップを編集します。

あなたのウェブサイトへの訪問者があなたがあなたのウェブサイトで提供する製品の1つの詳細をすでに見ているならば、その時に彼らに割引を提供することは彼らに購入を促すために決定的であるかもしれません。

要約

ご覧のとおり、ポップアップに表示されるセールオファーは、躊躇している訪問者に購入を促すための優れたツールです。 すでに使い慣れているブロックエディタを使用するため、NelioPopupsなどのツールを使用してそれらを設計するのは非常に簡単です。 さらに、結果として得られるスタイルは、Webサイトにあるスタイルと統合されるだけでなく、いつ表示するか、どこに表示するかなどの機能と条件により、ニーズに最適なポップアップを作成するために必要な柔軟性が得られます。

UnsplashのTamannaRumeeによる注目の画像。