すべてのウェブサイトにはお問い合わせフォームが含まれている必要があります! お問い合わせフォームは、ウェブサイトの種類に関係なく、さまざまな目的に役立ちます。 リードを生成し、接続と関係を構築し、ユーザーがサイトの問題を報告できるようにし、その間のすべてを行うことができます。
WordPressでお問い合わせフォームを作成するのに技術的な専門家である必要はありません。 Elementorページビルダーを使用すると、これまでになく簡単に美しいWebサイトを作成できます。
Elementorを使用して連絡フォームを作成する方法を示すために、Elementorの連絡フォームについて知っておくべきさまざまなオプションとすべてについて説明します。
Elementorにはかなり前からフォームウィジェットが含まれています。つまり、WordPress Webサイト用のフォームを作成するために他の場所に行く必要がなくなりました。これは祝福です!
過去に、利用可能なpluginのいくつかを使用してフォームを作成するときに問題が発生した可能性があります。 フォームを設計および構成するプロセスは、時間がかかり、イライラする可能性があります。 私たち全員にとって幸いなことに、ElementorFormウィジェットは簡単に操作できます。
Elementorフォームビルダーを使い始める前に、その最も重要な機能のいくつかを簡単に見てみましょう。
初心者にとって最も際立った機能の1つは、Elementorインターフェースに完全に統合されていることです。つまり、Elementorで利用できる多くのデザイン/スタイル/レイアウトオプションにアクセスできます。 これほど堅牢な設計システムを備えたスタンドアロンのフォームpluginはないと思います。
そこから、最大18種類のフィールドを作成できます。
フォームを複数のページに分割して、長いフォームのアプリケーションに役立つマルチステップフォームを作成することもできます。
Elementor Proは、人気のあるEメールマーケティングサービスおよび顧客関係管理システムと12以上の統合を行っており、フォームを最大限に活用するのに役立ちます。 ツールがリストにない場合に、Zapierプラットフォームで利用可能な数千のツールのいずれかに接続できるキャッチオールZapier統合もあります。
他にもいくつかの興味深い選択肢があります。 EXのためにamp誰かがあなたのフォームに記入する際ル、あなたはスラックや確執を経由して通知を受け取ることができます。
通知と言えば、受信する電子メール通知とフォーム送信者が受信する電子メール通知をパーソナライズすることもできます。 フォームを送信した後、作成したカスタムのサンキューページにリダイレクトできます。
まず、Elementorエディターを開き、フォームウィジェットをフォームを作成する場所にドラッグアンドドロップします。
Elementorの他のすべてと同様に、フォームを作成するプロセスは視覚的に実行されます。 追加のpluginを使用する必要はありません。また、Webサイトのバックエンドとして機能する必要もありません。
フォームを配置したら、最初のステップは、フォームに含まれる情報を整理することです。 どのフィールドが必要で、どのタイプのフィールドにする必要がありますか? 何を探していますか?
Elementorエディターで作業している場合、フォームフィールドは[コンテンツ]タブから追加および編集されます。 あなたが元で見ることができるようにampル以下、フォームは、いくつかのデフォルトのフィールドが含まれます。 ドロップダウンメニューから[アイテムの追加]を選択すると、新しいフィールドを作成できます。
フィールドを複製するには、2つのドキュメントのように見えるアイコンを選択し、クリックすることもできます。
単純なテキストフィールドからパスワード、ReCaptcha、ハニーポットフィールドまで、多くのフォームフィールドタイプを使用できます。
フォームフィールドの動作を変更するには、最初にフィールドを選択し、次に[タイプ]ドロップダウンメニューのように、使用可能なさまざまなフィールドタイプを表示します。
この機能を使用すると、列幅の設定を調整することにより、同じ行で2つのフォームフィールドを使用できます。 ドロップダウンセレクターからウィンドウを選択し、50%を選択して、ウィンドウの幅を変更します。 2つの連続するフォームフィールドを使用してこれを行うと、それらが同じ行に一緒に表示されることに注意してください。
Elementor編集インターフェイス内にある[スタイル]パネルに移動して、他のウィジェットのスタイルを設定するのと同じ方法で、Elementorでフォームのスタイルを設定します。
フォーム自体、フィールド、ボタン、ステップ、エラーメッセージ、および確認メッセージはすべてカスタマイズできます。
Elementorに既に精通している人にとっては、Elementorフォームのスタイリングで学ぶ必要のあることはそれほど多くありません。
Elementorでのフォームの作成に関する説明に続いて、フォームの送信後に何が起こるかを構成する方法を見てみましょう。 これは、フォームアクションを介して、またはElementorの「送信後のアクション」で参照されているように実行されます。
フォームが送信されると、システムが電子メールを送信し、ユーザーを別のWebページにリダイレクトするのが一般的です。 もちろん、フォームに必要な数のアクションを含めて、必要な方法でそれらを組み合わせることができます。 ご想像のとおり、コーディングを伴わない特定のセレクターフィールドがあります。
追加した各アクションは、メインメニューに個別のタブオプションとして表示されます。 我々は現在、電子メール用のタブオプションがありますが、私は追加のアクションフィールドでのリダイレクトを含めるようにした場合は元のように、私はまた、私のタブのオプションでリダイレクトを見ることampル以下。
結論として、フォームに関して最もよくある質問である電子メールを介した送信を受け入れるようにフォームを構成する方法を示します。
エディタの[コンテンツ]タブから[電子メール]を選択すると、次の画面が表示されます。 ここで、差出人の電子メールと返信の電子メールをパーソナライズできます。また、フォームから送信のコピーを受け取る必要がある人にCCまたはBCCを追加することもできます。
Elementorのフォームエディタは一見したところよりも強力であり、より高度な機能の1つは、各フォームのメッセージングをカスタマイズする機能であることを知って、多くの人が驚いています。
退屈なロボットのように聞こえるのではなく、フォームに入力したエンドユーザーに、よりパーソナライズされたフィードバックプロセスを提供するために、フォームメッセージをカスタマイズすることができます。 ただし、具体的には、Elementorお問い合わせフォーム用にカスタマイズできるメッセージは次のとおりです。
まず、ドロップダウンメニューから[追加オプション]を選択してカスタムメッセージングを有効にし、次に[カスタムメッセージング]のトグルスイッチを[はい]に切り替える必要があります。
カスタムメッセージを追加することによるElementor連絡先フォームウィジェットのカスタマイズ
ご覧のとおり、以下のメッセージを含め、カスタマイズできる4つの異なるメッセージがあります。
フォームを送信し、フォームが正しく入力されたことを確認した後、成功メッセージがエンドユーザーに表示されます(たとえば、必須フィールドが欠落していないなど)。
エラーメッセージ—フォームの送信中に不明なエラーが発生したときにエンドユーザーに表示されるメッセージ。
必須メッセージ—必須フォームフィールドに入力されておらず、フォームが送信され、フォームが入力されていない場合に表示されます。
フォーム送信内の何かが正しくなく、送信できない場合、「無効なメッセージ」というメッセージがエンドユーザーに表示されます。
メッセージを編集できることで、創造的で風変わりなものになり、企業サイトを運営している場合はよりフォーマルでビジネスライクになります。 最良の部分は、それらが完全に編集可能であるため、あなたがやりたいことを何でもできるということです!
Elementorフォームウィジェット。お問い合わせフォームを簡単に作成できます。 直感的なドラッグアンドドロップのコンタクトフォームビルダーと、市場で入手可能な他のコンタクトフォームpluginは異なる多数のカスタマイズオプションが付属しています。 会社のルックアンドフィールに合わせて、スタイリングと配色を簡単にカスタマイズできます。 また、他のさまざまな魅力的なウィジェット、300以上のプロフェッショナルなテンプレート、ポップアップビルダーが1つの便利なパッケージに含まれています。 このフル機能のWordPressページビルダーは、必要なすべてのウィジェットと機能で構成されているため、Webサイトをさらにカスタマイズするために追加のページビルダーを購入する必要はありません。 さらに、30を超えるマーケティングサービスの統合が可能であるため、今日の市場で最も人気のあるpluginの1つです。