Wixにポップアップを追加する方法:簡単なガイド

公開: 2021-11-30

Wixにポップアップを追加したいですか?

それは素晴らしい決断です。 ポップアップは、リードの生成、販売、およびマーケティングに最適です。 彼らはリードの安定したソースを提供することによってあなたのビジネスの成長を本当に助けることができます。

ここでは、Wixにポップアップを簡単かつ無料で追加する方法を学びます。

さぁ、始めよう!

最初のポップアップを作成する

なぜポップアップをWixに追加するのですか?

Wixポップアップが必要な理由についてまだ少し躊躇していますか? あなたが決定するのを助けるためにあなたに5つの優れた理由を与えましょう:

  • より速いリード生成
  • トラフィックコンバージョンの増加
  • 顧客があなたのウェブサイトをナビゲートするのを手伝ってください
  • 貴重な訪問者のフィードバックを収集する
  • 販売と特別オファーの効果的なプロモーション

ご覧のとおり、ポップアップは用途が広くカスタマイズ可能であるため、さまざまなマーケティングおよび販売の目標を達成するために使用できます。

しかし、ここに問題があります—

Wixポップアップで優れた結果を得るには、いくつかのベストプラクティスを知っている必要があります。 ここにあなたが学ぶことができるいくつかのケーススタディがあります:

  • ポップアップはFaguoに5,000以上のメールをもたらします
  • アスファルトが毎月4,000本のリードを生成する方法
  • このアートビジネスは、ポップアップで収集された3,800の電子メールで販売を急成長させます

それを念頭に置いて、Wixにポップアップを追加する方法を学びましょう。

WixWebサイトにポップアップを追加する方法

これらの簡単な手順に従って、WixWebサイトでポップアップキャンペーンの実行を約1時間で開始します。

ステップ1:Wisepopsアカウントを取得する[無料]

Wix Webサイトにポップアップを追加するには、ポップアップクリエーターが必要です。

このチュートリアルでは、独自のアプリWisepopsを使用します。 シンプルで効果的で、GetAppで4.9つ星の評価(5つ星)を獲得しています。

まず、 Wisepopsのサインアップページにアクセスしてサインアップします。

ここには、Gmail([ Googleサインイン]をクリック)または従来のオプション(名前、メールアドレス、パスワードを追加)の2つのサインアップオプションが表示されます。

続行するには、ご希望の方法を選択してください。

Wisepopsがサインアップ

このチュートリアルでは、従来の方法を選択しました。

ログインの詳細を追加した後、次のウィンドウでWebサイトと会社の詳細を追加します。 無料アカウントを作成するには、利用規約に同意し、[無料試用を開始]をクリックします。

Wisepopsのサインアップ情報

注: Wisepopsアカウントを作成しても、WixWebサイトにポップアップが自動的に追加されるわけではありません。 次にそれを行います。

ステップ2:ポップアップをWixWebサイトに追加する

これで、Wisepopsダッシュボードが表示されます。

Webサイトにポップアップ機能を実際に追加するには、Wix管理パネルにコードを埋め込む必要があります。 これは簡単です。ここで説明します。

Wisepopsダッシュボードの上部にある[セットアップコードを取得]をクリックします。

Wisepopsセットアップコード

クリックすると、このボタンにコードが表示されます(下の画像を参照)。

コードをコピーして、インストール手順に従います。 Wixパネルにログインし、ポップアップが必要なページの最後にコードを貼り付ける必要があります。

WisepopsWixセットアップコード

[ Webサイトに戻る]をクリックし、画面の左上隅にあるWisepopsロゴをクリックしてダッシュボードに戻ります。

Wixに切り替える時間です。

まず、Wixエディターに移動します。

そこで、[詳細設定]セクションの[設定] >[カスタムコード]に移動します。

Wixエディターのセットアップコード

次に、小さなウィンドウにWebサイトのコードが表示されます。

コードを編集するには、右上隅にある[ +カスタムコードを追加]をクリックします。 コードは<body>タグの前に配置する必要があることに注意してください。

Wixカスタムコード
Wisepopsカスタムコード

Wixの詳細な手順:サイトにカスタムコードを埋め込む方法[Wixヘルプセンター]

最初にコードを追加せずにポップアップを作成できるかどうか疑問に思っていますか?

はい!

コードはダッシュボードで常に利用できるので、心配する必要はありません。 気軽にポップアップのデザインの練習を始めてください。


インストールについてサポートが必要ですか?

ヘルプが必要な場合は、ライブチャット(Wisepops内の右下隅)からメッセージを送信してください。 私たちの役立つカスタマーサポートチームが最初にあなたにメッセージを送らない限り
Wisepopsウェルカムメール

ステップ3:最初のポップアップキャンペーンを作成する

それでは、Wisepopsダッシュボードに戻りましょう。ポップアップを作成するときが来ました!

開始するには、[新しいキャンペーン]をクリックします。

ワイズポップは新しいキャンペーンを作成します

Wisepopsは、それを実現するための2つの方法を提供します。キャンペーンアシスタントまたはカスタムキャンペーンを使用する方法です。

ポップアップキャンペーンを初めて作成する場合は、キャンペーンアシスタントの選択を検討してください。 初心者にとっては簡単なオプションなので、このチュートリアルではこれを選択します。

