Webflowとkintoneの連携で注文情報を自動追加する方法とメリット

ステップ1：Webflowとkintoneをマイアプリ連携

最初に、YoomとWebflow・kintoneを連携します。
Yoomにログイン後、左側メニュー「マイアプリ」から「＋新規接続」をクリックしてください。

それぞれのアプリ名で検索をし、表示された内容に沿って入力を進めていきます。
Webflowを連携する際には、権限の設定に注意してください。

また、kintoneの連携については、以下のリンクを参照しながら入力していきましょう。

kintoneマイアプリ登録方法

アプリ連携ができたら、マイアプリ一覧に表示されるので確認をして連携は完了です。

次は、マイプロジェクトにテンプレートコピーして、フローボットを作成していきます。
コピーがまだの場合は、フローボットテンプレートを下記よりコピーしてください。

1.バナーにカーソルを合わせ「詳細を見る」をクリック
2.移行したページの「このテンプレートを試す」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

‍

ステップ2：Webflowでトリガーを設定

最初の設定は「新規注文が発生したら」です。
最初のページでは、マイアプリ連携が済んでいるアカウント情報が反映されています。

複数サイトを運営していたり、商品によってアカウントを分けている方はタイトルをわかりやすいものに変更すると後からフローを確認・修正する際に便利です。

トリガーアクションは変更せず、「次へ」をクリックしてください。

次のページでは、サイトIDを候補から選択して「テスト」をクリックします。
正しく連携ができていたら、次へ進みましょう。

次に、テストのために仮で注文を発生させ、「テスト」をクリックしてください。
テストが成功するとアウトプットを取得できます。

ここまで確認出来たら「保存する」をクリックして、トリガー設定は完了です。

ステップ3：kintoneでレコード追加の設定

次に「レコードを追加する」をクリックしてください。

最初のページでは、まずWebflowと同様にアカウント情報を確認します。

そのまま下にスクロールすると「データベース連携」の項目が出てきます。
連携しているアカウントのアプリIDを候補から選択し、「次へ」をクリックしましょう。

次のページでは、レコードを追加するための詳細設定を入力します。

Webflowの設定で取得したアウトプットを、該当欄で選択するだけです。
必要な項目をすべて入力したら「テスト」をクリックしてエラーの確認をします。

無事、エラーが出なければすべての設定は完了です。
最後にトリガーをONにしてフローを動かしましょう。

これで、Webflowで注文が入ったら情報が自動でkintoneに追加されるようになりました。

今回使用したフローボットテンプレート
Webflowで注文が発生したらkintoneに追加する

Webflow・kintoneを使ったその他の自動化例

ほかにもWebflowとkintoneを使った自動化の例がYoomにはたくさんあるので紹介します。

1.Webflowのフォームが送信されたらkintoneに自動追加されるフローです。ダッシュボードの確認が不要になり、フォームの内容をkintoneに集約できます。アプリ間の行き来も不要になるので業務効率向上が期待できますね。

2.Webflowでコレクションのアイテムが作成されたらkintoneのデータベースに追加することも可能です。注文情報やフォームの内容に限らず、指定したデータを追加できるので幅広い業務への対応が期待できます。

まとめ

Webflowとkintoneの連携により、注文情報の管理がしやすくなるので、業務効率の向上が期待できます。手作業のミスを減らし、ストレスなく管理業務を進められる可能性があるのも大きなメリットですよね。

この連携は、Yoomを使えばプログラミングの知識がなくても設定できます！もし「もっと業務を効率化したい」「手間を省きたい」と思っているなら、ぜひYoomに無料登録して、実際に試してみてください。今すぐ始めて、仕事の負担を軽減しましょう！