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

以下の設定では、ポップアップフォームの外観と動作を決定します。これらの設定は、フォームを作成する際に、ポップアップフォームとインラインフォームの両方に適用される設定と合わせて設定できます。

このページの内容

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

ポップアップフォームのフォーム表示セクションの設定。
設定	説明
フローティング	ストアフロントにフローティングセクションとしてティーザーとフォームを表示し、ストア上でのフォームの位置を選択できます。
オーバーレイ	ページの真ん中にフォームを表示し、ストアフロントの残りの部分には [オーバーレイカラー] が適用されます。

[ティーザー] の設定では、フォームのティーザーが表示されるタイミングを決定します。ティーザーセクションは、ストアに表示される小さなポップアップです。お客様がティーザーをクリックすると、フォームが開きます。

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

スタイル設定では、フォームの外観を決定します。相性の悪い色、コントラストが不十分な色、読みにくい可能性のある色を選択した場合、警告が表示されます。

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

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

画像設定では、フォームに画像を表示するかどうか、また、その画像の配置と外観を決定します。

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

動作設定では、フォームをいつ、どこに表示するかを決定します。

ポップアップフォームの動作セクションの設定です。
設定	説明
デバイス	フォームをすべてのデバイスに表示するか、デスクトップデバイスのみに表示するか、モバイルデバイスのみに表示するかを選択します。
ページ	フォームをすべてのページに表示するか、特定のページタイプのみに表示するかを選択します。たとえば、Collection ページまたは Product ページにのみフォームを表示できます。
トリガー	フォームを1、2、または3回目のページビュー時に、すぐに、または遅延させて表示するように選択できます。このセクションでは、[訪問者がページを離れようとしたときにフォームを表示する (デスクトップのみ)] にチェックを入れることもできます。このチェックボックスがオンになっている場合、訪問者がカーソルをアドレスバーの方向に移動させるとフォームが表示されます。