公開日:2020-06-15
こんにちは、金春です。アールスリー社内のkintoneアプリを紹介するシリーズ2回目です。
今回は、弊社のホームページにある問合せフォームです。
問合せフォーム
弊社のホームページは、webflowというサービス上に構築されています。
この webflow でのホームページ構築の話は、以下の記事をご覧ください。
kintoneで問合せフォームと言えば、トヨクモさんのフォームブリッジを使うという方が多いとは思うのですが、弊社は現在のホームページに使っているwebflowとの親和性など、いくつかの理由により使っていません。
![20200615181742_33lwm.png](https://www.r3it.com/wp-content/uploads/2023/08/5ee7464527a5c97d4a9e2013_20200615181742_33lwm.png)
現在のフォームは、webflowが持っているフォーム機能を使っています。デフォルトの状態だとフォームへの入力があるとメールでその内容が送られてきます。ただメールで送られてくるだけだと見逃してしまうことがあります。弊社はお客さんとのやりとりは別として社内業務ではメールを全く使っていません。ですので、担当者によってはメールのチェック頻度が極めて低いのです。
ここで2つの要件が発生します。
- 問合せフォームの内容をkintoneに連携したい
- 問合せが来たらすぐに知りたい(いい感じに通知してほしい)
kintoneアプリの準備
問合せの内容を格納するkintoneアプリを作ります。
![20200615182751_uvbpn.png](https://www.r3it.com/wp-content/uploads/2023/08/5ee746459f6d138ad5636d2f_20200615182751_uvbpn.png)
もうみなさんの予想の範囲を全くでない、なんの変哲もないkintoneアプリです。プラグインもカスタマイズも全く入っていません。標準機能で項目を並べただけのアプリです。
いざ連携!
さて、上の2つの要件を満たすための連携機能を作っていきます。使うのは Zapier です。
Zapierは、弊社が利用している webflow にも slack にも kintone にも対応していますので、これで簡単に連携機能を作ることができます。
上に書いた「問合せが来たらすぐに知りたい」というところですが、kintone の通知でも知ることができるのですが、弊社では最もリアルタイム性の高いコミュニケーションツールとして slack を利用していますので、slack に通知される方が気づきやすいです。
そのため、以下のような設定を行います。
![20200615183048_k2yml.png](https://www.r3it.com/wp-content/uploads/2023/08/5ee746463c40cf084dbd171f_20200615183048_k2yml.png)
- webflowでフォームの送信があれば、Zapierが起動するようにする
- 送信された内容をslackの問合せ通知用チャンネルに送信する
- さらに、その内容を kintone にレコード追加する
設定はとても簡単で、サンプルデータを取得してくれるのでそれを見ながら、メッセージの内容などを作っていくだけです。
![20200615185140_qwec4.png](https://www.r3it.com/wp-content/uploads/2023/08/5ee74645f68eac14bc561742_20200615185140_qwec4.png)
![20200615185300_1f2pj.png](https://www.r3it.com/wp-content/uploads/2023/08/5ee746462c79a45e09536483_20200615185300_1f2pj.png)
実際の動き
早速試してみましょう〜。問い合わせフォームに次のような内容を書き込みます。
![20200615183635_pjt7b.png](https://www.r3it.com/wp-content/uploads/2023/08/5ee746461f2a1711b9ce4f84_20200615183635_pjt7b.png)
いざ、送信!
するとすぐにslackに通知が来ます。
![20200615183823_e4u0u.png](https://www.r3it.com/wp-content/uploads/2023/08/5ee7464725b7bb07ec4e661a_20200615183823_e4u0u.png)
と、同時にkintoneにもデータが入っています。
![20200615183907_xgbon.png](https://www.r3it.com/wp-content/uploads/2023/08/5ee7464791cff1c132701bd8_20200615183907_xgbon.png)
簡単ですね〜。全くプログラムを書くことなく設定だけでできてしまいます。
まとめ
弊社では kintone をノーコードでカスタマイズするサービス gusuku Customineを提供していますので、ノーコードの可能性を勉強する意味でも、できる限り仕組みをノーコードで構築するようにしています。
今は様々なサービスを組み合わせることで、昔と比べて極めて少ない開発量でたくさんのことができるようになっています。kintone をお使いの方も kintone だけでなんとかしようとするのではなく、様々なサービスを活用するとできることの幅が一気に広がりますので、トライしてみてください。
当然、それぞれのサービスに料金が発生するわけですが、その料金を払う価値のある仕組みを短時間で構築できます。もし試してみてイマイチなら辞められるというのもサービスのいいところですね。
ぜひ臆することなくトライしてみてください。
投稿者プロフィール
![アバター画像](https://www.r3it.com/wp-content/uploads/2023/09/cropped-konparu-100x100.jpg)
-
"gusukuシリーズプロダクトマネージャー
ノーコード(No-Code)の有効性に着目し、kintoneとgusukuシリーズの普及のため全国を飛び回っています。"
最新の投稿
gusuku2023年12月25日数字で見るカスタマイン2023
kintone2023年11月9日kintone hiveを支える技術
life-work2023年2月28日リアル参加のススメ
kintone2022年7月27日「ありがと・すごい」アプリでわかるチームのチカラとkintoneの価値