WordPressでは、プラグイン「Contact Form7」などを使って簡単に
問い合わせフォームを作ることができますが
メールフォーム作成ツールを使ってサイトに埋め込む方法もあります。
![](https://moriya2020.com/wp-content/uploads/2021/10/contact-ga0bb19a8c_640-300x200.jpg)
今回は無料で使えるメールフォーム作成ツールの中でも
複数のフォーム作成が可能な「フォームメーラー」の使い方をご紹介します。
フォームメーラーのサイトを開き「今すぐ無料ではじめる」をクリック
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_1-1024x501.png)
無料の「新規登録」をクリック
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_2-1024x563.png)
メールアドレスを入力し「送信」
登録したメールアドレスに届いたメールを開き「本登録」に進む
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_3.png)
メールに記載されたリンクを開き「本登録」に必要な項目を入力
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_4.png)
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_5.png)
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_6-1-1024x565.png)
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_7.png)
「入力項目編集」をクリック
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_8-1-1024x558.png)
左側にある項目から必要なものを右側へドラッグ&ドロップで挿入します
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_9-1024x642.png)
右側にある項目で編集、削除したいものはカーソルを合わせたときに
右上に表示されるマークをクリックします。
並べ替えも可能です。
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_10.png)
編集画面の例
- 項目名:「性別」「お名前」など
- 注釈:補足事項があれば追記します
- 入力必須:必須にしたい場合にはチェックを入れます
- 選択値:選択項目を改行して入力します
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_12.png)
無料プランでは利用規約などへの同意を求める機能がないため
チェックボックスを使って同意を求めることが出来ます。
「入力必須」にチェックを入れ、選択値に「同意します」の文言を入れます。
![](https://moriya2020.com/wp-content/uploads/2021/12/formmaier_13.png)
作成例
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_17.png)
フォームが完成したら「環境設定」を開き「公開設定」を行います。
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_14-1024x651.png)
公開設定をしたら「コード表示」をクリック
リンクで貼り付ける場合には「URLリンク」
フォームを埋め込みたい場合には「HTMLコード」の「ページ全体」をコピーします。
※「埋め込みコード」はページ内に枠が表示され、フォームをスクロールして見る形になります。
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_11-_2-1024x570.png)
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_18-1-1024x555.png)
WordPressのお問い合わせページなど該当のページを開く。
「URLリンク」の場合
テキストを入力し赤い四角の枠へコピーしたURLを貼り付け
![](https://moriya2020.com/wp-content/uploads/2021/12/link.png)
「HTMLコード」の場合
「カスタムHTML」を選択しコピーしたコードを貼り付ける。
「カスタムHTML」がない場合は「すべて表示」をクリックして探します。
![](https://moriya2020.com/wp-content/uploads/2021/12/custom_html_1.png)
赤い四角の枠の中へコードを貼り付け。
![](https://moriya2020.com/wp-content/uploads/2021/12/custom_html_2.png)
右上の「公開」を忘れずに。
フォームメーラーのダッシュボードを開き「レポート」をクリック
問い合わせがあった際にはここから確認が出来ます。
(登録したメールアドレスへも通知が来ます)
![](https://moriya2020.com/wp-content/uploads/2021/12/formmailer_16-1024x558.png)