Shopifyでポップアップを追加する方法

公開: 2021-11-26

Shopifyストアにポップアップを追加するのはなぜですか？

それは簡単です。

次のような多くのeコマースの目標を達成できます。

ウェブサイトのトラフィックの最大10％を変換する
放棄されたショッピングカートを回復する
毎月何千ものリードを生成する
販売やプロモーションのあるページへのトラフィックを増やす

これらは、達成しようとしているビジネスの成長目標のように聞こえますか？はいの場合は、Shopifyでポップアップを追加する方法を学びましょう。

コンテンツセクションに移動します。

Shopifyポップアップの種類
Shopifyでポップアップを追加する方法

Shopifyに追加するポップアップの種類

Shopifyストアの訪問者を変換するために使用できるポップアップタイプはたくさんあります。各タイプは、特定の目標を達成するように設計されています。

Shopifyポップアップアプリにはさまざまな目標のために事前に作成されたポップアップがあるため、適切なポップアップを選択してカスタマイズし、ストアに追加するだけです。

最も人気のあるタイプのポップアップは次のとおりです。

メールポップアップ。インセンティブと引き換えにメールを要求する
調査ポップアップ。訪問者からのフィードバック/回答を収集する
クーポンポップアップ。あなたの売り上げを増やすために割引でクーポンを与えてください
ニュースレターのポップアップ。メールマガジンを購読するようにユーザーに依頼する
Spin-to-Winポップアップ。訪問者をゲームに招待する
モバイルフレンドリーなポップアップ。モバイルデバイスでの表示用に最適化
販売促進ポップアップ。プロモーションの詳細を共有して販売を促進する
ショッピングカートの回復ポップアップ。割引や送料無料などのリマインダーやインセンティブでカートの放棄を減らす

考慮すべきShopifyポップアップは他にもあります。しかし、良いニュースは、これらすべてのタイプなどを使用できるようにするために必要なShopifyポップアップツールは1つだけです。

さまざまな種類のポップアップに関する詳細情報が必要ですか？他のガイドをご覧ください。

メールポップアップの40の例
Spin-to-Winポップアップを作成する方法
SMSポップアップの例+それらを作成する方法

Shopifyにポップアップを追加する方法

これで、ポップアップとは何か、そしてポップアップがShopifyストアにもたらす多くの利点がわかったので、ポップアップを作成しましょう。

ステップ1：Shopifyポップアップアプリをストアに追加する[無料]

このチュートリアルでは、 Wisepopsを使用します。

このShopifyポップアップアプリでは、すべてのポップアップタイプを使用できます。しかし、最も重要なのは、 WisepopsがShopifyユーザーから4.9つ星の評価（5つ星のうち）を持っていることです。

Shopifyにポップアップを追加するには、ShopifyAppStoreのWisepopsページにアクセスします。 [アプリの追加]をクリックして、インストールを開始します。

ストアからログアウトしている場合は、[アプリの追加]をクリックするとShopifyのログインページが表示されます。詳細を入力してインストールを完了します。

次 -

ログインすると、Shopify管理パネル内にWisepopsのインストールについて通知するウィンドウが表示されます。 [アプリのインストール]をクリックします。

[アプリのインストール]ボタンをクリックすると、 WisepopsShopifyの登録ページに移動します。

それでは、次のステップであるWisepopsに詳細を追加してみましょう。

ステップ2：無料のWisepopsアカウントを取得する

Wisepopsアプリには、2つの簡単な登録手順があります。

Gmailまたは名前、メールアドレス、パスワードの2つの方法で登録できます。続行するには、ご希望の登録方法を選択してください。

次のウィンドウで–

Webサイト、会社名とサイズ、およびその他のビジネス関連情報を追加します。これらの回答は、Wisepopsがアプリエクスペリエンスの関連性を高めるのに役立ちます。

[無料試用を開始]をクリックして登録を完了し、ShopifyストアをWisepopsと統合します。

これには3秒かかるので、訪問者を変換するための最初のポップアップキャンペーンの作成を開始できます。

ShopifyストアにWisepopを追加するのにサポートが必要ですか？
ウェブサイトのライブチャットボタンを使用して、サポートチームに連絡してください。 ヘルプセンターにアクセスしてください（ Wisepopsコードの埋め込みに関するこのセクションが役立つはずです）

ステップ3：ポップアップキャンペーンを作成する

Wisepopsダッシュボードに戻りましょう。

Shopifyストアの新しいポップアップを作成するには、[新しいキャンペーン]をクリックします。

メニューには、キャンペーンアシスタントとカスタムキャンペーンの2つのオプションがあります。

初めてキャンペーンを作成する場合は、キャンペーンアシスタントを選択してください。このようにして、プロセス全体でヒントが得られるため、Shopifyにポップアップを追加するのがさらに簡単になります。

したがって、[キャンペーンアシスタント]をクリックして続行します。

ステップ4：キャンペーンの目標を選択する

最初のShopifyポップアップの目標を決定する時が来ました。

ドライブセールスに行きましょう。Shopifyストアの所有者はそれを望まないのでしょうか。

[ドライブ販売]をクリックします。

次に、Wisepopsは、送料無料、初回注文クーポン、期間限定オファーなど、売り上げを伸ばす方法を紹介します。

送料無料を選びましょう。

これは、特定の金額を超える購入でお客様に送料無料を提供することを意味します。人々がオンラインで買い物をする最大の理由は無料配達であるため、この手法は売り上げの増加に役立ちます。

