このページで学べること

各フォームタイプとフォーム ティーザーで利用できる閉じるオプションや、閉じるアイコンのスタイル設定方法など、サインアップフォームの閉じる設定について確認します。

ショップ訪問者がサインアップフォームを簡単に閉じられるようにするのは直感に反するように思えるかもしれませんが、フォームを閉じようとしてイライラしたショップ訪問者は、サイトの閲覧を続けてくれる可能性が低くなります。フォームを閉じるときであっても良い体験を提供すると、好意を築けるため、後日訪問者が購読する可能性が高まります。

始める前に

サインアップフォームの閉じる設定では、次の操作を行えます:

  • サインアップフォームとフォーム ティーザーの閉じるアイコンのスタイルをカスタマイズする
  • ポップアップフォームの閉じる動作を制御します
  • モバイル デバイスでフライアウト フォームを閉じる動作を制御します

フォームの閉じるアイコンのスタイル設定

すべてのポップアップ、フライアウト、およびフルページフォームには、デフォルトでフォームの右上隅に閉じるアイコン(X ボタン)があります。

埋め込みフォームはサイト上の特定のページに埋め込まれるため、閉じるアイコンがありません。

サインアップフォームの閉じるアイコンのスタイルをカスタマイズするには:

  1. フォームのエディタを開きます。
  2. プレビューでフォームの [X] ボタンをクリックします。
  3. 左側に、[閉じるアイコン] の設定が表示され、編集できます(例:サイズ、色、太さ、背景色、枠線の色、ブロックのパディング)。
    • たとえば、背景や枠線のないシンプルな X を作成するには、背景色と枠線の色を透明に設定します。
The settings menu for a close icon where you can edit it's style options.
The settings menu for a close icon where you can edit it's style options.

選択したデザイン設定は、フォームのデスクトップ版とモバイル版の両方に適用されます(フォームが両方のデバイスで表示されるように設定されている場合)。右上にあるデスクトップ/モバイルのビューセレクターを使用して、モバイルでのフォームの閉じるアイコンをプレビューします。

The form editor for an example form with an arrow pointing to the desktop and mobile toggle.
The form editor for an example form with an arrow pointing to the desktop and mobile toggle.

サインアップフォームにティーザーがある場合、ティーザーに閉じるボタンを表示するかどうかを選択できます。デフォルトでは、ティーザーに閉じるアイコンは含まれません。追加するには、メニューバーで [ティーザー] をクリックし、Behavior まで下にスクロールしてから、Show close button をオンに切り替えます。

The Show close button toggle in the targeting and behavior settings for a form teaser.
The Show close button toggle in the targeting and behavior settings for a form teaser.

非表示設定と動作

ポップアップフォームを作成している場合、却下設定を有効にするオプションがあります。閉じる設定では、サイト訪問者がサインアップフォーム領域の外側をクリックしてポップアップを閉じられるようにするか、フォームを閉じるために X ボタンをクリックする必要があるかを選択できます。

閉じる設定はポップアップフォームでのみ利用できます。フルページフォームとフライアウトフォームにはこの機能がありません。

非表示設定を見つけるには、[ターゲティング & 行動] に移動し、下にスクロールして Dismissal を探します。

The dismissal setting for a popup form with the desktop setting switched on and the mobile setting switched off.
The dismissal setting for a popup form with the desktop setting switched on and the mobile setting switched off.
  • この設定をオンにすると(デフォルト)、フォームの外側をクリックするとフォームが閉じ、訪問者はフォームに戻れなくなります。
  • オフに切り替えると、訪問者はフォームを閉じるためにフォームの閉じるアイコンをクリックする必要があり、フォーム領域外のクリックは無視されます。

閉じる設定はデバイス別です。フォーム領域の外側をクリックしたときにフォームを閉じるかどうかを、デスクトップ、モバイル、両方、どちらでもない、から選択できます。

どちらの場合でも、Targeting & Behavior > Display Frequency > Show again X days after closing の設定に基づいて、フォームを再表示するタイミングを引き続き制御できます。

The display frequency in the targeting and behavior tab set to show again 5 days after closing.
The display frequency in the targeting and behavior tab set to show again 5 days after closing.

モバイル サインアップフォームの閉じるオプション

モバイルデバイスの購入者専用のフォームがある場合、またはモバイルデバイスのサイト訪問者がフォームを閉じやすいようにしたい場合は、フライアウトフォームを使用してください。

  1. スタイル で、フォームの種類として フライアウト を選択します。
  2. 「モバイル フライアウトの位置」メニューが下に表示されます。次のいずれかのオプションに設定します:
    • フォームを閉じるために、訪問者が下にスワイプできるようにするには、[上部に固定] を選択します。
    • 訪問者が上にスワイプしてフォームを閉じられるようにするには、Dock to bottom を選択します。

次の手順

フォームを簡単に閉じられるようになったので、フォーム分析に移動して主要なメトリックを確認し、フォームのパフォーマンスについて詳しく把握してください。

その他のリソース

この記事は役に立ちましたか?
この記事へのフィードバックには、このフォームのみを使用してください。 サポートへの連絡方法.

Klaviyo の詳細を見る

コミュニティ
同業者、パートナー、Klaviyo のエキスパートとつながり、インスピレーションを得たり、インサイトを共有したり、あらゆる質問への回答を得たりできます。
パートナー
特定のタスクのサポートや継続的なマーケティング管理のために、Klaviyo 認定エキスパートを雇いましょう。
サポート

アカウントからサポートにアクセスしてください。

メールサポート (無料トライアルと有料アカウント) 24 時間 365 日利用可能

チャット/バーチャル アシスタント
利用可否は地域およびプランタイプによって異なります