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

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

WisepopsのShopifyショップのケーススタディのスクリーンショット。

問題は？ほとんどのストアオーナーが焦りすぎて、ポップアップを最適化する時間を取らないことです。

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

正しいインセンティブを特定する

ここでは遠回しに言う必要はありません。ほとんどのウェブユーザーは、何か返されるものがない限り、自分のメールアドレスを共有しようとはしません。

この「何か」は次のようなものかもしれません：

• X%オフの割引コード

• 無料配送コード

• 何かを獲得するチャンス

• おまけ（ビデオ、電子書籍など）

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

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

私たちが潜在的な購読者を引きつけるようアドバイスした後、彼らはポップアップを更新し、訪問者に無料のキャンドルを獲得するためにメールを入力するよう招待しました：

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

数ヶ月前に、割引コードでも同様の現象を観察しました。

私たちのクライアントの一人、スマートボトルを販売するShopifyストアは、以下のA/B/C/Dテストを行いました。

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

私たちの経験では、割引コードと懸賞は、おまけよりもはるかに効果的です。

クーポンと懸賞の間で選ぶのを助けるために、ここに2つのオプションの簡単な比較があります：

利点と欠点

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

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

• 割引が利益率に直接的な影響を与えます

懸賞

• 懸賞は非常に安価です

• 「懸賞狙い」の人々を引き寄せるかもしれません

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

インセンティブを選んだら、次はポップアップの文言に取り組む時間です。

社内では、文言作成の際に「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…

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