AI要約
WPFormsのカスタムメールテンプレートを使用して、フォームのメール通知を簡単にパーソナライズする方法をお探しですか?
WPFormsでメール通知をカスタマイズするのは簡単なプロセスであり、フォーム回答者とのコミュニケーションを大幅に改善することができます。
このガイドでは、WPFormsでフォームのメール通知をカスタマイズして、ユニークでプロフェッショナルな外観を作成するための簡単な手順を説明します。
WPFormsでフォームメール通知をカスタマイズする理由
WPFormsでフォームメール通知をカスタマイズすることは、見た目や雰囲気を変えるだけではありません。これらの通知をパーソナライズすることの重要なメリットを簡単に見てみましょう。
- ブランドアイデンティティの強化: WordPressのメールをカスタマイズすることで、ブランドのロゴ、配色、スタイルを組み込むことができます。広告におけるこの一貫性は、送信されるすべてのメールでブランドアイデンティティを強化するのに役立ちます。
- 明確さと関連性の向上: メールのコンテンツを調整することで、受信者の名前で呼びかけたり、フォーム送信に関する特定の詳細を提供したりするなど、メッセージを受信者に関連性の高いものにすることができます。
- ユーザーエンゲージメントの向上: パーソナライズされたメールは、よりエンゲージメントが高くなります。受信者は、あなたが彼らのインタラクションを大切にしていることを示し、より強いつながりを育み、ブランドとのユーザーエンゲージメントを高める可能性があります。
- 効率の向上: メール応答の自動化とカスタマイズは、時間を節約します。個別の返信を作成する代わりに、フォーム送信時に自動的にトリガーされる、特定の関連性の高い応答を設定できます。
- 追跡と分析: WPFormsを使用すると、メール通知の効果を追跡できます。この洞察により、アプローチを改善し、コミュニケーションが可能な限り効果的であることを保証できます。
WPFormsを使用すると、オーディエンスに響き、コミュニケーションの取り組みを促進するメール通知を作成できます。
WPFormsでフォームメール通知をカスタマイズする方法
カスタムテンプレートなどを使用してWPFormsでフォームメール通知をカスタマイズする方法を学ぶには、以下の手順に従ってください!
この記事の内容
1. WPFormsのインストールと有効化
WPFormsは、WordPressサイトでのフォームの作成と管理のプロセスを簡素化します。コーディングスキルなしで、アンケート、お問い合わせフォーム、登録フォームなどのさまざまなフォームを作成できる、有名なWordPressプラグインです。
WPFormsでのメール通知のカスタマイズも非常に簡単で、ユーザーフレンドリーなエクスペリエンスと機能を提供します。広範なカスタマイズオプションと、魅力的でレスポンシブなフォームを作成する機能を組み合わせています。

旅を始めるには、まずWordPressウェブサイトにプラグインをインストールしてください。有効化後、以下の手順に従って、フォームのメール通知をカスタマイズするプロセスを簡単にナビゲートできます。
2. フォームを作成またはテンプレートを使用する
WordPressダッシュボードから直接フォームを作成します。開始するには、WPFormsに移動し、新規追加ボタンをクリックします。

次に、フォームの特定の目的に合った名前を付けます。この時点で、既存のテンプレートを選択してフォーム作成をスピードアップできます。

次に、WPFormsの直感的なフォームビルダーインターフェイスが表示されます。ここでは、さまざまなフィールドを追加、編集、または並べ替えることで、フォームを調整できます。

フォームの設定が完了したら、次の重要なステップは、送信後に表示される確認メッセージを変更することです。

さらに、サイト管理者とフォームを完了したユーザーの両方が受信できる基本的なフォーム通知設定をカスタマイズすることもできます。

フォーム通知は、送信を追跡し、サイト訪問者とすぐにやり取りするための優れた方法です。カスタマイズ方法については、以下で詳しく説明します。
3. 基本的なフォーム通知メールを設定する
WPFormsでは基本的な通知が提供されますが、新しい通知を簡単に追加できます。「新しい通知を追加」をクリックするだけです。

ポップアップで新しい通知の名前を入力します。これは参照用であり、フォームユーザーには表示されません。名前を付けたら、「OK」をクリックします。

