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

メモ

ポップアップフォームをストアに表示するには、Formsテーマアプリの埋め込みをテーマにインストールする必要があります。

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

フォーム表示の設定

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

ポップアップフォームのフォーム表示セクションの設定。

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

ティーザー設定

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

ポップアップフォームのティーザーセクションの設定。

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

スタイル設定

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

Formsアプリの [ブランドの色] セクションでは、ブランドの色として追加した色を見つけて選択できます。

ポップフォームのスタイルセクションの設定。

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

画像設定

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

ポップアップフォームの画像セクションの設定。

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

動作設定

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

ポップフォームのスタイルセクションの設定。

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