Wixポップアップフォームの作成方法

Wixサイトにこれまで多くの労力を注いできた方にとって、安定したトラフィックはその努力が実を結んでいる良い兆候です。しかし、トラフィックが意味を持つのは訪問者が行動を起こした場合に限られ、標準的なお問い合わせフォームや登録フォームは見過ごされやすいものです。訪問者が入力せずに離脱してしまうと、彼らとつながりを保つ手段がなくなってしまいます。

ポップアップフォームは、適切なタイミングで表示されることで、より多くのニュースレター登録やお問い合わせ、特別オファーのリードを獲得するのに役立ちます。これにより、サイト全体を作り直すことなく、受け身の訪問者を見込み客へと変えることができます。

設定方法がわからない場合でも、本ガイドではWix標準の方法（これは物足りない傾向があります）を解説し、よりポップアップに適した選択肢を提供するJotformを使ったより優れた解決策をご紹介します。

Wix標準ツールを使ってWixポップアップフォームを作成する方法

Wixに組み込まれているライトボックス機能を使えば、追加のインストールなしでサイトにポップアップフォームを追加できます。

Wixポップアップフォームを設定するには、次の手順に従ってください。

1. Wixエディタで、画面左側の＋追加をクリックし、要素をクリックします。これにより、ページに配置するものを選択できるパネルが開きます。

2. ホームアイコンにマウスを合わせ、下にスクロールしてポップアップをクリックします。要素の検索バーに「popup」と入力することもできます。Wixが既製のテンプレート一式を開くので、1つを選んでクリックまたはドラッグしてサイトに追加します。

3. ポップアップの目的に合ったテンプレートのレイアウトを選びます。購読レイアウトはニュースレター登録に適しており、お問い合わせは問い合わせ用、プロモーションは特別オファー向けです。

4. デザイン中のWebページ上部にあるデザイン要素を使って、背景とオーバーレイを調整し、ブランディングに合わせてポップアップを配置します。設定をクリックすると、ポップアップをいつどこに表示するかを決められます。これには、ページ読み込み後の遅延表示も含められます。

5. 多くのテンプレートにはすでにフォームが含まれています。独自のフォームを追加するには、要素を追加パネルからフォーム要素（フォームと連絡先の下）をドラッグします。ポップアップの上に重なっている状態でドラッグ＆ドロップすると、フォームがポップアップに固定されたままになります。

6. （ポップアップの上に）フォームを追加した場合は、そのフォームをクリックし、上部のフォームを編集を選択してフィールドを追加または削除します。エディタ内で上部の設定をクリックすると、訪問者がフォームを送信した後に表示されるサンクスメッセージを記述できます。右上の保存ボタンをクリックしてフォームに加えた変更を保存し、右上のXをクリックしてフォームエディタを終了します。

7. 公開をクリックし、公開中のサイトを開いてポップアップを確認します。自動的に開くポップアップはプレビューではなく公開済みのサイトでのみ表示されるため、デスクトップとモバイルの両方のWebページでテストし、タイミングとレイアウトがどの環境でも正しく機能することを必ず確認してください。

Wix標準のポップアップフォーム設定における5つの制限

Wixのポップアップツールは十分な機能を備えており、シンプルな登録フォームやお問い合わせフォームであれば基本的な部分をしっかりカバーできます。しかし、Wixを使ってライトボックスフォームを利用する場合、特に特定の結果を念頭に置いているなら、この設定がどこで物足りなくなるかを知っておくと役立ちます。

ブランディングに合わせられる、特定の訪問者の操作に応じて開く、または同じページ上で他のポップアップと並行して動作するポップアップフォームが欲しい場合は、名前やメールアドレスを収集するだけでなく、もっと多くのことができる別の解決策が必要になるかもしれません。

Wixで作成を始める前に、心に留めておくべきいくつかの制約を以下に挙げます。

