AI要約
WPFormsのカスタムメールテンプレート機能を使用して、フォーム通知をカスタマイズする簡単な方法をお探しですか？
WPFormsを使用すると、通知メールの外観を簡単に変更して、よりパーソナライズされたエクスペリエンスを作成できます。
それでは、WPFormsを使用してWordPressでカスタムメールテンプレートを作成する方法を説明します！
この記事の内容
WordPressでカスタムメールテンプレートを作成する方法
WordPressでカスタムメールテンプレートを作成するのは非常に簡単です。特にWPFormsのカスタムメールテンプレートを使用すればなおさらです。以下の手順に従って開始してください。
ステップ1：基本的な通知メールの設定
最高のフォームビルダープラグインであるWPFormsを使用すると、ウェブサイトの所有者は、さまざまなオーディエンスや業界に対応するお問い合わせフォーム、注文フォーム、計算フォーム、その他多数のフォームテンプレートを作成できます。
まず、WPFormsプラグインをインストールし、フォームを作成します。その後、フォームビルダーの「設定」→「通知」タブに移動して、基本的なフォーム通知メールを設定します。
フォームと通知メールを作成したら、次のステップに進む前にフォームと通知の設定を保存してください。これにより、進捗が失われることはありません。画面右上の「保存」ボタンをクリックするだけです。
デフォルトでは、すべてのWordPressはPHPを使用してウェブサイトからメールを送信しますが、これは多くの受信トレイでスパムとしてフラグ付けされる可能性があります。これを回避するために、WP Mail SMTPのようなSMTPプラグインの使用をお勧めします。
ステップ2：メールテンプレートの選択
これで、独自のメールテンプレートを作成する準備が整いました。WordPressダッシュボードから「WPForms」→「設定」に移動し、「メール」タブをクリックします。
ここで、「テンプレート」セクションを見ると、さまざまなライセンスレベルで利用できる6つの異なるメールテンプレートが見つかります。
- クラシック
- コンパクト
- モダン (Pro)
- エレガント (Pro)
- テック (Pro)
- プレーンテキスト
デフォルトでは、すべてのフォーム通知メールは「クラシック」テンプレートを使用しますが、Proにアップグレードすると、モダン、エレガント、またはテックテンプレートにアクセスできます。
この例では、「エレガント」テンプレートを選択しますが、ニーズや要件に最適なリストから自由に選択してください。
テンプレートがユーザーの受信トレイでどのように表示されるかを確認したい場合は、「プレビュー」ボタンをクリックして、その外観を簡単に確認することもできます。
これは、ユーザーがデスクトップまたはモバイルデバイスでダークテーマを設定している場合に、エレガントテンプレートとそのメールメッセージがどのように表示されるかの例です。
ステップ3：メールヘッダー画像のセット
パーソナライズされたメール通知を作成したい場合、WPFormsはブランドロゴを表すメールヘッダー画像を設定するオプションもユーザーに提供します。
「ヘッダー画像」セクションに移動し、「アップロード」ボタンをクリックして、メールの上部に表示されるロゴを選択するだけです。
これにより、新しいファイルをアップロードするか、WordPressメディアライブラリから既存のファイルを選択するオプションが提供されます。
新しい画像を追加した後、または既存の画像を選択した後、画像を使用ボタンをクリックするだけで、ロゴが表示されるようになります。
メール通知の上部にあるロゴのサイズを変更したい場合は、小、中、大などのオプションがあるドロップダウンメニューを使用してください。
画像の解像度は、選択したサイズとユーザーの画面によって異なります。言い換えると、電話でメールを読んでいる場合、画面に合わせて自動的に調整されます。
ステップ4：カラー配色の変更
WPFormsでは、カラー スキームセクションでメールの色を調整することもできるので、喜んでいただけるでしょう。
色は2つの方法で変更できます。カラーフィールドにHEX番号を入力するか、クリックしてカラーピッカーにアクセスします。
Proユーザーは背景、本文、テキスト、リンクの色を調整できますが、Liteユーザーは背景色のみを変更できます。これらのオプションの機能は次のとおりです。
背景
背景に選択した色は、メールテンプレートの外観を決定します。この場合、背景色は濃い青です。
本文
本文の色は、メールテンプレートコンテナの外観を設定します。これは、メール通知が格納される場所です。
参考までに、白いカラー スキームの本文コンテナの例を次に示します。お好きな色に変更してください！
テキスト
メール通知のすべての単語はこの色になります。デフォルトのカラー スキームは、下の画像に示すように、濃いテキストカラーを特徴としています。
リンク
この色は、通知メールのすべてのリンクに適用されます。下の画像は、リンクとして表示され、緑色で表示されているメールアドレスを示しています。
タイポグラフィ
タイポグラフィは、ウェブサイトから送信される通知メールのフォントファミリーを選択する上で重要です。WPFormsは、サンセリフとセリフの両方のフォントをサポートしています。
メール通知のフォントファミリーを変更するには、タイポグラフィドロップダウンをクリックし、リストから目的のフォントを選択するだけです。
ステップ5：メールテンプレートのプレビュー
メールテンプレートの変更が完了したら、下にスクロールして設定を保存ボタンをクリックして変更を保持します。
変更を保存したら、プレビューしてユーザーの受信トレイにどのように表示されるかを確認できます。メールテンプレートのプレビューリンクをクリックするだけです。
新しいタブが開き、新しい通知メールのサンプルを確認できます。設定で変更した内容は、サンプルにも表示されます！
ステップ6：個々のフォームのメールテンプレートの選択
個々のフォームのメールデザインを変更したい場合も可能です。フォームビルダーで、設定 » 通知に移動するだけです。
次に、下にスクロールしてAdvancedをクリックし、より高度な選択肢にアクセスします。Email Templateの下にドロップダウンボタンがあるはずです。
サイト上のすべてのフォームの選択はデフォルト テンプレートに設定されています。この設定をオーバーライドするには、メール テンプレートドロップダウンをクリックし、目的のテンプレートを選択します。
フォームとメールテンプレートの外観に満足したら、フォームを公開してカスタムメール通知を展開しましょう！
フォーム通知をカスタマイズすることで、メールのブランディングとデザインを管理できます。WPFormsのカスタムメールテンプレート機能を使えば、この作業は非常に簡単になります。数分でフォームメールをカスタマイズし、ブランドのデザインと一貫させることができます。強くお勧めします！
WPFormsカスタムメールテンプレートに関するその他の質問
お探しの答えは見つかりましたか？WPFormsカスタムメールテンプレートに関する、よくある質問をいくつかご紹介します。
WPFormsでメールテンプレートを変更するにはどうすればよいですか？
フォームビルダーで、設定 » 通知に移動します。次に、詳細設定をクリックして、より高度なオプションにアクセスします。そこには、メールテンプレートの下にドロップダウンボタンがあります。ここから目的のメールテンプレートを選択してください。
WordPressでカスタムメールテンプレートを作成するにはどうすればよいですか？
カスタムメールテンプレートを作成するには、 WPForms » 設定 に移動し、 メールタブをクリックします。ここでは、クラシック、コンパクト、モダンなど、さまざまなテンプレートから選択できます。次に、ヘッダー画像を追加したり、好みの配色を選択したり、タイポグラフィスタイルを選んだりしてテンプレートをカスタマイズできます。
メールテンプレートをカスタマイズするにはどうすればよいですか？
WPForms » 設定からメールタブを選択します。次に、スタイルに合ったテンプレートを選択し、テキストエリアにヘッダー画像を追加したり、色を変更したり、フォントを選んだりして、自分好みにカスタマイズできます。プレビューボタンを使用して、テンプレートがどのように表示されるかを確認し、ブランドのスタイルガイドラインに合っていることを確認してください。
次に、フォームメール通知にファイルを添付する方法を学びましょう
WPFormsのファイルアップロードフィールドは、ウェブサイト訪問者がサイトのフロントエンドでフォームに入力する際にファイルをアップロードできる強力な機能です。このガイドをチェックして、これらのファイルをフォームメール通知に添付する方法を学びましょう。
フォームの作成準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。
もしこの記事がお役に立ったなら、WordPressの無料チュートリアルやガイドをもっと知るために、FacebookとTwitterでフォローしてください。
