ポートフォリオ、以前はphpで作ってたんですが、最近はhtmlに直して、お問い合わせもgoogle formに飛ぶように変えてたんだけど、
やっぱりそれじゃあかんか、、ってことでまたお問い合わせフォームを実装することにしました。
ただ、phpで書くのちょっとめんどくさいし、ファイルもphpファイルにしなきゃいけないから、mamp起動させて、、って思うとなかなかやる気が湧かず。
しかし、調べたらhtmlで実装できる方法がありました。
htmlでメール送信
アクセスキーを得て、お問い合わせフォームのコードに入れ込むだけです。
超簡単。
<form action="https://api.staticforms.xyz/submit" method="post"> <input type="text" name="name" placeholder="Your Name"> <input type="text" name="email" placeholder="Your Email" /> <textarea name="message"></textarea> <input type="text" name="honeypot" style="display:none"> <input type="hidden" name="accessKey" value="aaaaaaaa-bbbb-cccc-dddd-eeee6666kkkk"> <input type="hidden" name="subject" value="Contact us from - example.com" /> <input type="hidden" name="replyTo" value="@"> <input type="hidden" name="redirectTo" value="https://example.com/contact/success"> <input type="submit" value="Submit" /> </form>
accecssKeyのところのvalueに自分のアクセスキーを入れて、
redirectToのところに戻りたいページのアドレスを。
これだけで簡単にお問い合わせフォームで送信ができます。
わたしはすでにcssも書いていたので、accessKeyとredirect先を書くくらいでした。
あと、送信完了しましたのページを簡易で別に作ってそこに飛ばせるようにしたくらいですが、あっという間にできるので、下手にphpをいじるよりも良いかもしれません。
久しぶりにqiitaにも書きました。↓