• ポップアップとフォームは、単一の統合されたツールではない：Wixでは、ポップアップのトリガーと閉じる動作を1つのパネルで設定し、フォームのフィールドと送信設定を別のパネルで設定します。機能はしますが、これは1つではなく2系統の設定を管理することを意味します。
• ポップアップの動作制御が限られている：Wixでは1ページにつき自動的に開くポップアップは1つしか許可されていません。ポップアップには独自の共有可能なURLがなく、遅延タイマーもすべてのテンプレートで利用できるわけではありません。これらの制限は、1ページに複数の自動ポップアップを計画している場合や、ポップアップに直接リンクしたい場合に問題となります。
• スタイリングの柔軟性が限られている：色、背景、フォント、レイアウトは調整できますが、あくまでポップアップテンプレートとWixのデザインシステムの範囲内での作業となります。非常に特定のブランドらしい見た目を求める場合、その構造は窮屈に感じられることがあります。
• 高度な動作にはVeloが必要になることが多い：デフォルトの設定では、一般的なトリガーと閉じるオプションに対応できます。特定の訪問者の操作に反応するポップアップなど、よりカスタマイズされたものが欲しい場合は、回避策が必要になることがあります。Wixの開発者向けプラットフォームであるVeloを使うこともできますが、これはある程度のコーディングの知識を前提としています。
• 自動的に開くポップアップをエディタでプレビューできない：Wixは自動ポップアップを公開済みのサイトでのみ表示し、エディタのプレビューでは表示しません。自動的に開くポップアップのタイミング、レイアウト、トリガーを確認するには、まず公開してから公開中のサイトで確認する必要があり、変更をテストするたびに手順が1つ増えてしまいます。

シンプルなリードフォームやニュースレターのポップアップフォームであれば、Wix標準の設定でも役割を果たします。しかし、フォームそのものや、ポップアップの動作、あるいは全体的な体験の見た目をより細かく制御したい場合は、より柔軟な選択肢を検討する価値があります。

WixサイトにJotformのポップアップフォームを追加する方法

標準の設定で可能な範囲よりも高い柔軟性が欲しい場合、Jotformでポップアップフォームを作成すれば、より多くの埋め込みオプション、より高いカスタマイズ性、そして洗練されたフォームへのより速い道筋が得られます。しかもすべてコーディング不要です。 

Jotformは単一のインラインフォームに縛られることなく、複数の埋め込みスタイルに対応しているため、訪問者に提供したい形式や体験を試すことができます。たとえば、誰かがリンクやボタンをクリックしたときに別ウィンドウでフォームを開くポップアップや、ページ上にフォームを重ねて表示するライトボックスをデザインできます。

以下では、Jotformでポップアップフォームを作成する方法、またはライトボックスフォームを自動的にポップアップ表示する方法を解説し、それらをWixサイトに追加する手順をご紹介します。 

1. まずはゼロからフォームを作成するか、Jotformの2万点以上の無料フォームテンプレートの中から1つを選びましょう。たとえばリード獲得フォームテンプレートや、数多くあるニュースレター登録テンプレートの1つなどです。テンプレートはドラッグ＆ドロップ式のフォームビルダーで編集可能な状態で開くため、一般的なフィールドを手動で設定する手間を省けます。

2. フィールドを追加、削除、または並べ替え、テーマ、色、フォントをブランドに合わせて調整します。条件分岐ロジックもここで設定できるため、訪問者の選択に応じてフィールドを表示または非表示にでき、フォームを簡潔で関連性の高いものに保てます。
3. フォームの準備ができたら、フォームビルダー上部の公開タブをクリックし、左側のパネルで埋め込みを選択します。

4. リンクやボタンから別ウィンドウでフォームを開くポップアップ、またはページ上にフォームを重ねて表示しページ読み込み後に自動的に開くライトボックスを選びます。

5. Jotformがコードを生成してくれます。緑色のコードをコピーボタンをクリックするか、まずプレビューを押してポップアップの動作を確認しましょう。

5. Wixエディタで、埋め込みコード要素を追加します（要素を追加から埋め込みとSNSを選択し、次に埋め込みコードを選びます）。その後、JotformのコードをHTMLボックスに貼り付けてサイトを公開します。なお、スクリプトベースのポップアップリンクは、カスタムスクリプトを除去するビルダーでは常に動作するとは限らないため、公開中のサイトで確認し、ポップアップが表示されない場合はライトボックス埋め込みを使用してください。

フォームビルダーを使わずに済ませたい場合は、Jotformのポップアップメーカーが1ページからポップアップフォームを生成します。いずれの方法でも、Wixの基本的な標準設定よりも洗練された、柔軟なポップアップが完成します。

Jotformでより優れたポップアップフォームを作成しよう

Wixのポップアップフォームはシンプルな登録フォームやお問い合わせフォームには十分に機能しますが、デザイン、フォーム、そしてフォームの動作を完全に制御したい場合は、Jotformの方が高い柔軟性を提供します。ノーコードのビルダー、条件分岐ロジック、洗練されたテンプレート、そして複数のフォーム埋め込み方法が利用できるため、単一のツールに制限されることなく、思い描いた体験に合ったポップアップを実現できます。その結果、アドオンではなく、サイトの一部のように感じられるポップアップが完成します。

出発点としてJotformのWixフォームを見てみるか、Jotformに無料で登録して、数分で公開可能なポップアップを手に入れましょう。