フォームティーザーの追加方法
このページで学べること
ポップアップまたはフライアウトのサインアップフォームにティーザーを追加する方法を確認しましょう。ティーザーは小さなウィジェットで、訪問者はクリックしてフォームを閉じたり、必要に応じて再度開いたりできます。
ティーザーは、ポップアップ、フライアウトフォーム、フルページフォームで使用できます。ティーザーは埋め込みフォームでは使用できません。
ポップアップ、フライアウト、またはフルページのサインアップフォームにティーザーを追加します
フォームにティーザーを追加するには、サインアップフォーム タブに移動し、既存のフォームを開くか、新規作成 します。フォーム エディターで (+) ティーザー をクリックしてください。

ティーザー スタイルを選択します
スタイルで、3 種類のティーザー形状のいずれかを選択します。
- 長方形
タブ形式のティーザーには長方形の図形を使用します。 - 円
バブルスタイルのティーザーには円形を使用します - コーナー
サイトの隅に配置するティーザーには、コーナー形状を使用します。
サイトのいずれの側面または角にもティーザーを配置できます。ティーザーのサイズは、さまざまなデバイス向けに最適化されています。ティーザーの配置が、サイト上の他のポップアップ要素やティーザー形式の要素と競合しないことを確認するために、デスクトップとモバイルのプレビューを必ず確認してください。

ここでは、ドロップダウンを使用してフォームティーザーの サイズ(例:小、中、大、カスタム)を選択することもできます。
長方形スタイルを選択した場合、モバイルではサイズが変わらない点にご注意ください。長方形フォーム ティーザーは、モバイルでは自動的に最適化され、中央寄せでより幅広く表示されるため、タップしやすくなります。
ティーザーのコンテンツを編集する
コンテンツの下で、ティーザー内のテキストとテキスト スタイルを追加または編集します。最低でも、ティーザーにはフォームのオファーの内容がわかるヒントを含める必要があります。最大限の効果を得るために、ティーザーは短く保ちます。次のティーザー テキスト例を参考にしてください:
- 15% オフ
- ギフトを引き換える
- 🎁
- プレゼント企画に参加
- 送料無料 ➡️
ティーザーテキストに特定のオファーを記載する場合は、フォームの送信完了メッセージで、またはウェルカムシリーズを使用して、そのオファーを購読者に必ず提供してください。
ここでは、ティーザーのデザイン(例:Background Color、Color Radius、Drop Shadow、Background Image,、Block Styles)も編集できます。

ティーザーの動作を設定する
ティーザーの表示タイミングを決めるには、次のオプションから 1 つ選択してください。
- フォームが閉じた後
フォームが閉じた後に表示されるよう設定されたティーザーは、訪問者がフォームを閉じた場合にフォームを再度開けるようにしますが、フォームがポップアップ表示される前には表示されません。ティーザーは、訪問者がフォームの主要なコンバージョン アクションを完了するまで、すべてのページに表示され続けます。 - フォームを表示する前
フォームを表示する前に表示するよう設定されたティーザーは、ページ読み込みの 2 秒後に表示されます。訪問者がクリックするまで、またはフォームの表示条件(例:待機やスクロール率)が満たされるまで表示されます。
フォームがページ読み込み時にすぐ表示されるように設定されている場合、または待機時間が 2 秒未満の場合は、ティーザーがスキップされる点にご注意ください。
- フォームを表示する前、およびフォームを閉じた後
この設定のティーザーは、ページの読み込み後 2 秒で表示され、フォームが現在開いている場合、または訪問者が主要なコンバージョンアクションを完了した場合を除き、表示され続けます。
Klaviyo アカウントで 競合防止設定 が有効になっている場合、同じセッション内で別のフォームを表示することになるため、フォームのティーザーはサイトに表示されません。競合設定の待機を調整して、ティーザーを表示させることができます。例えば、競合防止設定が 5 分後に次のフォームを表示するように設定されている場合、ティーザーは 5 分後に表示されます。
上記のルールに加えて、ティーザーはフォームの ターゲティングと動作のセクションにある フォームのターゲティング設定を満たす 訪問者にのみ表示されます。例えば、フォームを表示する前に表示するよう設定されたティーザーは、フォームのターゲティング条件(リスト/セグメントへの登録、場所、URL)を満たす訪問者にのみ表示されます。そのフォームの残りのトリガー(例:離脱意図、スクロール量、または待機)の条件が満たされると、ティーザーは閉じ、フォームが表示されます。

ティーザーに閉じるボタンを追加する
フォームティーザーに閉じるボタン(X ボタン)を追加して、フォームのコンテンツに関心がない場合にショッパーがティーザーを閉じられるようにすることができます。
デフォルトでは、ティーザーに閉じるアイコンは含まれません。[動作] の下で、1 つ追加するには 閉じるボタンを表示 スイッチをオンに切り替えます。
購入者が X をクリックしてティーザーを閉じた場合、接続されているサインアップフォームと同じ表示頻度のルールに従うことに注意してください。たとえば、購入者がフォームとそのティーザーの両方を閉じ、フォームが「誰かが閉じてから 5 日後に再表示」に設定されている場合、フォームとティーザーの両方がその動作設定に従い、5 日後に再表示されます。
フォームのティーザーと主要なコンバージョンアクション
マルチステップフォームにティーザーが追加され、フォームが閉じられた後に表示されるよう設定されている場合、訪問者がフォームの主要なコンバージョンアクションを完了するまで表示されます。
- メールまたは SMS の購読アクションがあるフォームでは、メールアドレスまたは電話番号を送信すると、主要なコンバージョンアクションとしてカウントされます。
- 複数のステップにわたってメールフィールドと SMS フィールドの両方を含むフォームの場合、フォーム内で先に表示される方を送信すると、主要なコンバージョンアクションとしてカウントされます。
主要なコンバージョンステップ(つまり、複数ステップフォームのメールステップ)が送信された場合、2番目のステップ(つまり、SMS ステップ)を辞退しても、ティーザーは自動的には消えないことに注意してください。代わりに、フォームティーザーを表示しないようにするには、ページを更新するか、新しいページに移動する必要があります。
- メールまたは SMS の購読アクションがないフォーム(例:「URL に移動」アクションがあるフラッシュセールのポップアップ)では、「URL に移動」ボタンをクリックすると主要なコンバージョンアクションとしてカウントされます。
複数ステップのフォームで主要なコンバージョン アクションが完了していない場合、同じブラウジング セッション内でフォームのティーザーをクリックすると、フォームは未完了の最後のステップで再度開きます。
ティーザーを削除
フォームのティーザーを削除するには、ティーザーボタンの 3 つのドットをクリックし、次に [削除] をクリックします。これにより、すべてのティーザー設定が削除されます。後で同じフォームにティーザーを再追加すると、ティーザーのデフォルトにリセットされます。
