WordPressに連絡フォームを追加する方法

Contact Form 7およびTotalを使用してWordPressに連絡フォームを追加する方法

ウェブサイトを持つことの利点の1つは、接続しようとしているオーディエンスにいつでも到達できることです。そして、あなたのウェブサイトにコンタクトフォームやコンタクトページを追加するようなトリックはまったくありません。お問い合わせフォームは、ウェブサイトで最も効果的な行動を促すオプションの1つであり、訪問者があなたに連絡するのに最適な方法です。簡単に言えば、それはあなたのウェブサイトに効率を追加する理想的なコミュニケーションツールです.


多くの場合、連絡先フォームは、一般的な形式で連絡先ページの多くのWebサイトに表示されます。しかし、あなたのウェブサイトと調和するようにカスタマイズすることもできます。また、ブログの投稿の下、または特別なランディングページの下部に配置して、訪問者に特定のアクションを実行させることができます。.

お問い合わせフォームは、常にオンライン上で膨大なものでした。その理由を見てみましょう:

  • お問い合わせフォームは24時間年中無休でアクセスできます:お問い合わせフォームを使用すると、どの訪問者にも24時間年中無休で迅速にアクセスできます.
  • お問い合わせフォームによりユーザーエクスペリエンスが向上:お問い合わせフォームにより、全体的なカスタマーエクスペリエンスが向上します。顧客がウェブサイトのどこからでもあなたに連絡できるようにすることができます。さらに、連絡フォームは訪問者のブラウザと同期できます。自動入力オプションは、フォームに入力する退屈さを取り除きます。ただし、お問い合わせフォームの代わりにメールリンクを使用した場合、お客様の注意は別のウィンドウに移動してデフォルトのメールを設定します.
  • お問い合わせフォームは、すべてのエントリの記録を保持し、データの取り扱いを容易にします:お問い合わせフォームは、重要なデータの貴重な情報源です。お問い合わせフォームのフィールドに必要な特定の情報を入力することにより、必要な正確な情報を収集できます。すべての情報は、まったく同じ方法で受信されます。これにより、合理的な方法で回答を整理することが容易になります.
  • お問い合わせフォームは、購読者リストの拡大に​​役立ちます:連絡先フォームのデータを収集、照合、分析して、マーケティングを改善し、リードを生み出すことができます。フォームは、データを自動的に収集して、 グーグルアナリティクス それを理解するために。 「ニュースレターを購読する」に読者を招待する簡単なチェックボックスで、煩わしいことなくメーリングリストを拡大できます。.
  • お問い合わせフォームは自動応答を送信し、ワークフローを改善できます:自動応答がチームメンバーまたは顧客に送信されるようにフォームを設定します。スプレッドシートをデザインし、収集したデータをこれらのシートにエクスポートして、さらに使用します。 WordPressのバックエンドでワークフロー全体が改善されます。さらに、フォームを次のようなサービスと統合できます。 トレロ, Salesforce ワークフローを改善する.
  • お問い合わせフォームを使用して、ユーザーに返信を促すことができます:お問い合わせフォームを使用するインセンティブを訪問者に提供できます。これは、ユーザーエンゲージメントを高め、データ収集を改善する1つの方法です。.
  • お問い合わせフォームは、ウェブサイトのブランディングに役立ちます:お問い合わせフォームは、常に一般的で退屈に見える必要はありません。ブランドやウェブサイトのスタイルに合わせてフォームのスタイルを設定することもできます。ブランドの認知度を高め、オンラインでウェブサイトの認知度を高めるのに役立ちます.
  • お問い合わせフォームの方が一般的に安全です:お問い合わせフォームは、顧客に関する情報を収集するためのより安全で信頼できる方法です.
  • お問い合わせフォームは、メールを過負荷やスパムから保護します:ウェブサイトのお問い合わせフォームにより、受信トレイに届くメールの数が自動的に削減されます。同時に、フォームでスパムフィルターを使用して、フォーム内のスパム応答を減らすことができます。それだけでなく、お問い合わせフォームはサーバー側で処理され、メールアドレスがすぐに利用できない.
  • お問い合わせフォームは、不要な連絡先をフィルタリングするのに役立ちます:連絡先フォームでその人についての情報(電話番号または住所)を要求することにより、不要な連絡先を排除し、真に関心のある読者だけが連絡できるようにすることができます。ただし、これにより本物のユーザーを排除することもできるため、このオプションは慎重に使用してください.
  • お問い合わせフォームは他の目的にも役立ちます:連絡先フォームを取得して、寄付の受け入れ、予約などの二重の義務を果たすことができます。お問い合わせフォームを使用して、訪問者からフィードバックを収集したり、詳細を尋ねたり、製品について問い合わせたりすることを勧めることもできます。.

お問い合わせフォームをウェブサイトに追加する方法

多くの理由から、テーマには通常、組み込みの連絡先フォームがありません。通常、この機能を処理するプラグインがバンドルされています。この投稿では、Totalテーマを使用してWordPressウェブサイトにContact Form 7をインストールする手順を説明します.

合計では、お問い合わせフォームを追加するために2つのプラグインを推奨しています.  お問い合わせフォーム7, あなたの好みがプレミアムプラグインである場合、これは無料で重力フォームです。 2つのオプションのいずれかを選択して、サイトの任意の場所にフォームを追加できます.

