ベストセラー人気 WordPress テーマTop 30 詳細

Avada テーマの Avada Form出会う(コンタクトフォーム)

Last Updated:2021年1月11日| 4のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

WordPressからの訪問者や顧客から問い合わせやフィードバックを受けたい場合、Contact Form 7をはじめとする様々な無料と有料のコンタクトフォームのプラグインを使用することができます。 ディビ, Enfold など、いくつかのテーマでは、独自のお問い合わせフォームを提供しています。 Avadaも、独自のコンタクトフォームの機能が搭載されて Avada Builderで Avada Formを選択して、独自のお問い合わせフォームを使用することができます。

WordPress Avada テーマのコンタクトフォーム Avada Form機能

洗練された機能のお問い合わせフォームが必要な場合には、無料または有料コンタクトフォームのプラグインを使用することが効率的だろうが、単純なお問い合わせフォームをしたい場合は Avada テーマは、独自のコンタクトフォームの機能を利用することができます。

Avada テーマで提供されている Avada Formはおなじみの Avada Builder(旧名「Fusion Builder」)で作成できます。 お問い合わせフォーム7 などのプラグインを使用するよりも簡単にお好みのデザインにお問い合わせフォームを作成することができ、訪問者が提出したデータをメールで受け取るか、またはDBに保存することもできます。

Avada テーマの Avada Formを発見

Avada テーマのコンタクトフォーム機能を使用するには、まず、 Avada >フォームに移動し、新しいお問い合わせフォームを作成します。

WordPress Avada テーマのコンタクトフォーム Avada フォーム

デモをロードした場合、デモにふたり事前に作成されたお問い合わせフォームがある場合があります。 上の図で Enter Your Form Name(フォームの名前を入力してください) フィールドに新たに生成するフォームの名前を入力し、 Create New Form(新規フォームを作成する) ボタンをクリックします。

これにより、次のように Edit Form(フォームを編集) ページが表示されます。

Avada Form作成

お問い合わせフォームは Avada Builderまたは Avada Liveを使用して編集することができます。 どちらやすいものを選択してください。 私 Avada Builderを選択しました。

お馴染みの(?) Avada ページビルダー画面が表示されます。

WordPress Avada テーマのコンタクトフォームの機能

XNUMXつの方法お問い合わせフォームを作成することができます。 直接フィールドを追加して作成するか、事前に作成されたフォーム(Prebuilt Form)をロードした後に変更することができます。

直接フィールドを追加して作成したい場合 Container(コンテナ) ボタンをクリックして、コンテナを配置した後、エレメント(Element)を追加するようにします。 エレメントを追加画面で、次のような要素(要素)を選択することができます。

WordPress Avada テーマのContact Form要素

フォーム要素 タブでお問い合わせフォームに関連する要素を選択することができます。 そして ビルダー要素 タブでは、 Avada ビルダーで提供される要素を選択することができます。 フォーム要素 タブで提供される要素は、次のとおりです。

  • Checkbox Field – チェックボックスフィールド
  • Date Field – 日付フィールド
  • Email Field – 電子メールフィールド
  • Hidden Field – 隠れたフィールド
  • Image Select Field – 画像選択フィールド
  • Notice – 通知
  • Number – 数字
  • Password Field – パスワードフィールド(パスワード入力時に使用)
  • Phone Number Field – 電話番号フィールド
  • Radio Field – ラジオフィールド
  • Range Field – 範囲フィールド
  • Rating Field – 評価フィールド
  • reCAPTCHAフィールド
  • Select Field – 選択フィールド
  • Submit Button – 送信ボタン(送信ボタン)
  • Text Field – テキストフィールド
  • Textarea Field – テキストエリアフィールド
  • Time Filed – 時間フィールド
  • Upload Field – アップロードフィールド

最初の画面で Prebuilt Form(事前製作フォーム) ボタンをクリックすると、事前に作成されたお問い合わせフォームから選択することができます。

Avada テーマのお問い合わせフォームテンプレート

現在、約11個の事前設定され、お問い合わせフォームが提供されます。 好みのフォームをロードした後に変更することができます。