次に、通知設定を完了するためにいくつかの詳細を入力します。各オプションはわかりやすいですが、通知が正しくあなたやユーザーに届くようにするために、正しく設定することが重要です。
送信先メールアドレス
ここにフォーム通知が送信されます。デフォルトではWordPressサイトの管理者メールアドレスになっていますが、変更できます。複数のメールアドレスに送信するには、カンマで区切ってください。

メール件名
デフォルトの「New Entry」件名を、お好みのものに変更してください。受信者にとって明確で関連性のあるものであるべきです。

送信者名
これはメールの送信者名です。デフォルトではウェブサイト名になっていますが、受信者にとってより馴染みのある名前に変更しても構いません。

送信元メールアドレス
メール配信に不可欠です。スパムフィルターを回避するために、ドメインから取得した有効なメールアドレスを使用することをお勧めします。送信者のメールアドレスをフォーム送信者のものにすることは避けてください。

ドメイン名が一致しないとスパムフィルターがトリガーされる可能性があります。最良の結果を得るには、ドメインと一致しないメールにはWP Mail SMTPを使用してください。

返信先メールアドレス
返信を送信したい場所に設定します。フォームユーザーのメールアドレスにスマートタグを使用するか、ユーザー通知用にあなた自身のメールアドレスを使用すると便利です。

メール本文
これはメール本文です。デフォルトではすべてのフォームフィールドが表示されますが、追加のテキスト、スマートタグ、またはHTML/CSSでカスタマイズできます。

WPForms通知を介したシームレスなコミュニケーションを確保するために、これらの設定を正確かつ明確に保ってください。
次のステップに進む前にフォーム設定を保存して、進捗を失わないようにしてください。画面上部にある「保存」ボタンをクリックします。

4. メールテンプレートとスタイリングをカスタマイズする
WPFormsでのメール通知のカスタマイズは簡単です。まず、WPForms » 設定に移動し、「メール」タブを選択します。

メールタブには、メール通知をパーソナライズするための多数のオプションがあります。これらの設定はサイト全体に適用されます。それぞれの機能は次のとおりです。
メールテンプレートを選択
WPFormsは、通知メールの外観をカスタマイズするために使用できる多くのテンプレートを提供しています。
「テンプレート」セクションには、WPFormsがサポートするすべての利用可能なテンプレートがあります。Liteユーザーは3つのテンプレートにアクセスでき、Proユーザーは追加のオプションを利用できます。
- クラシック
- コンパクト
- モダン (Pro)
- エレガント (Pro)
- テック (Pro)
- プレーンテキスト
クラシックテンプレートはデフォルトの選択肢です。ただし、よりパーソナルなタッチのために、有効なWPForms Proライセンスをお持ちであれば、他のテンプレートから選択することもできます(一部のオプション)。
使用したいスタイルにマウスカーソルを合わせ、選択ボタンをクリックするだけです。この例ではモダンスタイルを使用しますが、お好きな他のスタイルを選択することもできます。

いつでもプレビューボタンをクリックして、各テンプレートがユーザーの受信トレイにどのように表示されるかを確認できます。

メールヘッダー画像を設定する
パーソナルなタッチを加えるために、ヘッダー画像またはロゴをアップロードできます。ヘッダー画像セクションに移動し、画像のアップロードボタンをクリックします。

ポップアップオーバーレイが表示され、新しいファイルをアップロードするか、WordPressメディアライブラリから既存のファイルを選択するオプションが表示されます。

新しい画像をアップロードまたは既存の画像を選択したら、画像を使用ボタンをクリックするだけです。
画像をアップロードしたら、ドロップダウンメニューから、メール通知で使用する画像の希望サイズを選択できるようになります。

利用可能なサイズは小、中、大です。画像の解像度は選択したサイズに調整され、ユーザーの画面にも調整されます。
これは、通知メールをモバイルデバイスで表示している場合、使用しているデバイスの画面サイズに合わせて自動的に変更されることを意味します。
カラー スキームを変更する
WPForms Proユーザーは、カラー スキームセクションにアクセスして、背景、本文、テキスト、リンクの色を調整できます。
Liteユーザーは背景色のみ変更できます。カラーピッカーを使用すると、これらの色をブランドに合わせることができます。

以下に、利用可能なすべてのカラー スキームについて説明します。
背景
背景に選択された色は、メールテンプレートの外観を決定します。薄い青色の背景色の例を以下に示します。