Contact Form 7とTotal Themeを使用して連絡先ページを追加する

Totalテーマをインストールするときは、Contact Form 7もインストールすることをお勧めします。サンプルデモをインポートするときにContact Form 7をインストールしてアクティブ化しない場合、ウェブサイトで使用するには、個別にアクティブ化することを覚えておく必要があります。.

Contact Form 7プラグインをアクティブにすると、新しいメニュー項目「連絡先」をダッシュ​​ボードに表示します。あなたが始めるのに役立つサンプルのお問い合わせフォームがあるはずです。クリックしてお問い合わせフォームを開き、フォームの内容を要件に合わせて編集します。編集が完了したら、フォームを保存し、ショートコードをコピーして後で使用します.

オプションを見る 追加の設定 エディターで?このオプションを使用すると、各連絡先フォームに追加の設定を含めることができます。お問い合わせフォームの編集画面の適切なフィールドに、特定の形式のコードスニペットを追加する必要があります.

次に、ダッシュボードから 新しいページ. ページに任意のタイトルを付けます。このページには「連絡先ページ」というタイトルを付けました。ページを下書きとして保存してから、より使いやすいVisual Composerオプションをクリックします。私たちは フロントエンドエディタ 必要に応じて、バックエンドで同じ手順を使用できます.

新しいページを作成する

これにより、Totalが基づいているライブのフロントエンドのドラッグアンドドロップエディターが開きます。お問い合わせフォームを挿入するには、青いボタンをクリックしてください + 要素を追加.

合計テーマ:要素を追加

次に、 フォームショートコード モジュール.

トータルテーマ:フォームショートコードモジュール

次に、最初にコピーしたフォームのショートコードを最初のボックスに貼り付けます。保存してフォームをページに挿入します.

合計テーマ:フォームの挿入

組み込みのフォームオプションTotalを使用して、アニメーション、スタイル、幅、フォントサイズをカスタマイズできます。完了したら、フォームモジュールを開き、画面右上の青いボタンをクリックして 公開する あなたのページ.

合計テーマ:フォームオプション

ライブテーマカスタマイザには、WordPressダッシュボードからアクセスできる追加のオプションがあります。案内する 外観>カスタマイズ>一般的なテーマオプション>リンクとボタン コンタクトフォームで使用されるテーマボタンのスタイルを編集する.

合計テーマ:フォームボタンの色

フォームモジュールを含まない他のテーマでは、ショートコードをWordPressテキストエディターまたはテキストボックスモジュールに貼り付けるだけです。,

サイドバーのウィジェットに連絡先フォームを追加する

完全な連絡先ページの代わりに(またはそれに加えて)、すべてまたは一部のページまたは投稿のサイドバーに連絡先フォームウィジェットを追加することもできます。また、ウィジェットを配置できるWebサイトのフッターまたは任意の領域に追加することもできます。これは、ユーザーがウェブサイトのどこからでもあなたに連絡するのに役立ちます.

TotalはネイティブのWordPress関数を使用しています。したがって、カスタマイザの外観と動作を理解することで、アドバンテージを得ることができます。 Customizer Managerはデフォルトで有効になっています。新しい管理ページを追加します テーマパネル>カスタマイザーマネージャー, WordPressカスタマイザのセクションを有効/無効にできます。この機能について詳しくは、こちらをご覧ください.

しかし、連絡先ウィジェットを追加するというタスクを続行するには、次の場所に移動する必要があります 外観>カスタマイズ.

オプションのセットが表示されたら、クリックします ウィジェット>メインサイドバー.

ウィジェット領域テーマオプションはデフォルトで有効になっています。これにより、サイトにカスタムウィジェット領域を作成できます。組み込みのサイドバー/ウィジェット領域のみを使用する場合は、この機能を無効にできます。カスタムウィジェット領域の追加について詳しくは、こちらをご覧ください.

すべてのウィジェットオプションを含む別のパネルがカスタマイザで開きます。選択する テキストウィジェット, また、既存のメインサイドバーウィジェットに自動的に追加されます。クリックしてドラッグアンドドロップするだけで、ウィジェットを並べ替えてサイドバーでの位置を変更できます.

テキストウィジェットを開き、ウィジェットにタイトルを追加して、連絡先ページの作成中にコピーしたショートコードを貼り付けます.

今、あなたはクリックすることができます 完了> 保存して公開.

また、サイドバーに基本的で機能的な連絡フォームが表示されます(合計には、住所、連絡先番号、メール用に追加できる気の利いたビジネス情報ウィジェットもあります)。これは、フロントバーの読者にサイドバーの連絡フォームが表示される方法です.

お問い合わせフォームのスタイル/フォーマットを変更する

Totalは、チェックボックス、ラジオボタン、ドロップダウン、reCaptcha、非表示フィールド、プレースホルダーテキストなど、Contact Form 7のすべてのフィールドをサポートしています。つまり、フォームの設定を調整したり、自動応答を送信したり、件名を追加したりすることが可能になります。を見てください お問い合わせフォーム7のドキュメント プラグインとプラグインに含まれる優れた機能の詳細については、.

結論する

お問い合わせフォームをウェブサイトに追加するのは簡単で、費用もかからず、効率とワークフローが向上します。ユーザーエクスペリエンスを向上させると同時にこの重要な方法を採用してはならず、同時に重要なリードを獲得する理由はありません。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map