【PHPの知識不要】HTMLのメールフォームを実装する方法3選

2022年10月31日

Webサイト制作でメールフォームを実装してって言われたんだけど、、やり方分かんないや。笑

HTMLで書くだけじゃメール送れないんだよねー？？

はい、残念ながらHTMLでメールフォームを作るだけでは実際にメールを送ることはできません。

メールはサーバーとのやり取りが必要になるんですが、HTMLではサーバーとのやり取りができないので、基本的にはPHPという言語で追記する必要があります。

なるほど。でもPHP全然分からないから、この案件はお断りしよう、、

大丈夫！まだ諦めるのは早いです。

PHPが分からなくても、いくつか対処方法があります。

そこで今回は、PHPの知識がなくてもメールフォームを実装する方法を紹介します。

ひとまずメールフォームの見た目だけ実装したい場合は、こちらのテンプレートをご参照ください。

【方法1】メールフォームサービスを使う(無料の方法もあり)

早く教えてー！できるだけ簡単なやつ。笑

そーですね。簡単にとなると、メールフォームサービスを使うのはオススメです。

今やたくさんのメールフォームサービスが提供されているので、そのようなサービスを利用すると簡単にフォームを実装できます。

試しに「メールフォームサービス」と検索するといろいろと出てくるので、良ければ一度ご確認してみてください。

使い方はサービスによるので、ここでは記載しませんが、基本的には登録してコードをコピペすると簡単に使えたりします。

でも、、、有料なんでしょ？？

まぁ、提供側もボランティアというわけではないので、有料のものが多いですね。

無料のもあるのですが、やはりサポート面やセキュリティ面などしっかりしているかよく確認する必要がありますね。

なんとか無料で安心して使えるメールフォームサービスはないの？？

そこで僕がおすすめするのは、かの有名なGoogleさんが提供している「Googleフォーム」です。

なんと無料！！

超大手企業ですし、セキュリティ面などの心配はないかと思います。

メールフォームの作り方も超簡単。フォームに追加したいものを、ぽちぽちクリックしていくだけで作れちゃいます。

コードを書く必要もありません。

具体的な実装方法は、必要なフォーム項目を選んだら、「送信」ボタンを押します。(いきなり送信ボタンを押していいのかと思うかもしれませんがOKです)

するとこのようにコードが表示されるので、あとはHTMLファイルの中のメールフォームを設置したい場所に貼り付けるだけです。

めちゃ簡単だね！

ぜひ使ってみてください。

デメリットがあるとすると、デザインがGoogleフォームの見た目のままという点ですね。

実はこれ、HTMLでコーディングしたフォームとGoogleフォームを連携させることで、自分の好きなデザインにすることができるのですが、少々ややこしいのでここでは触れません。

「Googleフォーム連携」などで検索すると、記事を書いてくれている方がたくさんいるので、もしGoogleフォームのデザインで満足できなくなってきたら検討してみてください。

次は、メールフォームのPHPテンプレートを使用する方法です。

ありがたいことに今やネット上にはいろいろなテンプレートが出回っています。

メールフォームについても、PHPのコードを提供してくれているものがあり、今回の例では、「PHP工房」さんが有名どころかと思います。

「PHP工房」さんのホームページでは、PHPに関するコードがたくさん用意されており、一部は無料で使用することができます。

メールフォームについても、簡単な内容のものであれば無料で提供されているので、そのまま使うことが可能です。

へぇー、すごくありがたいね

ただし、確かにPHPのコーディングの知識は不要なのですが、PHP開発の環境を用意したり、PHPファイルの扱いについては最低限知っておく必要があるので、そのあたりは有識者に教えてもらう、もしくは勉強する必要があるでしょう。

一度使い方を覚えてしまえば、いつでも実装できるので、時間のある時に実装方法を確認してみるのがオススメですね！

他ににも方法があるの？？

まだあります。3つ目は、もはやWordPressでWebサイトを作ってメールフォームも実装してしまおう。ということです。

WordPressには無料で便利なプラグインがたくさんあります。

メールフォームについても、無料で高機能なフォームがいろいろとあるので、簡単にメール機能を実装できます。

メールフォームプラグインの具体的な使い方は、別の記事で紹介しているので、ぜひ参考にしてみてください。

ちなみに、紹介しているプラグインは、「WPForms」、「Contact Form 7」、「MWWP Form」の3つです。