ホーム  /  すべてeコマースshopify  / Poptin を使用して Shopify ストアのポップアップを作成する方法

Poptin を使用して Shopify ストアのポップアップを作成する方法

繁盛する Shopify ストアの構築には、優れた製品だけでは不十分です。電子メール マーケティングは依然として売上を促進し、顧客ロイヤルティを育成するための強力なツールですが、多くの Shopify ストアにとって、電子メール リストとコンバージョンを増やすことは困難な戦いのように感じられる場合があります。 

どうして? 

人々は自分のメールアドレスをただ渡すことを躊躇します。 Shopify ストアは、サインアップを促すための強力なインセンティブ、つまりリードマグネットを提供する必要があります。これは、割引コード、無料でダウンロード可能なガイド、またはセールへの限定早期アクセスなどです。 

また、電子メールのサインアップと引き換えに 5% 割引などの弱いインセンティブを提供しても、最近では多くの購読者を惹きつけていません。

ポップアップでこれを解決するにはどうすればよいでしょうか? 

ポップアップは、特にメールリストやコンバージョンを増やす場合に、Shopify ツールボックスの貴重なツールとなります。 

さまざまな種類のポップアップを使用すると、最も魅力的なオファーを訪問者の目の前で紹介できます。特定の訪問者の行動によってトリガーされるため、オファーをカスタマイズできます。たとえば、初めての訪問者には「ウェルカム割引」を提供するポップアップが表示され、リピーターには新しい製品ラインのポップアップが表示されます。 

また、さまざまな見出し、オファー、デザインの A/B テストにも最適です。これにより、視聴者の心に最も響くものを確認し、サインアップ フォームを継続的に最適化できます。

これらは、次のような非常に多くのメリットとコンバージョンのチャンスを提供します。 

  • カート放棄の回復: 顧客がカートを放棄しようとすると、ポップアップが表示されることがあります。興味を持った商品を思い出させたり、購入を完了するための割引を提案したり、関連するプロモーションを強調したりします。
  • 切迫感と欠乏感を生み出す: ポップアップは緊急性や不足感を生み出し、即時の行動を促すことができます。 
  • ターゲットを絞ったリードマグネット: ポップアップは、限定割引、セールへの早期アクセス、メール サインアップと引き換えにダウンロード可能なガイドなど、価値の高いリード マグネットを紹介するのに最適です。それらは、明確な価値提案で注目を集めるミニ看板だと考えてください。

Shopify ストアにポップアップを追加する

ポップアップの利点を最大限に活用するには、ポップアップを簡単に作成できるポップアップ ビルダーをインストールする必要があります。どれを使用すればよいかわからない場合は、Poptin が最適です。 

インストールプロセス

Shopify App Store にアクセスし、「Poptin」を検索します。アプリを見つけたら、数回クリックするだけでインストールできます。 

Shopify アプリストアの Poptin アプリ

簡単なインストール プロセスが完了すると、Poptin ダッシュボードにリダイレクトされ、ストア用の魅力的なポップアップを作成できるようになります。

また、ワイルドカード*を使用すると、任意の文字にマッチし、XNUMXつのコマンドで複数のファイルを削除することができます。 ここでチェック インストールプロセスの詳細については、「」を参照してください。

それでは、話し合いましょう Shopify で最初のポップアップを作成する.

Poptin を使用してポップアップを作成する

アプリが正常にインストールされると、ダッシュボードにアクセスできるようになります。これは、すべてのポップアップを管理するための中心ハブです。アカウントの管理に使用されるオンボーディングの詳細を入力するように求められます。 

新しいユーザーのオンボーディングの詳細を表示する Poptin ダッシュボード

次に、プランを選択するようにリダイレクトされます。この時点で、以下を含む Poptin の無料プランを簡単に始めることができることに注意することが重要です。 1 つのドメイン、無制限のポップアップ、月あたり 1000 人の訪問者

より広範な機能が必要な場合は、利用可能な有料オプションのいずれかを選択して開始することもできます。

ポプチンの料金プラン

プランを選択すると、ダッシュボードにリダイレクトされ、開始できるさまざまなポップアップ テンプレートが表示されます。 

全画面表示、カウントダウン タイマー、ホイール ポップアップなどのさまざまなポップアップ テンプレートを表示する Poptin のダッシュボード

ポップアップをデザインする:

ダッシュボードに表示されるオプションから任意のテンプレートを選択します。選択肢を参照して、キャンペーンの目的に合ったテンプレートを選択できます。 

スライドイン ポップアップなど、さまざまな種類のポップアップ テンプレートから選択できます。 カウントダウンタイマーのポップアップ、全画面ポップアップ、モバイルポップアップ、 exit-intentポップアップ、ゲーミフィケーション ポップアップ (スクラッチ トゥ ウィン、 スピン・ザ・ホイールのポップアップ)。あるいは、空白のキャンバスで最初から始めることもできます。

ポップアップ エディター内: 

テンプレートを選択するか、空白のキャンバスを選択すると、ポップアップ エディターが表示されます。この例では、ポップアップ テンプレートを選択しました。

Poptin のエディタ内で作成中のポップアップ

