AI要約
メール通知を目立たせ、ブランドに合わせたいですか？WPFormsを使用すると、プロフェッショナルに見え、受信者を魅了するカスタムメール通知を作成およびスタイル設定することが簡単にできます。
WPForms LiteまたはProのいずれを使用している場合でも、メールテンプレートを活用して、ユニークでブランドに合ったメールデザインを作成できます。WPFormsのメール通知をカスタムスタイルする方法を見ていきましょう！
WPFormsのメール通知をカスタムスタイルする方法
WPFormsを入手
WPFormsは、WordPressのプラグインで、フォーム作成の手間を省く、人気があり直感的なプラグインです。お問い合わせフォーム、アンケート、登録フォームのいずれが必要な場合でも、WPFormsを使用すれば、コーディングの知識がなくても誰でも簡単にフォームを作成できます。
メール通知に関しては、WPFormsは、メールをスタイルやブランドに合わせて調整できる、多くのカスタマイズツールを提供しています。これらの多機能な機能を使用すると、プロフェッショナルでレスポンシブなフォームと通知を簡単に作成できます。
開始するには、まずWordPressのウェブサイトにプラグインをインストールしてください。次に、有効化した後、このブログ投稿の簡単な手順に従って、フォーム通知メールのカスタマイズを開始してください。
通知を設定する
ユーザー向けのメール通知をスタイル設定する前に、フォームが設定され、通知が有効になっていることを確認してください。これを行うには、WPFormsフォームビルダーを開き、設定 » 通知に移動します。
フォーム通知は、提出を追跡し、サイト訪問者とすぐにやり取りするための優れた方法です。
そして、WPFormsは基本的な通知で開始できますが、新しい通知を追加することも簡単にできます。新しい通知を追加をクリックするだけです。新しい通知メールを設定する際には、次のようになります。
- 必要に応じて、メールアドレスとメッセージの内容を設定します。
- 通知メールのスタイル設定の準備ができたことを確認するために、変更を保存します。
ただし、通知メールのカスタムスタイル設定やブランディングについては心配しないでください。この通知は、管理者メールアドレスに送信されるように自動的に設定されています。フォームユーザーは、あなたが望まない限り、この通知を受け取りません。
関連記事：フォーム送信後のフォローアップメールを自動化する方法
テンプレートスタイルを選択する
フォームユーザーが受け取るものについては、WPFormsは、あなたが望む外観を実現するのに役立つ、さまざまなメールテンプレートを提供しています。
テンプレートを選択するには、WordPressダッシュボードのWPForms » 設定 » メールに移動します。
次のようなさまざまなスタイルから選択できます。
- クラシック（LiteおよびProで利用可能）
- コンパクト（LiteおよびProで利用可能）
- モダン（Proのみ）
- エレガント（Proのみ）
- テック（Proのみ）
- プレーンテキスト（LiteおよびProで利用可能）
目的のテンプレートにカーソルを合わせ、選択をクリックするだけです。
クラシックテンプレートはデフォルトの選択肢です。ただし、特定のオプションについては、有効なWPForms Proライセンスをお持ちの場合、他のテンプレートから選択できます。
専門家のアドバイス：フォームビルダーの設定タブからフォーム通知メールテンプレートにアクセスすることもできます。
メールの外観を調整する：ライトまたはダーク
ライトまたはダークテーマを選択することで、メールをブランドのスタイルに合わせることができます。この設定は、メールテンプレートの全体的な外観を調整します。
テーマを切り替えるには、メール設定の外観セクションまでスクロールダウンしてください。
メールとブランディングに適したテーマに応じて、ライトまたはダークを選択してください。
ヘッダー画像またはロゴを追加する
メール通知に画像またはロゴを含めることは、ブランディングを強化するための優れた方法です。WPFormsでは、メールテンプレートに直接アップロードできるため、これを簡単に実現できます。
メール設定のヘッダー画像セクションまでスクロールします。次に、画像アップロードをクリックして画像またはロゴを追加します。
メディアライブラリにある画像を選択するか、新しい画像をアップロードすることができます。
使用したい画像が決まったら、画像を使用ボタンをクリックするだけです。その後、ドロップダウンメニューから希望の画像サイズを選択できます。
- 小（コンパクトなデザインに最適）
- 中（ほとんどのブランディングニーズに最適）
- 大（目立つデザインに最適）
画像はさまざまな画面サイズに合わせて自動的に調整されるため、ロゴはどのデバイスでも鮮明に表示されます。スマートフォンでも！
色をカスタマイズする
WPForms Proユーザーの場合、通知メールの完全なカラー スキームをカスタマイズすることもできます。
このカラー スキームには、次のシェードが含まれています。
- 背景：メールの最も外側の色を設定します。（WPForms Liteユーザーも利用可能。）
- 本文：メールコンテナの色を変更します。
- テキスト：すべてのテキストの色を調整します。
- リンク：メール内のリンクをスタイル設定します。
これらの色のいずれかを更新するには、カラーフィールドにHEX値を入力するか、クリックしてカラーピッカーを開くことができます。
タイポグラフィを選択する
メール通知で使用されるタイポグラフィを変更することもできます。WPFormsは現在、サンセリフとセリフの両方のフォントをサポートしています。
メールテンプレートのフォントファミリーを更新するには、タイポグラフィドロップダウンをクリックして、利用可能なオプションから目的のフォントを選択するだけです。
ヘッダー画像、色、タイポグラフィ、その他の要素のスタイル設定が完了したら、必ず設定を保存ボタンをクリックしてください。
これで、ほぼ完了です！
あわせて読む：WordPressでカスタムメールテンプレートを作成する方法
スタイル設定されたメール通知をプレビューする
画像、色、フォントをカスタマイズしたら、メールをプレビューして、ユーザーの受信トレイにどのように表示されるかを確認してください。
タイポグラフィ ドロップダウンメニューの下にあるメールテンプレートをプレビューリンクをクリックするだけです。
新しいタブが開き、通知メールテンプレートのプレビューが表示されます。設定で変更したすべてがここに反映されるため、メールを確認してブランディングに合っていることを確認してください。
WPFormsメール通知をカスタマイズすることは、ユーザーにプロフェッショナルでブランド化されたエクスペリエンスを作成するための優れた方法です。LiteおよびProユーザーが利用できる機能により、独自のアイデンティティを反映したスタイリッシュな通知を実現できます。
メール通知を強化する準備はできましたか？これらの機能を今すぐ試して、メールコミュニケーションを次のレベルに引き上げましょう！
よくある質問
WPFormsのLite版でもメールテンプレートをカスタマイズできますか？
はい、Liteユーザーはクラシックまたはコンパクトテンプレートを選択してメール通知をカスタマイズできます。ブランドに合わせて背景色を調整したり、ヘッダー画像を追加したり、基本的なデザイン要素をパーソナライズしたりすることも可能です。
メール通知にロゴを追加するにはどうすればよいですか？
ロゴを含めるには、WPFormsの設定の「メール」タブに移動し、「ヘッダー画像」セクションで画像をアップロードします。その後、サイズを「小」、「中」、「大」のいずれかに調整して、あらゆる画面で見栄えがするようにできます。
個々のフォームで異なるメールテンプレートを使用できますか？
はい、WPFormsでは特定のフォームに固有のメールテンプレートを割り当てることができます。フォームビルダーを開き、「設定」→「通知」に移動して、「詳細設定」セクションで目的のテンプレートを選択してください。
次に、これらのベストプラクティスに従ってください
この記事では、ユーザーがフォームを送信したときに受け取るメール通知をカスタムスタイルする方法をすべてカバーしました。メールテンプレートが最適です！
では、コンテンツ自体はどうでしょうか？私たちのトリックをすべて学ぶために、メール通知のベストプラクティスブログ投稿をご覧ください。
フォームの作成準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。
この記事がお役に立った場合は、FacebookとTwitterでフォローして、WordPressの無料チュートリアルやガイドをさらにご覧ください。
