Elementor フォームで確認(rèn)メールを送信する方法: 詳細(xì)ガイド

畫像[1] - Elementor Formsを使って確認(rèn)メールを送信する方法: 詳細(xì)ガイド - photonflux.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応

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

なぜ確認(rèn)メールを送ることが重要なのですか?

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

Elementor Forms でメール確認(rèn)を設(shè)定する方法

以下は Elementor Forms でメール確認(rèn)を設(shè)定するための詳細(xì)なステップバイステップガイドです。

1.フォームの作成

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

  1. Elementorエディタを開く: WordPressのダッシュボードにログインして、編集したいページを選択し、「」をクリックします。ページの編集".またはページエディターで"Elementorエディタの使用「をElementorエディタに追加します。
畫像[2] - Elementor フォームを使って確認(rèn)メールを送信する方法:詳細(xì)ガイド - photonflux.com | プロフェッショナルなWordPress修理サービス、グローバルリーチ、高速レスポンス
  1. フォームウィジェットをドラッグする: 左のパネルで "Forms "ウィジェットを見つけ、ページの適切な場所にドラッグ&ドロップする。
畫像[3] - Elementor フォームを使って確認(rèn)メールを送信する方法:詳細(xì)ガイド - photonflux.com|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応
  1. 必要なフィールドを追加します: フォームに必要なフィールドを追加します。名前、Eメール、メッセージなど。確認(rèn)メールを送信するために必要ですので、必ずEメール欄を設(shè)けてください。
畫像[4] - Elementor フォームを使って確認(rèn)メールを送信する方法: 詳細(xì)ガイド - photonflux.com | プロフェッショナルなWordPress修理サービス、グローバルリーチ、高速レスポンス

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

2. "入稿後の運(yùn)用 "の設(shè)定

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

  1. 提出後のアクション」セクションを展開する: フォーム設(shè)定パネルで、「送信後のアクション」セクションを見つけて展開します。
畫像[5] - Elementor Formsを使って確認(rèn)メールを送信する方法:詳細(xì)ガイド - photonflux.com|プロのWordPress修理サービス、グローバルリーチ、高速レスポンス
  1. 新しいオペレーションを追加する: Add Action "フィールドでは、デフォルトのアクションは "Collect Submission "と "Email "です。新しいEメール確認(rèn)アクションを追加するには、プラス記號(+)をクリックし、ドロップダウンメニューから「Eメール2」を選択します。
畫像[6] - Elementor Formsを使って確認(rèn)メールを送信する方法:詳細(xì)ガイド - photonflux.com|プロのWordPress修理サービス、グローバルリーチ、高速レスポンス

3.電子メール2の設(shè)定

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

  1. Eメール2」フィールドを開く: フォーム設(shè)定で「Eメール2」をクリックし、設(shè)定パネルを展開します。
畫像[7] - Elementor Formsを使って確認(rèn)メールを送信する方法:詳細(xì)ガイド - photonflux.com|プロのWordPress修理サービス、グローバルリーチ、高速レスポンス
  1. Recipient(受信者)フィールドに入力します: Toフィールドにショートコードを入力 [フィールド id="email"]。.この短いコードは、フォームのEメールフィールドからユーザーのEメールアドレスを自動的に取得し、Eメールが正しいユーザーに送信されるようにします。
畫像[8] - Elementor Formsを使って確認(rèn)メールを送信する方法:詳細(xì)ガイド - photonflux.com|プロのWordPress修理サービス、グローバルリーチ、高速レスポンス
  1. その他のフィールドを設(shè)定する: 電子メールのタイトル、送信者の電子メール、返信電子メールなど、必要に応じて追加のフィールドを入力することができます。これらのフィールドの情報(bào)は、ユーザーに送信される確認(rèn)メールに表示されます。

4.確認(rèn)メールのHTMLフォーマット

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

  1. Eメールのフォーマットを設(shè)定します: で "電子メール 2"一部、確認(rèn)済み"として送信「フィールドは"HTML".これにより、メールの內(nèi)容にHTMLコードを使用することができます。
畫像[9] - Elementor フォームを使って確認(rèn)メールを送信する方法:詳細(xì)ガイド - photonflux.com | プロフェッショナルなWordPress修理サービス、グローバルリーチ、高速レスポンス
  1. HTMLメールのコンテンツを書く: メッセージ」フィールドにHTMLコードを入力してください。例えば、次のようなテンプレートが使用できます。 返信ありがとうございます! [field id="name"] ご連絡(luò)ありがとうございます。は[field id="email"]です。このコードでは[フィールド id="name"] 歌で応える [フィールド id="email"]。 は、ユーザーによって送信された名前とEメールアドレスに自動的に置き換えられるショートコードです。

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

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

敬具 [field id="name"]

。

フォームを送信していただきありがとうございます。 メッセージを受け取りましたので、できるだけ早くご返信いたします。

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

6.メール確認(rèn)機(jī)能のテスト

すべての設(shè)定が完了したら、メール確認(rèn)機(jī)能が正しく動作しているか必ずテストしてください。ご自身でフォームを一度送信して、確認(rèn)メールが屆くかどうか、メールの內(nèi)容が正しいかどうかを確認(rèn)してください。

ヒントと注意事項(xiàng)

メール確認(rèn)機(jī)能を円滑に機(jī)能させるためには、以下の點(diǎn)に留意する必要がある:

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

よくある質(zhì)問

畫像[10] - Elementor フォームを使って確認(rèn)メールを送信する方法: 詳細(xì)ガイド - photonflux.com | プロフェッショナルなWordPress修理サービス、グローバルリーチ、高速レスポンス

1.確認(rèn)メールが屆かない場合は?

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

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

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

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

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

概要

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


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし