お問い合わせフォームはサイトを運営する際に重要な機能の一つとなっております。
しかしそんなお問い合わせフォームのウィジットは無料版のElementorには存在しておりません。
今回はそんなお問い合わせフォームを作成する方法を解説していきます。
ぜひ最後までご覧ください!
Elementorでお問い合わせフォームを作成する方法をご紹介していきます。
![](https://elementor-hacks.com/wp-content/uploads/2021/12/kelly-sikkema-LNlzd-Y7orw-unsplash-2-1024x683.jpg)
それでは早速Elementorでお問い合わせフォームを作成する方法をご紹介していきます。
Elementorでお問い合わせフォームを作成する方法は、
- 有料版のElementor Proを購入する
- 無料のプラグインを導入する
の2つとなっております。
それぞれ詳しく解説していきます。
有料版のElementor Proを購入する
![](https://nocode-navi.com/elementor/wp-content/uploads/2021/09/140256b363283bb8900abfde331ce22f-1024x495.png)
Elementorでお問い合わせフォームを作成する方法として一つ目にご紹介する方法は、「有料版のElementor Proを購入する」です。
有料版のElementor Proはウィジットに「Form」があります。
カスタムCSSと合わせて作成するだけでより自分の思った通りのお問い合わせフォームを作成することが出来ます。
詳しくはこちらのページを参考にしてください!
→公式サイトはこちら
無料のプラグインを導入する
![](https://nocode-navi.com/elementor/wp-content/uploads/2021/09/4cc205ba3be2ea025072bbaba1089f06-1024x467.png)
Elementorでお問い合わせフォームを作成する方法としてつ目にご紹介する方法は、「無料のプラグインを導入する」です。
WordPressで無料で簡単にお問合せフォームを作成できるプラグインは数多く存在します。
今回はその中でも特におすすめな「Contact Form7」についてご紹介していきます。
お問い合わせフォームの作成方法
➀Contact Form7をインストールして有効化する
➁管理画面から「お問い合わせ」→「コンタクトフォーム」を選択
➂一覧から「コンタクトフォーム1」の編集ボタンをクリックする
④自分の必要な項目などを入れる(ネットでコンタクトフォームのひな型のHTMLをひぱってくるのもあり)
➄保存をおしてショートコードをコピーする
➅Elementorの編集画面で自分の挿入したい部分にショートコードを差し込む
これだけです。
まとめ
今回はそんなお問い合わせフォームを作成する方法を解説していきました。
ぜひサイトを作成する際はこちらのページをご参考にしてください!