Shopify ポップアップ：6ポイントチェックリスト.

ポップアップは、Shopifyにおける訪問者のエンゲージメントの最も人気のある形の一つです。昨年、私たちは300のShopifyストアをレビューしました。その半分はポップアップを使用していました。

WisepopsのShopifyショップ事例のスクリーンショット。

問題は何でしょうか？ほとんどのストアオーナーは早急に行動し、ポップアップを最適化する時間を取らないのです。

この記事では、あなたのShopifyストアのメールリストを本当に増やすポップアップの作成方法を説明します。

適切なインセンティブを特定する

ここで遠回しには言いません。ほとんどのウェブユーザーは、何かを得ない限り、自分のメールアドレスを共有しません。

この「何か」とは以下のようなものです：

• X％のディスカウントコード

• 無料配送コード

• 何かを勝ち取るチャンス

• 無料アイテム（ビデオ、電子書籍など）

しかし、インセンティブについて詳しく説明する前に、その力の実例をお見せしましょう。

最近、私たちはメールを集め始めたクライアントを迎え入れました。ご覧の通り、そのポップアップにはインセンティブが含まれていませんでした。

彼らが潜在的な購読者を誘い込むことを推奨した後、ポップアップを更新し、訪問者に無料のキャンドルを当てるためにメールを入力するよう誘いました：

結果はすぐに現れました：ポップアップのコンバージョン率は2.5％から7％に跳ね上がりました！

数ヶ月前に、ディスカウントコードでも同じ現象を観察しました。

私たちのクライアントの一人は、Shopifyストアでスマートボトルを販売しており、A/B/C/Dテストを実施しました。

結果は非常に明白です：割引が大きいほど、コンバージョン率が高くなります。

私たちの経験では、ディスカウントコードや抽選の方が無料アイテムよりもずっと効果的です。

クーポンと抽選のどちらを選ぶかを手助けするために、こちらが一般的な比較です：

利点と欠点の比較クーポン

• あなたは、いつかあなたの製品を購入しようとしている人々からメールを集めることができます

• クーポンはクーポン集約サイトに掲載され、はるかに大きなオーディエンスに届くことがあります

• ディスカウントはあなたの利益率に直接影響します

抽選

• 抽選は非常に安価です

• 「スイーパー」を引き寄せる可能性があります

説得力のある言葉を見つける

インセンティブを選んだら、次はポップアップのコピーを考えましょう。

私たちの内部では、言葉を作成する際に「SIP」と呼ばれるルールを使用しています：

• 短い：訪問者は一瞬でメールを共有するか、モーダルを無視することを選びます。非常に少ない言葉を使用する必要があります。

• インパクトがある：彼らを購読させる強い言葉を使う必要があります。

• 正確：再度言いますが、タイミングが重要です。訪問者には不明瞭な文に時間はありません。

こちらは、Fulton & Roarkの良い例です：

すべての言葉が役に立ち、訪問者が彼らのメールアドレスを残すように説得します。

こちらは、Baubaxの興味深い別の例です：

ポップアップは見出しから行動を促すものまで、わずか12語しか含まれておらず、読むのに数秒しかかかりません。

目を引くオーバーレイをデザインする

要点に直接入ります。

訪問者として、私たちは文字通りメールポップアップに圧倒されています。

競争相手を出し抜くためには、標準的なポップアップがどのように見えるかを理解し、より良いものをデザインすることが重要です：

• ほとんどのメールポップアップにはビジュアルが含まれていません。製品ビジュアルやインスピレーションを与える画像をオーバーレイに追加して、より記憶に残りやすくします。

• ほとんどのメールポップアップは四角形または長方形の形をしています。丸いポップアップを試すか、ポップアップをより独創的にするグラフィック要素を使用して、大きく目立つ画像などを使用します。

• ほとんどのポップアップにはアニメーションがありません。ポップアップが画面に入るときにアニメーションを追加して、より目立たせます。

私が好きな例をいくつか紹介します。

Saltsurfは、ポップアップを際立たせるために明るい緑の背景を使用しています。

Maviは、バーから際立つビジュアルを使用して、バーに深みを加えています。

Sojaoは、青い背景の丸いポップアップを表示します。興味深いデザインですね！

さらに説得力のあるShopifyポップアップの例が必要ですか？ この記事をチェックしてください。

正しいタイミングを見極める

ほとんどのストアは、訪問者がウェブサイトに到達した際にポップアップを表示します。

これは訪問者をいら立たせ、メールリストを構築する努力にも良くありません。

証拠が必要ですか？

こちらは、当社のクライアントの一人であるマタニティウェアを販売するオンラインストアが行ったA/Bテストです。

結果は言うまでもない：彼女のメールポップアップを表示する前に5秒待つことで、クライアントのポップアップのコンバージョン率は23％増加しました！

しかし、長く待てば待つほどメールが集まるわけではありません！ なぜなら、待ちすぎるとポップアップを見る訪問者の数が大幅に減少するからです。その結果、メールの収集が少なくなってしまいます。

ポップアップに最適なタイミングを特定するために、テストを実施するか、またはエグジットインテントポップアップを使用することをお勧めします（この第二のオプションは実装がはるかに早いです）。

モバイルフレンドリーなポップアップを作成する

2016年、Googleはそのアルゴリズムが侵入的なインタースティシャルをペナルティすることを発表しました。

新しいルールは、このような大きなメールモーダルを使用するウェブサイトを対象にしています：

ペナルティを避けるために、次のベストプラクティスに従うことをお勧めします：

• モバイル用の別のポップアップを作成する（レスポンシブポップアップでは不十分です）

• ポップアップフォームをページの下部に配置する

• そのサイズがページの30％を超えないようにする

こちらはモバイルフレンドリーなポップアップの例です：

ソース：Romwe。

追加のポップアップを作成する

ほとんどのShopifyサイトがポップアップを使用する際のもう一つの大きな間違いは、1つのポップアップしか作成しないことです。

典型的なショッピング体験には、マーケターがメールを集めるための多数の機会が含まれています：

• ホームページにシンプルなメールバーを表示できます

• ディスカウント付きの製品ページを退出する訪問者のための特定のエグジットインテントポップアップを作成します

• 品切れ商品のページ上でのみ表示されるポップアップを作成し、訪問者に再入荷通知に登録するよう促します

• カートページでのカート放棄ポップアップを作成します

こちらはChristy Dawnにおけるこの戦略の例です。ウェブサイトは、訪問者が最初に表示するページにメールバーを表示します。

そして、この訪問者が購読しない場合、彼らは品切れの製品ページでこの補完的なポップアップ（異なる文言に気づくでしょう）を表示します。

まとめ

最後に、1つのアドバイスを共有したいと思います。

今日、Shopifyは、最も成功しているオンラインストアを運営していると言えます：Leesa、Colourpop、Inkbox、Skinny Me Tea… 

ポップアップのアイデアが不足している場合は、彼らのウェブサイトを数分間チェックして、様々なページを見てポップアップをトリガーしてみることをお勧めします。彼らのモーダルは素晴らしいインスピレーションの源です。