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

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

フォーム表示の設定

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

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

ティーザー設定

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

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

スタイル設定

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

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

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

画像設定

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

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

動作設定

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

ポップフォームのスタイルセクションの設定。
設定 説明
デバイス フォームをすべてのデバイスに表示するか、デスクトップデバイスにのみ表示するか、モバイルデバイスにのみ表示するかを選択します。
ページ フォームをすべてのページに表示するか、特定のページにのみ表示するか選択します。
トリガー フォームを1ページ目、2ページ目、または3ページ目に直ちに表示するか、10秒または30秒経ってから表示するかを選択できます。

このセクションでは、[訪問者がページを離れようとしたときにフォームを表示する (デスクトップのみ)] チェックボックスを選択することもできます。このチェックボックスが選択されている場合、訪問者がカーソルをアドレスバーに移動すると、フォームが表示されます。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す