本文
本文の色は、メールテンプレートコンテナの視覚的な外観を決定します。これは通知メールが格納される場所です。
以下は、便宜上、白いカラー スキームの本文コンテナを備えた例の画像です。

テキスト
この色は、通知メールのすべてのテキストに使用されます。デフォルトのカラー スキームは、以下の画像に示すように、暗いテキストカラーを備えています。

リンク
以下のカラー スキームは、通知メールのすべてのリンクに適用されます。以下の画像内のメールアドレスは、リンクのデフォルトのオレンジ色を使用してリンクとして表示されています。

いずれかの色を更新するには、2つのオプションがあります。カラーフィールドにHEX値 enter するか、クリックしてカラーピッカーを開くことができます。

タイポグラフィ
タイポグラフィは、ウェブサイトから送信される通知メールに使用されるフォントファミリーを決定します。WPFormsは現在、サンセリフフォントとセリフフォントの両方をサポートしています。

メールテンプレートのフォントファミリーを更新するには、Typographyドロップダウンをクリックし、利用可能なオプションから目的のフォントを選択するだけです。

メールテンプレートのカスタマイズが完了したら、下にスクロールしてSave Settingsボタンをクリックし、行った変更を保存してください。

メールテンプレートのプレビュー
変更を保存した後、プレビューしてユーザーの受信トレイにどのように表示されるかを確認できます。
これを行うには、Typographyドロップダウンメニューの下にあるPreview Email Templateリンクをクリックするだけです。

ブラウザで新しいタブが開き、通知メールテンプレートのプレビューを確認できます。設定で変更した内容はすべてプレビューに反映されます。

ユーザーのデバイスがダークモードに設定されている場合、通知メールは自動的にデバイスの外観に合わせて調整されます。

フォームとウェブサイトの美観を一致させたい場合は、WordPressでヘッダーを編集する方法のチュートリアルをご覧ください。
フォームビルダーでの通知の変更
必要に応じて、フォームビルダーでフォームのメールデザインを変更することもできます。これを行うには、変更したいフォームを開き、Settings » Notificationsに移動します。

次に、下にスクロールしてAdvancedをクリックし、より高度な選択肢にアクセスします。Email Templateの下にドロップダウンボタンがあるはずです。

この選択肢はデフォルトで、サイト上のすべてのフォームに対してDefault Templateに設定されています。これは、フォームが設定ページで設定した一般的な設定を使用することを意味します。
デフォルトのテンプレートを上書きするには、単にメールテンプレートのドロップダウンをクリックして、目的のテンプレートを選択します。

5. カスタマイズしたフォームを公開する
フォームを作成し、カスタマイズし、メール通知設定を構成したら、あとはフォームを公開するだけです。
新しいページまたは投稿を作成するか、既存のものを更新します。次に、ブロックを追加ボタンをクリックし、WPFormsアイコンを選択します。

次に、WPFormsウィジェットのドロップダウンメニューを使用して、カスタムフォームを選択し、ページまたは投稿に追加します。

フォームの外観に満足したら、更新または公開ボタンを押すだけで公開できます。

WPFormsカスタムメールテンプレートに関するその他の質問
フォーム通知のカスタマイズ方法を学ぶことは、読者の間で人気のある関心事です。ここでは、それに関する一般的な質問への回答を紹介します。
カスタムメールテンプレートを作成するにはどうすればよいですか?
カスタムメールテンプレートを作成するには、WPForms » Settingsに移動し、Emailタブをクリックします。ここでは、Classic、Compact、Modernなどのさまざまなテンプレートから選択できます。ヘッダー画像を追加し、好みの配色を選択し、タイポグラフィスタイルを選択してテンプレートをカスタマイズします。
WordPressでメールテンプレートをカスタマイズするにはどうすればよいですか?
WPForms » Settingsに移動し、Emailタブを選択します。スタイルに合ったテンプレートを選択し、ヘッダー画像をアップロードし、配色を調整し、Typographyセクションでフォントを選択してカスタマイズできます。Previewオプションを使用してテンプレートの外観を確認し、ブランドアイデンティティに合っていることを確認してください。
WPFormsでメールを変更するにはどうすればよいですか?
WPFormsでメールを変更するには、更新したいフォームにアクセスします。フォームビルダーで、特定のフォームのEditをクリックし、Settings » Notificationsに移動します。ここで、Send To Email Addressフィールドを新しいメールアドレスに更新できます。
次に、WordPressでコンタクトフォームをスタイルする方法を学びましょう
CSSの知識が全くなくても、WordPressサイトのデザインに合わせてお問い合わせフォームのデザインをカスタマイズする方法をお探しですか? このガイドをチェックして、WPFormsのカスタマイズオプションを使用してWordPressでお問い合わせフォームをスタイル設定する方法を学びましょう。
フォームの作成準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。
もしこの記事がお役に立ったなら、WordPressの無料チュートリアルやガイドをもっと知るために、FacebookとTwitterでフォローしてください。

