メールフィールド要素

メールフィールド要素について

電子メール フィールド要素は、ユーザーの有効な電子メール アドレスを収集するために設計されたフォーム フィールドです。

なぜ顧客のメールを収集するのですか?

• より多くの潜在顧客にリーチするために、ストアから直接メール リストを拡大します。
• フォローアップの電子メール マーケティングを通じて、より強力な顧客関係を構築します。
• 収集したメールをプロモーション、製品の更新、放棄されたカートの回復に使用します。

メール フィールド要素を使用するには、連絡先/ニュースレター フォームにドラッグ アンド ドロップします。次の記事を参照してください。 お問い合わせフォームの作成方法 より良い理解のために。

設定タブを構成する

下 設定タブ、次のセクションを調整できます。

文字スタイル

フィールド内に表示されるプレースホルダー テキストを定義します。 

• プレースホルダー: どのような種類の入力が期待されるかをユーザーに案内します。例：「あなたのメールアドレスを入力"。
• スタイル: テキストスタイルを選択します 見出し1-6 or 段落1-3 グローバルスタイルとして。 
• フォント: ブランド アイデンティティに合ったフォント スタイルを選択します。
• サイズ: テキストが目立つようにフォント サイズを調整します。
• フォントの太さ: テキストの太さや細さを制御します。
• 行の高さ: 読みやすくするために行間のスペースを調整します。
• 文字間隔: 文字間のスペースを変更して、よりモダンまたはコンパクトな外観を作成します。
• 変換： テキストを大文字、小文字に変換するか、各単語の最初の文字を大文字にします。

サイズ

フォームのデザインに合わせて、電子メール フィールド要素のサイズを調整します。 

• 幅（Width）メールフィールドの幅をカスタマイズできます。フォームレイアウトにぴったり収まるように設定することも、読みやすさを重視して幅を大きくすることもできます。
• パディング: ボタン内の内部間隔を定義します。

• Status 必須 = はいの場合、不完全な送信を防ぐため、メールアドレスの入力が必須となります。それ以外の場合、ユーザーはこのフィールドをスキップしてフォームを送信できます。
• クライアントで非表示: 設定する はい ライブページでユーザーにフィールドを表示したくない場合。これは、社内でのみ必要なフィールドや、後で使用する予定のフィールドに便利です。

整列

テキストエリアを 左, センターまたは 右ただし、幅を100%以上に設定した場合、水平方向の配置は無効になります。

詳細タブを設定する

より高度なカスタマイズについては、 詳細設定タブ の指示に従います。 この記事.

メールフィールド要素に関するよくある質問

1. ニュースレター用のメールを収集するためにメールフィールドを使用できますか?

はい。メールフィールドは、ニュースレターやお問い合わせフォームで確実にメールアドレスを収集できるように設計されています。フォームに追加し、「必須」に設定するだけで、有効なメールアドレスを取得できます。

2. メール収集のパフォーマンスを向上させるにはどうすればよいですか?

明確なプレースホルダーテキスト（例：「メールアドレスを入力してください」）を使用し、フィールドを「必須」と入力し、フォームをスクロールせずに見える部分やブログ記事の最後などの目立つ場所に配置すると、送信数を最大限に増やすことができます。

3. メールフィールドはメールマーケティングアプリと統合されますか?

はい。GemPages統合を通じて、メールフィールドをKlaviyoなどのサードパーティアプリに接続できるため、キャンペーン用に収集したメールを簡単に同期できます。

4. ページに電子メール登録コンテンツ ブロックを追加するにはどうすればよいですか?

メール登録ブロックを作成するには、 ニュースレターフォーム 要素をページに挿入し、 メール欄 その中にあります。この設定はメール登録コンテンツブロックとして機能し、顧客がストアの更新情報やプロモーションを購読できるようにします。

5. メールフィールドのテキストの色を変更するにはどうすればよいですか?

• 識別してコピーする class テンプレートからメール フィールド要素を取得します。

• 次のカスタムCSSを追加して、 .gXqhVdGkms 要素の実際のクラスに置き換えてください。 黒 お好みの色で:

.gXqhVdGkms 入力 { 色: 黒; }