オンラインストアに効果的なポップアップを作成する方法

ポップアップは、今日のWebサイトで最も嫌われているものかもしれませんが、それは非常に効果的です。 交通量の増加とサブスクリプトの取得 あなたのサイトへ。ここに別の問題があります：いくつかのポップアップはとても人気があるので、それらはウェブサイトの所有者とオンラインマーケティング担当者によって使いすぎですが、残念ながらそれらは めったに正しく設定されていない.

この記事では、Popups - WordPress Popupを使用してWooCommerceサイト用に変換するポップアップを作成する方法を見ていきます。 最大効率のためにあなたのモーダルをターゲットにしてください.

効果的なポップアップを作るもの?

効果的なポップアップを作成したい場合は、できることが一番です。 適切なタイミングでそれらを発射する, だからあなたはあなたの聴衆をいらいらさせるのを避けるだけでなく、彼らに実際にそれを見させてあなたのメッセージを考慮させることもできます.

これはポップアップを設定した場合にのみ可能です。 訪問者のオンサイトアクティビティに基づいて. だからあなたがあなたのWordPressサイトのためのポップアッププラグインを選ぶとき、あなたがそれを可能にするものを見つけることを忘れないでください 選択したページにモーダルを発射する, そして 事前定義された期間が経過した後.

ポップアップが機能しない理由

ポップアップが変換されないとき、それは訪問者がそれに悩まされるために通常起こります。これは、ポップアップが実行するように呼びかけるアクションを実行することを回避するだけでなく、サイトを完全に放棄することもあります。.

ポップアップは一般的に いらいらする いつ：

見る人 接続が見つかりません その内容とその瞬間的な考え方の間に
それは 閉じるのが難しい
それ 一度に発砲する, 他のコンテンツが表示される前

ユーザーが何を考えているのかを推測するために、Webベースのマインドリーダーになる必要はありません。彼らの行動を追跡し、彼らが何をしているのか、彼らが実際に見ているのは何ページなのかを理解するだけです。.

ポップアップのインストール - WordPressポップアップ

ポップアップを作成するには、まず プラグイン>新規追加 WordPressダッシュボードの管理者メニュー。検索する ポップアップ - WordPressポップアップ, [インストール]をクリックしてからプラグインを有効にします.

プラグイン 新しい投稿タイプを登録して作成します, そして完全に新しいメニュー項目をというあなたの管理バーに置きます ポップアップ. 投稿やページと同様に、トップレベルのメニュー項目をクリックすると、現在作成中、アクティブまたは非アクティブのポップアップのリストが表示されます。.

を選択して、あなたのサイトに新しいポップアップを簡単に追加することができます。 ポップアップ>新規追加 管理メニューのサブメニューまたはを選択して 新規>ポップアップ 管理バーに.

設定オプション

新しいポップアップを追加すると、新しい投稿を書いたときに表示されるのと同じような画面が表示されます。これに加えて、Popups - WordPress Popupも詳細な設定オプションを提供します。それが持っているいくつかの基本的な機能を見てみましょう.

1. WYSIWYGエディタで編集する

これはどんなWordPressコンテンツのためのあなたのいつものWYSIWYGエディタでもあるので、あなたはおそらくすでにそれに精通しているでしょう。ポップアップエディタはあなたの ポップアップ外観 オプション（下記参照）なので、最終的なポップアップがどのようになるかを実際に確認できます。.

2.ショートコードを使用してソーシャルアカウントを表示する

あなたがポップアップにFacebookページボックスや他のリンクされたソーシャルアカウントを表示したい場合、このプラグインはあなたにいくつかのショートコードを提供することによってそれを可能にします.

をクリックして 表示オプション 各ショートコードの下にリンクすると、これらのモーダルをカスタマイズする方法がわかります。これらのショートコードを使って学ぶ最良の方法は、それらを試してみることです.

デフォルトのポップアップにLikeki of HongkiatのFacebookページを含める場合は、リストの最初のショートコードを選択し、必要なデータを入力するガイドラインに従います。これが私が終わるショートコードです：

 [spu-facebook-page href = "https://www.facebook.com/hongkiatcom/" name = "hongkiat.com" show_faces = "false" hide_cover = "true" action = "like"]

このショートコードをポップアップの一番下に追加すると、結果は次のようになります。

3.ボックスの外観をカスタマイズする

の中に ポップアップ外観 オプションボックス、あなたは簡単に適切な値を設定することによってあなたの最終的なポップアップの外観をカスタマイズすることができます.

たとえば、無地の白い背景の赤い枠付きのポップアップを表示したい場合は、設定します。 背景色 そして ボーダの色 それに応じて.

