今回はWordPressで構築したWEBサイトの問い合わせフォームをカスタマイズしたい方へ向けて、プラグインの活用方法などをまとめたいと思います。7は日本で開発されたプラグインですが、利用は全世界で広がっており、「問い合わせフォームといえばコレ」というイメージが出来上がっています。https://ja.wordpress.org/plugins/contact-form-7/■日本語OK、無料とてもシンプルで使いやすいプラグインであり、こまめにプラグインのバージョンアップもされているため、WEBサイト制作会社も利用することが多いです。7を使うことが一般的になっていると言ってもよいくらいです。シンプルなメールフォームではありますが、ある程度の知識があればカスタマイズも柔軟にできるため、技術者も好んで使っています。7では管理画面から簡単に設定できないというデメリットがあります。までそれぞれURLを変えたいメールフォームから送られた内容をサーバーに保存したいWEBサイトを運営する中で上記のような希望が出てくることはよくあります。メール完了画面の計測をしたい(=メールが送られた回数をチェックしたい)となれば送信完了画面に計測タグをつけたくなります。お客様からのメールが届いていないなどトラブルが起こったときには、サーバーに送信内容が保存されていれば確認できて助かります。7ではご自身が希望する機能を付けづらいと思ったら、制作会社やWEB担当者に改修の依頼をするのも一つの対策ですが、メールフォームのプラグインを変更することでも解決できます。7と比較するとかなり少ないですが、それでもWordPressのメールフォームプラグインの中では多く、20万DL以上を誇ります。これまではプラグインのアップデートがあまりされていないことや、脆弱性が見つかったことなどが導入のハードルとされていましたが、2023年6月現在はアップデートが実施され、指摘されてきた脆弱性も改善されています。Formは管理画面で設定できることが多く、専門的な知識がなくてもカスタマイズしやすいです。計測タグを入れたり画面遷移に合わせてURLを変えたりしたいときなど、手軽なメールフォームの改修に活用できます。Formを使ってみるのはいかがでしょうか。Formの設定方法を解説します。インストールメールフォームの作成メール送信完了画面のカスタマイズメール確認/送信画面のURLを個別設定メールをデータベースに保存する複数のメールアドレスにCCやBCC機能を使って送る新しく導入を考えておられる方の参考になれば幸いです。Form」はインストール、有効化するとすぐに利用できます。Form」から新規追加を行います。Form」のメールフォーム新規作成まずメールフォームに追加する項目をメモしておきます。お客様のお名前、電話番号、メールアドレスなどです。それからメールフォームの新規作成を行います。1メールフォーム識別のためのタイトルを付けます記事と同じような枠が出ており最初は完全に真っ白の状態です。その中にお好みの文章や画像、フォームタグを追加してお問い合わせページを完成させていきます。2電話番号やテキストを入力するフォームは【フォームタグを追加】から追加していきます日付ピッカー(=カレンダー)メール(=メールアドレス)ファイル(=添付ファイル)画像(=添付画像)さまざまな項目がメニューにありますので、必要なものを選びます。3【name】に項目の個別認識するための名前を入れて、【Insert】を押せば設置できますデザインを触りたいときはidやclas、入力欄の幅を指定するときはmaxlengthに入力します。4生成されたショートコードを固定ページや記事ページにペーストしますメールフォーム作成画面内にショートコードが出ていますので、それをメールフォームを付けたい場所にコピペすれば実装完了です。デザインを特別に入れなくても以下のようなページをつくることができます。Form」の特徴です。そのページのカスタマイズも、同じメールフォーム作成画面内で行えます。文章のほか、必要な計測タグを入れたり、メールを送ってくださった方へ向けて追加でお知らせしたい情報を入れたりできます。このページをうまく使うことで、問い合わせ後の成約率を伸ばしたり、WEBサイトの他のページへ誘導することでPVをもっと増やしたりできそうです。エラーとそれぞれ分けての運用もできますし、分けない場合は同じURL内で遷移します。■URLを分けるとできることそれぞれのページURLが異なると、GoogleAnalyticsなどのツールを使い、コンバージョンをとることができます。WEBサイトの分析や改善などをURL単位でチェックしたいときに便利な機能です。Form」で送られるメールをデータベースに保存するトラブル防止のため、できればメールフォームの送信内容は保存しておきたいもの。Form」には標準で保存機能が備わっています。保存する設定にチェックをしておくと保存が始まります。データの呼び出しはCSVファイルでダウンロードできます。Form」で送られるメールを複数のメールアドレスに送るメールフォームからの送信内容をいくつかのメールアドレスで受け取ることができます。メールアドレスがわからないようBCC設定にすることも可能です。担当者と管理者など複数箇所で受け取る設定にしておけば、抜け漏れの予防ができます。【送信先】にカンマで区切って複数のメールアドレスを設定することもできます。Form」の魅力の一つかなと思います。■もう少し専門的な設定もしたい場合は公式のマニュアルもとてもわかりやすいので、以下も合わせてご参考になさってください。https://plugins.2inc.org/mw-wp-form/まとめWordPressで構築したWEBサイトのメールフォームを、拡張したりカスタマイズしたりするために便利なプラグインをご紹介しました。メールフォームを作成する画面内でほとんどの変更ができるのでわかりやすく、手軽に希望通りのメールフォームを作成できます。デザインは入っていないのでCSS設定を行う必要はあるかもしれません。装飾についてはデザイナーさんなどとご相談しながら、調整していただければと思います。書いてるッス!記事のカテゴリートリカコーダー歴10年in北海道トリカです!ペットの白文鳥を肩に乗せながら毎日楽しく仕事をしています。webページもコードも綺麗に作りますよ!期日厳守は勿論、丁寧なコミュニケーションを心がけています。クリエイティブを最大限に活かし、迅速な対応をモットーとするくまwebです。