フォームを編集下部の フォームオプションでフォームのオプションを設定することができます。

Avada テーマのコンタクトフォームオプション

Form Options> Submissionで提出時のデータをメールで送信するか、DBに保存するかどうかを選択することができます。 基本的にDBに保存するオプションが選択されており、メールで送ってDBにも保存するオプションを選択することもできます。 メールで送信する方法を選択すると、Webホスティングサーバーの問題やスパムの問題でメールが送信されない場合がありますので、DBに保存し、電子メールでも送信するオプションを選択する方が安全することができます。

Avada テーマコンタクトフォームデータをDBに保存する

(上の図で メンバー専用フォームを有効にするありに設定すると、特定のユーザーの役割を持つログインユーザー(会員)のみフォームを表示することができます。)

次のオプションの中から選択することができます。

  • Save to Database – データベースに保存し、デフォルトのオプションです。
  • Send To URL – URLに送信
  • Send To Email – メールで送信
  • Save to Database and Send To Email – DBに保存してメールで送信
  • Default POST HTMLフォーム(non-AJAX) – デフォルトのPOST HTMLフォーム(非AJAX)

メールに送信 또는 Save to Database and Send to Email オプションを選択すると、フォーム送信者の電子メールアドレス、電子メールで送信されるメッセージの件名、受信者の電子メールアドレス、返信メールアドレスなどを入力するためのフィールドが表示されます。

DBに保存するオプションを選択すると、ユーザーが送信するデータを Avada >フォームで確認することができます。

Avada テーマコンタクトフォームデータDB保存

フォームを作成した場合、お問い合わせフォームを表示するページで、 Avada フォーム エレメントを選択して、好きなところにお問い合わせフォームを配置することができます。

Avada お問い合わせフォームをページに挿入する

最後に、

以上で WordPress ベストセラーのテーマ人 Avada テーマで提供される Avada Form機能について説明しました。 複雑な機能は必要ありません単純な問い合わせフォームをご希望の場合、独自の提供するコンタクトフォームの機能を使用すると、別のコンタクトフォームのプラグインをインストールする必要なく、簡単に訪問者や顧客からの問い合わせを受けることができます。

条件付きフィールド(特定の条件に合った場合にフィールドを表示する)、ステップフォームの入力などの機能が必要な場合には、 Quformのような有料プラグインを考慮してみることができます。

参照



4のコメント

コメント

  1. ご質問があり、コメントを残します。
    DBとメールで受信するように設定しましたが、メールが届かず、DBで確認しようとしました。
    Form> View Entriesで確認しようとしています。
    「送信者の電子メールアドレス、電子メールで送信されるメッセージの件名、受信者の電子メールアドレス、返信の電子メールアドレス」に合ったフォームに合わせて見たいのですが、元のものではありませんか?
    ps。 コンタクトフォームもそのように受け取れるように設定されています。

    応答
    • WordPress 通知パネルでは、次のスクリーンショットのようにデータが表示されます。

      https://www.screencast.com/t/c73c4rickI

      View All Detailsをクリックすると詳細なデータを確認できますが、目的のフォーマットでデータを表示するようにカスタマイズするオプションは表示されません。 (もし見つけたら教えてください。)

      この状況では メール送信の問題を解決することが望ましいと思います。
      ホスティング会社に電子メールを送信できないという問題にご相談ください。
      解決できない場合は、Gmailサービスを介してメールを送信するように設定できます。

      https://avada.tistory.com/2408

      応答
      • 親切な回答ありがとうございます。
        私はあなたが送った最初のリンクのように画面に表示されません。
        画面のように「アイテム2」とは表示されていますが、下に追加的に出てくるメール送信者情報などは記録されて見えません。

      • こんにちは、 https://www.screencast.com/t/c73c4rickI 画像の画面のように表示されませんか? フォームに電子メールアドレスを受け取るフィールドがありますか? ユーザーは電子メールアドレスを入力する必要があります。 期待どおりに動作しない場合 Avadaにサポートを依頼してください。