Wisepopsキャンペーンアシスタント

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

ここで、キャンペーンを作成する対象を決定します。

目標はあなたのビジネスの目標に依存します。 たとえば、メーリングリストを作成したり、割引で売り上げを上げたり、顧客を調査したり、顧客サービス関連の通知を共有したりできます。

このキャンペーンでは、[オーディエンスを増やす]を選択しましょう。 これは、訪問者からの電子メールを取得するために、Wixサイトのサブスクライブポップアップを作成することを意味します。

ワイズポップは視聴者を増やします

次に、視聴者を増やす方法を選択します。

次のウィンドウには、電子メールのサインアップを奨励するための多くのオプション(クーポン、景品、スピンツーウィンポップアップ)が表示されます。

ニュースレターを選択して続行します。

Wisepopsニュースレターの目標
あなたのビジネスの聴衆を増やすためのより多くの方法を探求したいですか?

これらのガイドには、Wisepopsが提供する他の方法に関するヒントがあります。
Spin-to-Winポップアップを作成する方法
ポップアップを使用して電子メールサインアップを生成する方法
最高のニュースレター登録フォームを作成するためのガイド

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

ニュースレターをクリックすると、ニュースレターテンプレートギャラリーにリダイレクトされます。 そこで、将来のポップアップがどのようになるかを選択できます。

このキャンペーンでは、2番目のテンプレートを選択しましょう。 これがあなたのウェブサイト上のこのテンプレートのプレビューです(あなたはログインしてあなたのアカウントにウェブサイトを追加している必要があります)。

Wisepopsニュースレターオプション

また、Webサイト上の任意のテンプレートをプレビューできます。テンプレートにカーソルを合わせると表示されるプレビューボタンをクリックするだけです。

テンプレートを決めるのに問題がありますか?

問題ない!

選択したテンプレートは、いつでもWebサイトでプレビューできます。

ポップアッププレビューツールにアクセスして、Webサイトに表示するテンプレートを選択するだけです。

(注:これはどのキャンペーンにも影響しません!)
Wisepopsポップアッププレビューツール

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

これで、キャンペーンエディタに到着しました。

ブランドを反映するようにWixポップアップウィンドウのカスタマイズを始めましょう。 簡単です。要素にカーソルを合わせるだけで、編集可能なボタンが表示されます。

たとえば、見出しにカーソルを合わせると、この[編集]ボタンが表示されます。

Wisepopsポップアップビルダー

キャンペーンをカスタマイズするには、次の要素を変更します。

  • 画像
  • カラースキーム
  • CTAボタンのテキスト
  • メインテキスト(見出しと説明)

デザイン(Wixポップアップテキスト、画像、色を含む)の経験則は、Webサイトの色とフォントを反映させることです。 この戦略は、自然な部分のように感じるポップアップを作成するのに役立ちます。

最初のポップアップをデザインするためのインスピレーションはどうですか? これらをチェックしてください:

40のすばらしいメールポップアップの例
20ゴージャスなポップアップデザインの例
20デザインのヒントを含むExitIntentポップアップの例

ステップ7:キャンペーンを表示するタイミングを選択する

ポップアップのタイミングは、コンバージョンに大きな影響を与える可能性があります。

ポップアップキャンペーンを表示できます。

  • 着陸時(訪問者がページを開いたとき)
  • 時限(ページの特定の時間の後に表示)
  • 終了意図(訪問者が終了しようとしたときに表示されます)
  • スクロール時(訪問者がページの特定の割合に達したとき)

ポップアップタイミングを設定するには—

[メインメニューの表示]オプションの[トリガー]セクションに移動します。

キャンペーンの[終了時]オプションを選択しましょう。 クライアントは、出口を意図したキャンペーンが従来のポップアップを5%上回っていると報告しています。

Wisepopsは表示シナリオを終了します

終了インテントポップアップについて詳しく知りたいですか?

高性能のExitIntentポップアップを作成する方法に関するこのガイドは役立つはずです。

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

ポップアップキャンペーンが公開されるまであと1ステップです。

そして、それは単純なものです。

キャンペーンを保存し([保存]ボタンは常にキャンペーンエディターの左上隅にあります)、[キャンペーン]をクリックしてダッシュボードに移動します。

そこで、トグルスイッチをオン(図のように正しい位置)に設定して、キャンペーンをアクティブにします。

Wixキャンペーンのアクティベーション

キャンペーンが実施されていることを示す通知が表示されます。

Wixキャンペーンが有効

これで、最初のWixポップアップキャンペーンを作成してアクティブにしました。

素晴らしい!

次は何ですか?

キャンペーンのパフォーマンスを監視します。

リード管理を容易にするために電子メールプロバイダーを接続します。

さまざまなマーケティング戦術を試すために、より多くのポップアップキャンペーンを作成してテストします。

これらは、Wixポップアップからより多くの価値を引き出すための次のステップになる可能性があります。 それをやりたいと思ったら、これらのリソースをチェックして、より多くのトリックを学んでください。

  • ブラックフライデーポップアップマーケティング戦略
  • 今すぐポップアップを試すための5つの分割テスト
  • 電子メールのサインアップを急増させるのに役立つ6つのポップアップA/Bテスト

ヘルプセンター製品ツアーも役立つはずです。

Wix Webサイトのポップアップキャンペーンで頑張ってください!