テンプレートのスタイルはあまり役に立ちません。「コンパクト」設定を使用すると、顧客は毎回メールを印刷します。顧客は長いフォームを持っており、印刷されますが、メールは画面上で2を超えてスクロールする場合、3〜4ページに印刷されます。行間が広すぎます(コンパクトなものでも)。プレーンテキストのものは全く良くありません。コンパクトなものでも、行間を1にして同じ形式で印刷することはできませんか?または、大きな行間を避ける「スーパーコンパクト」オプションを作成しますか?私の唯一の選択肢はプレーンテキストオプションを使用することですが、読むのが非常に難しいです...顧客は満足していません。誰か助けてください。よろしくお願いします - Wes
こんにちは、Wesさん。サポートチームの信頼できるアドバイザーが、ここで役立つCSSを作成しました。
.print-preview.wpforms-preview-mode-compact .print-body .print-item .print-item-title, .print-preview.wpforms-preview-mode-compact .print-body .print-item .print-item-value { padding: 1px !important; }結果を確認するには、このビデオをご覧ください。
これについてさらにサポートが必要な場合は、サポートチケットを送信して、ここに投稿したのと同じ詳細を共有してください。無料版を使用している場合は、WPForms Lite WordPress.orgサポートフォーラムにアクセスして、新しいスレッドを開いてください。
ありがとうございます!
質問があります。ドロップダウンフィールドを作成し、ドロップダウンフィールドで「複数のオプションを選択」をチェックしました。スマートタグ {field_id=dropdown ID(with mutil choice} を使用すると、顧客に送信されるメールが明確に区切られず、スペースのみで区切られます。カンマやダッシュに 変更する方法はありますか?
こんにちは、TienCongさん、
通知メールでのドロップダウンフィールドの外観をカスタマイズしようとしているようですね。現在、デフォルトではその機能はありません。
パーソナライズされたアドバイスについては、WPFormsライセンスをお持ちの場合は、サポートチームの信頼できるアドバイザーにご連絡ください。サポートチケットを送信していただければ、できるだけ早く(通常1営業日以内に)返信いたします。
無料版をご利用の場合は、WPForms Lite WordPress.orgサポートフォーラムにアクセスして、新しいスレッドを開いてください。
ありがとうございます!
フォームが自動的に私の地域のメールアドレスを.co.zaから.co.nzに変更するため、ニュースレターに登録したい人々にとって非常にイライラします。私はLITEバージョンを使用しており、この問題を回避する方法はないようです。
こんにちは、Colleenさん、ご迷惑をおかけして申し訳ありません。信頼できるサポートチームのアドバイザーがお客様の問題に対応したようです。
追加のヘルプが必要な場合はお知らせください。ありがとうございます!
こんにちは、
通知でテーブル、DIV、見出しを含む独自のHTMLコードを使用しています。wpFormsはHTMLを変更し、エントリを所定の場所に挿入する代わりにTDおよびTR要素を追加します。これを防ぎ、Contact Form 7で行っているように、通知カスタムHTMLレイアウトをそのまま使用するにはどうすればよいですか?
Tegwalさん、WPFormsがカスタムHTMLをテーブル要素を追加して変更していること、そしてメール通知で元のHTML構造を維持したいことを理解しています。
通知HTML構造のカスタマイズについてサポートが必要な場合は、サポートチームの信頼できるアドバイザーにご連絡ください。パーソナライズされたアドバイスを提供します。サポートチケットを送信していただければ、できるだけ早くご連絡いたします。
無料版をご利用の場合は、WPForms Lite WordPress.orgサポートフォーラムにアクセスし、新しいスレッドを開いてください。