ContactForm7にコピペで使えるシンプルなフォームテンプレート

WordPressで作ったサイトにContactForm7でお問い合わせフォームを導入した際に最近よく使っているフォームのデザインを置いておきます!良かったらご自由にお使いくださいませ。

ContactForm7にコピペで使えるシンプルなフォームテンプレート

フォームはPC・スマホに対応したレスポンシブで作っております。各種項目は適当に付けたやつも有るのでそこはご自由に編集してくださいませ。

なお、無償配布品につき表示・動作は保証しておりませんので、使用時に発生する不具合・トラブルはすべて自己責任でお願いいたします。

デモ

フォームのコード

22

そのままContactForm7の設定のフォーム内にコピペでOK!メールの方の設定はお任せで。

CSS

基本的にContactForm7が出力しているclassを利用しているのでそのままcssファイルにコピペでOKだと思います。

SCSS

色とかデザインは好みが有るのであれですが「こうした方がCV上がるんじゃない?」みたいなご意見など有りましたらお気軽にどうぞ!