WordPressのお問い合わせフォームウィジェットをサイドバーに追加したいですか？ページのサイドバーにお問い合わせフォームを追加することで、訪問者がサイトのどのページからでも簡単に読み出すことができます。
この記事では、コードを書かずにサイドバーウィジェットにコンタクトフォームを追加する簡単な方法を紹介します。
ビデオ・チュートリアル
指示書に従った方がいいという方は、このまま読み進めてください。
WordPressのサイドバーウィジェットにお問い合わせフォームを追加する方法
まずはプラグインのセットアップから始めよう。
1.WPFormsプラグインをインストールする
WPFormsプラグインをインストールし、有効化することから始めます。詳細については、WordPressにプラグインをインストールする方法についてのステップバイステップガイドを参照してください。
次に、WPForms " Add Newで新しいフォームを作成します。
ブラウザにWPFormsウィンドウが開きます。次はあなたのウェブサイトにコンタクトフォームを追加してみましょう。
2.お問い合わせフォームを追加する
WPForms Setup 画面でSimple Contact Form テンプレートを選択します。
シンプルコンタクトフォームテンプレートにはすでに3つのフィールドがあります：
- 名称
- 電子メール
- メッセージ
左側のパネルから右側のパネルにドラッグすることで、フィールドを追加することができます。その後、フィールドをクリックして変更を加えます。
デフォルトでは、フォームが送信されるとWPFormsは確認メッセージを表示します。しかし、サイドバーは小さなスペースなので、確認メッセージは少し窮屈に見えるかもしれません。
その代わりに、訪問者を別のページにリダイレクトさせることを好むかもしれません。そのためのガイドをいくつかご紹介しましょう：
フォームビルダーのウィンドウを閉じる前に、必ず変更を保存してください。
3.コンタクトフォームサイドバーウィジェットを追加する
フォームの準備ができたら、サイトのサイドバーウィジェットエリアに追加します。
WordPressでサイドバーウィジェットを追加するには、WordPressのサイドバーにある「外観 " ウィジェット」に移動します。
WordPressのウィジェットメニューがない？WordPressでウィジェット対応のサイドバーを追加する方法については、こちらのガイドをお読みください。
リストには、WordPressサイトで利用可能なウィジェットが表示されます。右側のサイドバーエリアにウィジェットをドラッグして使用することができます。
WPFormsウィジェットを見つけるまで下にスクロールします。それをクリックすると、あなたのテーマで利用可能なすべてのウィジェットエリアが表示されます。
WordPressのサイドバーにコンタクトフォームウィジェットを追加するために、メインサイドバーを選択しました。テーマの設定方法によっては、サイドバーの名前が異なる場合があります。
次に、ウィジェットを追加をクリックして、サイドバーにコンタクトフォームを追加します。
表示したいフォームを選択しよう。そのためには、上にスクロールして右側を見てください。現在使用しているすべてのウィジェットが表示されます。
WPFormsウィジェットをクリックして展開します。ここで、ドロップダウンからコンタクトフォームを選択できます。
保存]をクリックすると、コンタクトフォームのサイドバーウィジェットがウェブサイトに表示され、訪問者が入力できるようになります。
完成したサイドバーのコンタクトフォームはこんな感じです：
これで完了です！これでWordPressのサイドバーにお問い合わせフォームを追加することができました。
次に、ファイルアップロードフォームを作成する。
サイドバーウィジェットにコンタクトフォームを設置しました。次はWordPressのファイルアップロードフォームを作りたいですか？
ファイルのアップロードを受け入れることは、あなたのクライアントがドキュメントをアップロードする受注を取るための素晴らしい方法です。
- フォームにファイルアップロードフィールドを追加する方法については、WordPressでファイルアップロードフォームを作成するガイドをご覧ください。
- お問い合わせページの例で、フォームのクリエイティブな使い方をご覧ください。
フォームを作る準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