4.ポップアップ表示ルールをカスタマイズする

これはおそらくあなたが設定できる最も重要なオプションボックスです。 行動を促す成功. この箱では、 プラグインにポップアップが表示される条件を設定します. より正確にターゲットを絞った、したがって関連性の高いポップアップがあるほど、コンバージョン率は向上します。!

ポップアップ表示規則を理解する最も簡単な方法は、設定の3つの要素（それぞれ個別の入力バーが付いています。下のスクリーンショットを参照）を複合文の一部として扱うことです。.

あなたはできる 必要なだけルールを追加する をクリックして そして ルールの最後にあるボタン、または まったく新しいルールセットを追加する をクリックして ルールグループを追加する ボックス下部のボタン.

で追加したルール そして ボタンを押すとポップアップが表示されます。 特定のルールグループ内のすべての条件が満たされている. 新しいルールグループはORステートメントとして追加されます。したがって、複数のルールグループがある場合、ポップアップはいつでも起動します。 いずれかのルールグループ 有効です.

スマートフォン以外のユーザーのために私のフロントページにのみポップアップを表示したい、そして私の製品を見ている人にもそれを表示したいとしましょう。だからこのポップアップのために私は次の条件を使用します：

最初のルールグループ：

もし ページの種類 （オプション1） 等しい （オプション2） 表紙 （オプション3）AND
もし 携帯電話 （オプション1） 等しくない （オプション2） 本当 （オプション3）または

第二ルールグループ：

もし 投稿タイプ （オプション1） 等しい （オプション2） 製品 （オプション3）

5.ポップアップ表示オプションをカスタマイズする

プラグインがあなたが設定した条件を見たとき ポップアップ表示規則 会った、それはに見えます 表示オプション 確認する設定 あなたのモーダルをどのように見せるか.

ほとんどのポップアップはユーザーの画面の中央に表示されますが、それを変更したい場合は、その中の別のオプションを選択してください。 ボックス位置 ドロップダウンリスト。での選択に応じて、ポップアップはフェードインまたはスライドインできます。 アニメーション オプション.

ポップアップで訪問者から何らかのアクションが必要な場合は、設定する必要があります。 コンバージョン終了? はいへ.

上記のポップアップミスを避けるために、あなたの トリガー動作 オプション。あなたはできる 時間遅延を設定する, だからあなたのポップアップは ページロード後、一定の秒数が経過した後に表示する, あなたの訪問者があなたのコンテンツの何パーセントかをスクロールしたなら、あなたはあなたのポップアップを起動することができます.

商品ページに10秒経過した後に以前のポップアップを表示させたい場合は、 ページロード後の秒数 アクションを10に設定.

そして、Popups - WordPress Popupプラグインの選択肢と可能性を理解したところで、本当に素晴らしく、的を絞った行動を促すポップアップを作成するためのアイデアをいくつか見てみましょう。!

成功のためのCall-to-Actionを作成する方法

1.商品プロモーション

コンテンツマーケティングを使用して、1つまたは複数の製品に関連する価値のある関連性の高いコンテンツを作成します。実際に販売されているようには見えずに、ニッチな視聴者を明確にターゲットにできます。.

この種のポップアップの背景にある考え方は、ユーザーが既に記事を読んでいるときに、その製品の使用方法や有効性を実証することです。 彼らはすでに興味を持っていると仮定することができます.

それではどうしてですか？ 商品プロモーションポップアップを初期化する それはあなたの読者がその同じ製品についてのあなたの記事をほとんど通しているときに発生しますか。セットアップは本当に簡単です.

セット ポップアップ表示規則 PageまたはPostがあなたのページまたは投稿のタイトルと同じであるときにポップアップを表示するには、このようにモーダルは選択されたコンテンツにのみロードされます。
セット トリガー動作 に 表示オプション に ページの高さの％ 約70〜80％の値で、ポップアップは視聴者がすでにその利点に慣れているときにのみ表示されます。.

また、訪問者がそれを可能にしない理由 プロモート商品をすぐにカートに追加する?

これを行うには、製品リストから特定の製品IDを見つけて、それを次のショートコードに挿入する必要があります。 [製品]. ショートコードがある場合は、WYSIWYGポストエディタを使用してポップアップのコンテンツに挿入してください。.

あなたがそれらに特別な何かを追加さえしないならば、あなたはまだこのような何かに行くことになるでしょう（The Marketing Gibberish Generatorからの少しの助けを借りて）：

この方法も使えます アップセル用, 例えば訪問者があなたの製品のページにしばらく時間を費やした後ポップアップで特定の製品にアクセサリーを提供することは（彼らがあなたの製品の説明を読んでいることを通常示すので）.