ステップ5：ポップアップテンプレートを選択する

[送料無料]を選択すると、テンプレートライブラリに自動的にリダイレクトされます。そこで、Shopifyポップアップの形式を選択できます。

3番目のテンプレートを選択しましょう（以下を参照）。これは、画面の隅に表示できる邪魔にならないWebサイトのポップアップです。

これがWisepopsでのこのポップアップのプレビューです（表示するにはログインする必要があります）。

ステップ6：キャンペーンをカスタマイズする

ポップアップテンプレートを選択すると、キャンペーンエディタにリダイレクトされます。

キャンペーンをShopifyストアの自然な部分のように見せましょう。これを行うのは簡単です。要素にカーソルを合わせるだけで、編集オプションが表示されます。

ここのように、ポップアップのメインの見出しにカーソルを合わせると、オプションが表示されます。

カスタマイズのヒント：

元の画像を追加する
デザインの一貫性のためにブランドカラーを使用する
CTAボタンに対照的な色を付けて目立たせます
CTAテキストメニューに商品ページまたは商品カテゴリページへのリンクを追加して、訪問者を購入に誘導します

また、ここにヒントがあります。送料無料のしきい値を100ドルに設定してみてください。これは、訪問者が送料無料をトリガーするために費やす必要のある金額です。

全米小売業協会は、顧客の65％が、ショッピングカートに商品を追加する前にしきい値に注意を払うことを提案しています。あなたの閾値は明らかにあなたの商品のコストによって影響されます。

あなたにインスピレーションを与える美しいポップアップの例が欲しいですか？
25見栄えの良いShopifyポップアップの例
メールポップアップのデザイン例+プロのデザインのヒント
20のゴージャスなポップアップデザインの例+ベストプラクティス

ステップ7：ポップアップ表示シナリオを構成する

ポップアップのタイミングは、コンバージョンを最大化する上で決定的な役割を果たします。

この場合、すべての訪問者にShopifyポップアップを表示してもらいます。そのため、ストアをロードするときにキャンペーンを表示したい場合があります。タイミングを設定するには、トリガーに移動します。

表示メニューのタブ。

そこで、 [着陸時]を選択します。

タイミングを設定したら、10秒の遅延を追加しましょう。

これは、ポップアップの表示を10秒遅らせることを意味します。ポップアップの即時表示は一部の訪問者にとってイライラする可能性があるため、遅延により、最初にすばやく見回すことができます。

遅延を追加するには、[トリガー]タブの[タイミング]セクションを見つけます。そこで、[遅延後]をクリックします。

[遅延後]をクリックすると、入力フィールドとドロップボックスが表示されます。

ボックスに「10」を追加し、ドロップダウンメニューの[秒]を選択します（下の画像のように）。完了したら、[ +ルールを追加]をクリックします。

これで、時間遅延が追加され、キャンペーンを作成するタスクはほぼ完了しました。

キャンペーンを保存する時間です。

エディターの右上隅にある[保存]をクリックします。

ポップアップタイミングがコンバージョンに与える影響の詳細：オファーを表示するのに最適な時間を見つける方法。

ステップ8：Shopifyポップアップキャンペーンをアクティブ化する

あなたとライブキャンペーンの間の唯一のステップはアクティベーションです。

今それをしましょう。

ダッシュボードに移動し（左上隅のWisepopsロゴをクリック）、[キャンペーン]タブが表示されていることを確認します。

そこで、トグルスイッチをオンに設定します（以下に示すように、正しい位置）。そうすれば、キャンペーンはライブになります！

Shopifyポップアップの詳細

Wisepopsを使用すると、ほぼすべてのShopifyポップアップキャンペーンを実行して、成長目標を達成できます。つまり、Wisepopsには、変換指向の機能、ゴージャスなポップアップテンプレート、プロのマーケティングのヒントがたくさんあります。

ここから、次のオプションを検討することをお勧めします。

メインメニュー機能を試す
ポップアップの種類と利点について詳しくは、製品ツアーに参加してください
AsphalteのケーススタディとOverstockArtのケーススタディを読んで、企業がWisepopsで毎月何千ものリードを生み出す方法を理解してください

Wisepopsのメインメニューには、ポップアップキャンペーンのカスタマイズがたくさん含まれています。たとえば、[ポップアップ]セクションと[ブロック]セクションを使用すると、さまざまなサイズ、形式、レイアウトのポップアップを作成したり、さまざまなボタンを追加したりできます。

また、私たちのブログは、ポップアップのヒント、サクセスストーリー、およびベストプラクティスのソースです。これらの投稿は、あなたのようなShopifyストアの所有者にとって興味深いものになるはずです。

オプトイン率を高めるための5つのポップアップ戦略
Shopifyで売り上げを伸ばす方法：12のヒントと例
リードと売上を生み出すための15のポップアップのベストプラクティス

最後だが大事なことは -

おめでとう、あなたはそれをしました！

ポップアップキャンペーンで訪問者を変換するShopifyストアのクラブに参加しました。キャンペーンを作成し、オファーを試して、ビジネスを成長させます。

Shopifyにポップアップを追加する方法：概要

Shopifyポップアップは、主要なオンサイトマーケティングおよびリード生成手法になる可能性があります。最初のキャンペーンを作成し、訪問者にさまざまな方法とインセンティブを試して、ビジネスがかつてないほど成長するのを見てください。

試してみると、Shopifyのポップアップで自動操縦で何千ものリードを生成できることがわかります。