ここで、ポップアップのデザインと機能をカスタマイズします。 Poptin のエディターはドラッグ アンド ドロップ要素を備えた使いやすいインターフェイスを提供し、テキスト、画像、ボタン、その他のデザイン要素を追加して理想的なポップアップを作成できます。

ポップアップに追加できるさまざまな要素 (テキスト、画像、図形、クーポン、ボタン、画像、ビデオなど)

見出し、本文、CTAボタン、フォームフィールドなど、ポップアップのテキストコンテンツを編集できます。フォント、色、テキストの配置をカスタマイズして、統一感のあるデザインを実現できます。また、背景色や画像を設定したり、ポップアップにビデオを追加したりすることもできます。関連する画像やビデオを統合すると、ポップアップの視覚的な魅力を高めることができます。独自のメディアをアップロードすることも、ストック ライブラリから選択することもできます。

ポップアップを広範囲にカスタマイズできる高度な設定があります。 

Poptin エディター内に表示されるポップアップ ターゲティング ルール

Poptin のエディターを使用すると、さまざまな方法で外観と操作性をカスタマイズできます。できることは次のとおりです。

  • ブランドに合わせて: カスタムのフォントと色をアップロードして、Shopify ストアのデザインとシームレスに統合するポップアップを作成します。
  • 設計の柔軟性: 背景画像またはビデオを選択するか、単に背景色を設定します。 「Branded by Poptin」ステッカーを剥がすこともでき、よりすっきりとした外観になります。
  • 公開をコントロールする: ポップアップが表示されるタイミングを決定します。誰かが購入した後にそれを表示するか (コンテンツ ゲーティング)、または exit-intent を使用して退出しようとしている訪問者を捕捉するかを選択できます。
  • 注目を集める: さまざまなアニメーションから選択して、ポップアップが画面に出入りする方法を制御します。これは訪問者に永続的な印象を与えるのに役立ちます。
  • アクセシビリティの問題: ポップアップの要素に aria ラベルを追加して、スクリーン リーダーを使用するユーザーのアクセシビリティを向上させます。

ポップアップのデザインに満足したら、次のステップに進むことができます。

ポップアップトリガーの設定

Poptin を使用すると、ストア上のポップアップをいつ、どこに表示するかを詳細に制御できます。ページの読み込み、終了インテント (ユーザーがマウスを動かしてページを離れたとき)、時間遅延 (ページ上で一定時間が経過した後)、ボタンのクリック、スクロールの深さ (ユーザーがどれだけ下にスクロールしたか) などのトリガーを設定できます。 。これにより、訪問者の注意を引く完璧な瞬間を選択できます。

また、Poptin を使用すると、さまざまな基準に基づいて特定のユーザーにポップアップを表示するルールを設定できます。これらの基準には、日付、訪問者が使用するオペレーティング システムとブラウザ、訪問者が最もアクティブな日時、トラフィック ソース (どこから来たのか)、以前に訪問したページ、国、さらには訪問者が操作したことがあるかどうかなどが含まれます。サイト上の他のポップアップ。タイトル タグ、ソース コード、または JavaScript によるターゲティングなどのオプションを使用して、より技術的なことを行うこともできます。

ポップアップトリガー

さらに、Poptin を使用すると、ポップアップを特定のユーザーにターゲットを絞って、さらに良い結果を得ることができます。すべてのページ、特定のページ、特定のデバイス (モバイル、デスクトップなど) 上のユーザーに表示することを選択したり、注文履歴やタグなど、Shopify で事前に定義された顧客カテゴリに基づいてユーザーをターゲットにしたりすることもできます。

Shopify ユーザーにとっての追加特典として、Poptin を使用すると、Shopify の顧客データをさらにターゲットを絞ったポップアップに活用できます。過去の購入やカートに商品があるかどうかなどに基づいて顧客をターゲティングし、関連性の高いオファーを作成できます。

Poptin エディター内のポップアップの Shopify ターゲティング ルール

ポップアップを公開する

トリガーとターゲティング ルールを設定し、満足のいくポップアップをデザインしたら、公開ボタンを押すことができます。ポップアップは Shopify ウェブサイト上で公開されている必要があります。 

Poptin を使用して作成されたポップアップの成功ページ

ポップアップの成功を追跡することを忘れないでください。 Poptin は、インプレッション (ポップアップが表示された回数)、クリック (ユーザーがポップアップを操作した回数)、コンバージョン (何人のユーザーが目的のアクションを完了したかなど) などの主要な指標を監視できる組み込みの分析を提供します。フォームを送信する)。

アップラッピング

Poptin は、コンバージョン率と顧客エンゲージメントの向上を目指す Shopify ストアオーナーにとって貴重な資産となる可能性があることを忘れないでください。テキストや画像からアニメーションや表示条件に至るまで、ポップアップのあらゆる側面をカスタマイズして、ブランド アイデンティティやキャンペーンの目標に完全に一致させることができます。

また、Poptin を使用すると、訪問者が購入を完了せずにストアを離れる兆候を示したときに表示される退出を目的としたポップアップを作成できます。これにより、オンライン ストアの最大の不満の 1 つであるカート放棄が大幅に改善されます。

Idongesit 'Didi' Inuk は、Poptin のコンテンツ マーケティング担当者です。 彼女の原動力は、テクノロジー製品と、それが作られた人々に与える影響についての会話です。