ポップアップフォームの設定

以下の設定をすることにより、ポップアップフォームの表示形式と動作を指定できます。これらの設定は、ポップアップフォームとインラインフォームの両方に適用される設定とともに、フォームの作成時に行うことができます。

フォーム表示の設定

[フォーム表示] 設定によって、ストアでフォームがどのように表示されるかが決まります。

ポップアップフォームのフォーム表示セクションの設定。
設定	説明
フロート	ティーザーとフォームを、ストアフロントに表示されるフローティングセクションとして表示し、ストア上でのフォームの位置を選択します。
オーバーレイ	ページ中央にフォームを表示し、残りのストアフロントにオーバーレイの色を適用します。

[ティーザー] 設定によって、フォームのティーザーがいつ表示されるかが決まります。ティーザーセクションは、ストアで表示される小さなポップアップです。お客様がティーザーをクリックすると、フォームが開きます。

ポップアップフォームのティーザーセクションの設定。
設定	説明
表示する	どのタイミングでお客様にティーザーセクションを表示するか決定します。最初 (フォームの前)：フォームの前にティーザーセクションを表示します。最初 (フォームの前) と、お客様がフォームを閉じた場合：フォームの前と、お客様がフォームを閉じた場合に、ティーザーセクションを表示します。お客様が登録せずにフォームを閉じた場合：お客様がフォームの入力を終えずに閉じた場合に、ティーザーセクションを表示します。なし：すべてのお客様に対してティーザーセクションを非表示にします。お客様が入力を終えずにフォームを閉じた場合、そのフォームには再度アクセスできません。
ストアでの位置	ストアのどこにティーザーを表示するか決定します。(回転) 表示オプションでは、ティザーセクションが横向きに表示されます。
Title	ティーザーセクションに表示されるテキスト。

[スタイル] 設定によって、フォームの外観が決まります。組み合わせが効果的ではない色、コントラストが不十分な色、読みにくい色を選択すると、警告が表示されます。

Formsエディタの [ブランドの色] セクションでは、カラーピッカーを使用してブランドの色として追加した色を見つけて選択できます。

ポップフォームのスタイルセクションの設定。
設定	説明
色	フォームの背景の色、テキストの色、有効なフィールドの色、ボタンのラベルの色、エラーメッセージの色を、ブランドとテーマに合わせて変更します。
フォームフィールド	白または透明を選択します。
タイポグラフィー	タイトルと本文のテキストに使用するフォントを選択します。

[画像] 設定によって、画像がフォームに表示されるかどうかが決まり、画像の配置と外観に影響が及びます。

ポップアップフォームの画像セクションの設定。
設定	説明
画像のオプション	フォーム上で画像が表示される場所。
画像	このフィールドは、[背景画像]、[左に画像]、または [右に画像] を選択した場合に表示されます。[画像を追加] をクリックして、デバイスから画像をアップロードします。
拡大・縮小	このフィールドは、フォームに画像を追加する場合に表示されます。画像の表示方法を選択できます。
画像の不透明率	このフィールドは、[背景画像] を選択した場合に表示されます。画像の不透明率を選択するには、スライダーを使用します。100の場合、アップロードした画像だけが表示されます。不透明率を低くすると、[色] セクションの背景色を使って画像の濃淡が設定されます。

[行動] 設定によって、フォームがいつ、どこで表示されるのかが決まります。

ポップフォームのスタイルセクションの設定。
設定	説明
デバイス	フォームをすべてのデバイスに表示するか、デスクトップデバイスにのみ表示するか、モバイルデバイスにのみ表示するかを選択します。
ページ	フォームをすべてのページに表示するか、特定のページタイプにのみ表示するか選択します。たとえば、[コレクション] ページまたは [商品] ページにのみフォームを表示することができます。
トリガー	フォームを1ページ目、2ページ目、または3ページ目に直ちに表示するか、少し経過してから表示するかを選択できます。このセクションでは、[訪問者がページを離れようとしたときにフォームを表示する (デスクトップのみ)] を確認することもできます。このチェックボックスが選択されている場合、訪問者がカーソルをアドレスバーに移動すると、フォームが表示されます。