WordPressでお問い合わせフォームを設置する Contact Form 7

Contact Form 7 でお問い合わせフォームを設置する

公式ドキュメント：https://contactform7.com/ja/docs/

---

導入スクリーンショット

・管理画面からプラグインをインストールし有効化

・管理画面に”お問い合わせ” メニューが追加されるので、そこからフォームを作成、編集

固定ページを作成し、ショートコードを設置

ブロックで選択もできる！！

slagを/contactにしておこう…

完成！

お問い合わせ

---

よくある要望カスタマイズ

公式ドキュメントにTipsがまとまっていて、ここを見るとたいてい解決する。ありがたい😭

公式ドキュメント：https://contactform7.com/ja/docs/

スパムがめっちゃ来る…

→ reCAPTCHAを設定する

確認画面・完了画面がほしい

→ Contact Form 7 Multi-Step Forms がよさそう？

Contact Form 7 Multi-Step Forms

お問い合わせが来たらチャットツールに転送したい

→ Gmailに転送してGASでAPI連携…

お問い合わせ完了時の表示をリッチにしたい

→ CSSを書く

送信完了をコンバージョンとして計測したい

→ JavaScriptを書く

追記予定…

---

運用上の注意

通知が届くか、しっかりテストする。機会損失を防ぐ😭

・導入時にテスト

・WordPressやプラグインが更新された際にもテスト

・定期的にテスト (月に１回くらいはやりたい)

・Flamingoも導入してお問い合わせ内容・履歴をWordPressの管理画面から閲覧できるようにする