Contact Form7からkintoneに連携する方法
![](https://llc-noa.blog/wp-content/uploads/2023/11/a1bc72bc57d51febc33059d5e578f38c.jpg)
WordPressを使っている人なら「Contact Form7」を使ってフォームを作っている方が多いのではないでしょうか?そして、Contact Form7からスプレッドシートなどと連携して運用している人が多いのではないでしょうか?
今回はContact Form7からkintoneを連携する方法を解説していきます。
Contact Form7とは
Contact Form7はお問い合わせフォームを簡単に作るWordpressのプラグインになります。
Contact Form7は無料で使うことができ不明点が出ても有名なプラグインなどで簡単に調べることができます。
kintoneとは
kintone(キントーン)は、ノーコードで開発の知識がなくても自社の業務に合わせたシステムを作成できるサイボウズ社のサービスです。アプリごとにカスタマイズができるので外部APIで他のシステムとの連携もできます。
Contact Form7からkintoneに連携する方法
今回使用するもの
- kintone
- WordPress
- Contact Form7(WordPressのプラグイン)
- Form data to kintone(WordPressのプラグイン)
kintone側の設定手順
- kintoneにお問い合わせ用のアプリを作成する
- 連携用のAPIトークンを作成する
1.kintoneにお問い合わせ用のアプリを作成する
kintoneで任意のアプリを作成します。
下記の画像は作成例です。アプリ名や項目名は任意で大丈夫です。
![](https://llc-noa.blog/wp-content/uploads/2023/11/cf0a1f908d874f61f194d98ea1d10e28-1024x447.png)
2.連携用のAPIトークンを作成する
アプリの作成ができたら連携するためのAPIトークンを作成します。
「設定」タブから「APIトークン」を選択します。
![](https://llc-noa.blog/wp-content/uploads/2023/11/c6158f7d468237befe0a34b2b85837b8-1024x444.png)
「生成する」ボタンを押下します。押下すると自動的にAPIトークンが生成されます
APIトークンが生成されたらアクセス権の部分に「レコード閲覧」「レコード追加」を選択します。権限を設定しないとWordpress側からのデータ連携ができなくなります。
![](https://llc-noa.blog/wp-content/uploads/2023/11/bc71481dadfa9dafb9ace1b6b9505bcb-1024x446.png)
WordPress側の設定手順
- プラグインのContact Form7とForm data to kintoneをインストールします。
- お問い合わせフォームを作成する
- Form data to kintoneの設定をする
- 動作確認をする
プラグインのContact Form7とForm data to kintoneをインストールします。
![](https://llc-noa.blog/wp-content/uploads/2023/11/8f3a78e7589c307f282a4627a84ba7b1.png)
![](https://llc-noa.blog/wp-content/uploads/2023/11/021c042fd5c8dc2c6eed9481430ab38d.png)
上記のプラグインをインストールします。
お問い合わせフォームを作成する
下記の画像は作成例です。わかりやすい名前にしましょう。
![](https://llc-noa.blog/wp-content/uploads/2023/11/f1ac85311fa12fb92dd20a039168b154-1024x474.png)
Form data to kintoneの設定をする
お問い合わせフォームが作成できたらForm data to kintoneの設定になります。
お問い合わせフォームを作成画面から「kintone」タブを選択し、設定画面を開きます
![](https://llc-noa.blog/wp-content/uploads/2023/11/image.png)
項目 | 設定する値 |
---|---|
kintoneのドメイン | 契約しているkintoneのアドレス(◯◯.cybozu.com) |
kintone へ登録エラーを送信するメールアドレス | 設定したいメールアドレス |
ベーシック認証 | kintoneにログインする際のIDとパスワード |
APP ID | お問い合わせ用のアプリID(https://◯◯.cybozu.com/k/□/)←□の番号 |
Api Token | kintone側の設定手順の2.連携用のAPIトークンを作成するで生成されたAPIトークン |
設定し終わってGETボタン押下するとkintoneの項目が並びます。
kintoneに連携したい項目をマッピングしていきます。
![](https://llc-noa.blog/wp-content/uploads/2023/11/bc5e3060a8ee7350744219b33e9891d0-1024x540.png)
動作確認をする
固定ページなどに先程作成したお問い合わせフォームを設置します。
設置ができるとお問い合わせフォームを表示され、各項目に入力して行きます
入力し終わったら送信ボタンを押下します。
![](https://llc-noa.blog/wp-content/uploads/2023/11/7d3775c3c120962d4773fda17ff1be33-1024x490.png)
送信ができるとkintoneにレコードが追加されます。
![](https://llc-noa.blog/wp-content/uploads/2023/11/388c933e4483f6b89568332b039b7d19-1-1024x443.png)
これで連携ができました。
まとめ
今回はContact Form7からkintoneに連携する方法を解説しました。
以前はスプレッドシートで管理をしていましたがデータが見にくかったのでkintoneで連携できたら見やすくなるんじゃないかと思い書かせていただきました。
是非試してみてください。