Elementor フォームで確認メールを送信する方法: 詳細ガイド

エレメンタル・プロ Elementor Pro の Elementor Forms はカスタムフォームを作成できるだけでなく、確認メールを送信することでユーザーエクスペリエンスを向上させることができる強力なツールです。Elementor Forms は Elementor Pro の専用機能なので、この記事では Elementor Pro で Elementor Forms を使って確認メールを送信する方法を詳しく説明し、この機能をうまく実装するためのベストプラクティスを紹介します。

なぜ確認メールを送ることが重要なのですか？

電子メールによる確認は、一般的かつ効果的な方法である。ユーザー・インタラクションの方法.ユーザーがフォームを送信する際、確認メールを受信することで、情報が正常に伝達されたことを確認できるだけでなく、このメールを通じて次に何をすべきかの追加情報や指示を提供することができます。また、このような確認メールは、ユーザーのウェブサイトに対する信頼を高め、ユーザーのエンゲージメントとロイヤリティを向上させます。

Elementor Forms でメール確認を設定する方法

以下は Elementor Forms でメール確認を設定するための詳細なステップバイステップガイドです。

1.フォームの作成

まず、確認メールを設定するためのフォームを作成する必要があります。以下はフォームの作成手順です：

1. Elementorエディタを開く： WordPressのダッシュボードにログインして、編集したいページを選択し、「」をクリックします。ページの編集".またはページエディターで"Elementorエディタの使用「をElementorエディタに追加します。

2. フォームウィジェットをドラッグする： 左のパネルで "Forms "ウィジェットを見つけ、ページの適切な場所にドラッグ＆ドロップする。

3. 必要なフィールドを追加します： フォームに必要なフィールドを追加します。名前、Eメール、メッセージなど。確認メールを送信するために必要ですので、必ずEメール欄を設けてください。

注目してください： Eメールフィールドは、システムがユーザーに確認メールを送信するために使用する必要があるため、非常に重要です。

2. "入稿後の運用 "の設定

Elementor では、訪問者がフォームを送信した後の一連のアクションを設定できます。デフォルトでは、Elementor Forms は送信データを収集し、メールを送信したり、その他のアクションを実行するオプションを持っています。

1. 提出後のアクション」セクションを展開する： フォーム設定パネルで、「送信後のアクション」セクションを見つけて展開します。

2. 新しいオペレーションを追加する： Add Action "フィールドでは、デフォルトのアクションは "Collect Submission "と "Email "です。新しいEメール確認アクションを追加するには、プラス記号（+）をクリックし、ドロップダウンメニューから「Eメール2」を選択します。

3.電子メール2の設定

Email 2 "アクションが追加されたら、確認メールが正常に送信され、適切な内容が含まれるように、その設定を行う必要があります。

1. Eメール2」フィールドを開く： フォーム設定で「Eメール2」をクリックし、設定パネルを展開します。

2. Recipient（受信者）フィールドに入力します： Toフィールドにショートコードを入力 [フィールド id="email"]。.この短いコードは、フォームのEメールフィールドからユーザーのEメールアドレスを自動的に取得し、Eメールが正しいユーザーに送信されるようにします。

3. その他のフィールドを設定する： 電子メールのタイトル、送信者の電子メール、返信電子メールなど、必要に応じて追加のフィールドを入力することができます。これらのフィールドの情報は、ユーザーに送信される確認メールに表示されます。

4.確認メールのHTMLフォーマット

より美しく、ブランド化された確認メールには HTML HTMLでは、メッセージのスタイルや構造をコントロールし、より視覚的にアピールすることができます。HTMLメッセージを設定する手順は以下の通りです：

1. Eメールのフォーマットを設定します： で "電子メール 2"一部、確認済み"として送信「フィールドは"HTML".これにより、メールの内容にHTMLコードを使用することができます。

2. HTMLメールのコンテンツを書く： メッセージ」フィールドにHTMLコードを入力してください。例えば、次のようなテンプレートが使用できます。 返信ありがとうございます！ [field id="name"] ご連絡ありがとうございます。は[field id="email"]です。このコードでは[フィールド id="name"] 歌で応える [フィールド id="email"]。 は、ユーザーによって送信された名前とEメールアドレスに自動的に置き換えられるショートコードです。

5.パーソナライズされたEメールコンテンツ

パーソナライズされたメールコンテンツは、ユーザーエクスペリエンスを向上させる鍵です。ユーザーの名前をメールに含めることで、メールをよりパーソナルなものに見せることができます。例えば、以下のような内容が考えられます：

<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-luminous-vivid-orange-color">敬具</mark> [field id="name"]</p>。<br><p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-green-cyan-color">フォームを送信していただきありがとうございます。 メッセージを受け取りましたので、できるだけ早くご返信いたします。 </mark></p>
<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-luminous-vivid-orange-color">敬具</mark> [field id="name"]</p>。<br><p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-green-cyan-color">フォームを送信していただきありがとうございます。 メッセージを受け取りましたので、できるだけ早くご返信いたします。 </mark></p>
敬具 [field id="name"]
。
フォームを送信していただきありがとうございます。 メッセージを受け取りましたので、できるだけ早くご返信いたします。 

このような個別対応により、利用者はより大切にされていると感じ、満足度が高まる。

6.メール確認機能のテスト

すべての設定が完了したら、メール確認機能が正しく動作しているか必ずテストしてください。ご自身でフォームを一度送信して、確認メールが届くかどうか、メールの内容が正しいかどうかを確認してください。

ヒントと注意事項

メール確認機能を円滑に機能させるためには、以下の点に留意する必要がある：

• ショートコードが正しいことを確認してください： フォームフィールドでショートコードを使用する場合ショートコードがフィールドIDに対応していることを確認する。.ショートコードの使用方法を誤ると、メールの内容が正しく表示されない場合があります。
• Eメールの設定を確認する： WordPressの設定で、From emailとReply emailが正しく設定されていることを確認してください。
• の使用を検討する。 SMTPサービス:: メールが正しく送信されなかったり、スパムとしてマークされた場合は、以下の方法をお勧めします。 SMTPプラグイン(例 FluentSMTP) メール配信を設定し、メール配信率を向上させる。

よくある質問

1.確認メールが届かない場合は？

• まず、受信者フィールドがフォームに正しく設定されていることを確認し、ショートコード [フィールド id="email"]。 その通りだ。
• 送信者の電子メールアドレスが正しく設定されているか、その電子メールアドレスがブロックされていないか確認してください。
• SMTPプラグインを使用して、メール配信を設定し、配信率を向上させます。

2.メールがスパムとしてマークされないようにするには？

• 企業のメールアドレスや認証済みの送信者アドレスを使用し、フリーメールアドレスを送信者として使用するのは避けましょう。
• メールには画像やデリケートな言葉を多用せず、通常のメールのフォーマットに沿った内容にしましょう。

3.メール配信の安定性を高めるために、他にどのようなツールを利用できますか？

• FluentSMTP プラグインは、以下のようなさまざまな SMTP サービスで使用するのによい選択です。 Zoho ZeptoMailそしてセンドグリッド など）は互換性があり、信頼性の高いメール配信サービスを提供している。

概要

Elementor Forms のメール確認機能を使うことで、訪問者に即座にフィードバックを提供し、ユーザーエクスペリエンスを向上させ、ウェブサイトの専門性を高めることができます。この記事では、フォームの作成方法、メール確認アクションの設定方法、HTML メールコンテンツの作成方法、メールメッセージのパーソナライズ方法について詳しく説明します。