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