ギフトの登録

多くの場合、あなたができることを確認したいです。 後で以前の顧客に連絡を取ります あなたが販売、いくつかの新製品などを持っているとき。（ニュースレターなしで）これを行うための良い方法は 登録する あなたのサイトへ.

おそらくこれを行うための最良の場所は、どちらかです。 カートまたはチェックアウト画面 購入が終わる直前に見ている.

セット ポップアップ表示規則 あなたのモーダルが示すように：

PageがCheckout（またはあなたがそれに名前を付けたもの）と等しい場合
ユーザーがログインしていない場合

セットアップ方法： ユーザーがログインしています。等しくない本当

セット トリガー動作 に 表示オプション 数秒で、ポップアップがすぐに表示されなくなります.

セットアップ方法： ページロード後の秒数3

登録ポップアップを作成する最も簡単な方法は、 登録画面を指すリンクまたはボタンをユーザーに表示する. あなたのWordPressログインページの下部にあなたの登録リンクがあります。.

ログイン画面に[登録]リンクが表示されていない場合は、おそらく訪問者登録が許可されていません。あなたはあなたの中に入る必要があります 設定>一般 管理メニューを開き、 誰でも登録できます オプション.

登録動機ポップアップが終わったら、おそらく次のような結果になるでしょう。

あなたはおそらくあなたの顧客の買い物習慣をもっとよく知っていますが、ほとんどの場合 少額のクーポン または 送料無料 訪問者を登録するように説得するのがはるかに簡単になります.

WooCommerceのを介してそれらを設定する クーポンマネージャー （の下にあります WooCommerce>クーポン メニュー）をクリックし、確認メールでクーポンを送信します。.

返品する顧客へのクーポン

それは本当にオンラインショップを見るのはいつもうれしいです 戻ってきた顧客を評価する 彼らに彼らの帰りのビジネスのためのマイナーなディスカウントまたは無料の贈り物を提供することによって.

デフォルトでは、あなたの登録顧客は顧客ユーザー役割 彼らの最初の購入後. これは他のWordPress編集ロールとは異なるユーザーロールであるため、特別なクーポンコードを提供するか、ギフトとして無料のリストにない製品を提供するポップアップでこれらの人々をターゲットにすることは非常に簡単です.

それはまた良いかもしれません 特にあなたの常連客をターゲットに, たとえば、そのような申し出をして、3回以上商品を購入したことがある人などです。このためには、設定する必要があります カスタムユーザーロール それらのためだけに、これはカスタムコードや関数を介して、またはプラグインを使用することによって最もよく行われます。.

今のところ、あなたの設定 ポップアップ表示規則 ユーザーロールが、最も忠実な顧客に設定されているカスタムロールと同じ場合にポップアップを表示します。最良の方法は、ユーザーの役割に基づいて条件をそのままにすることです。 しばらくしてポップアップを表示させる あなたのサイトのどこにでも.

特にあなたがオプションを持っているならば、あなたの顧客は注意のこの小さな通知のためにあなたを愛していると確信しています 彼らの名前を表示する それを本当にパーソナライズするためにポップアップで（おそらくいくつかの素晴らしいショートコードプラグインを使用して）.

最後の言葉

無料でプレミアムなWordPressポップアッププラグインがたくさんありますが、モーダルをターゲットにした場合、他のものよりも効率的なものもあります。この記事ではPopups - WordPress Popupを使用しましたが、無料のプラグインの中でも他にも強力な競合他社がたくさんあります.

上記の例を使用して最初にいくつかのポップアップを設定し、それらがどのように機能するかを確認することをお勧めします。それから、しばらくして、WPプラグインレポジトリで他の可能性を探し、それらが何を提供できるかを見てください。慎重な実験の後、あなたはあなたのWooCommerceサイトのためにあなたのポップアップを完全に構成することができるでしょう。

私の場合は、私は常にこれらの2つのプラグインを使用して（ときどきオプションライトの3分の1を追加する）、自分のオーディエンスを最も的確にターゲットにします。.

ポップアップを正しく設定してターゲットに設定することが重要ですが、次のことも忘れないでください。 成功を測る 各ポップアップのつかいます 分析学, ウェブサイトヒートマップ, あなたの訪問者がそれらをまったく読んでいないかどうかを確認するためのその他のツール.

適切にターゲット設定されたポップアップのパフォーマンスが低下していることがわかった場合は、言い換えるか再設計してみてください。あなたはあなたの顧客を最もよく知っています、あなたはすぐに彼らのために完璧なポップアップを作成するという要点を得るでしょう!