ステップ1:Webflowとkintoneをマイアプリ連携
最初に、YoomとWebflow・kintoneを連携します。
Yoomにログイン後、左側メニュー「マイアプリ」から「+新規接続」をクリックしてください。
それぞれのアプリ名で検索をし、表示された内容に沿って入力を進めていきます。
Webflowを連携する際には、権限の設定に注意してください。
また、kintoneの連携については、以下のリンクを参照しながら入力していきましょう。
アプリ連携ができたら、マイアプリ一覧に表示されるので確認をして連携は完了です。
ステップ2:Webflowでトリガーを設定
最初の設定は「新規注文が発生したら」です。
最初のページでは、マイアプリ連携が済んでいるアカウント情報が反映されています。
複数サイトを運営していたり、商品によってアカウントを分けている方はタイトルをわかりやすいものに変更すると後からフローを確認・修正する際に便利です。
トリガーアクションは変更せず、「次へ」をクリックしてください。
次のページでは、サイトIDを候補から選択して「テスト」をクリックします。
正しく連携ができていたら、次へ進みましょう。
次に、テストのために仮で注文を発生させ、「テスト」をクリックしてください。
テストが成功するとアウトプットを取得できます。
ここまで確認出来たら「保存する」をクリックして、トリガー設定は完了です。
ステップ3:kintoneでレコード追加の設定
次に「レコードを追加する」をクリックしてください。
最初のページでは、まずWebflowと同様にアカウント情報を確認します。
そのまま下にスクロールすると「データベース連携」の項目が出てきます。
連携しているアカウントのアプリIDを候補から選択し、「次へ」をクリックしましょう。
次のページでは、レコードを追加するための詳細設定を入力します。
Webflowの設定で取得したアウトプットを、該当欄で選択するだけです。
必要な項目をすべて入力したら「テスト」をクリックしてエラーの確認をします。
無事、エラーが出なければすべての設定は完了です。
最後にトリガーをONにしてフローを動かしましょう。
これで、Webflowで注文が入ったら情報が自動でkintoneに追加されるようになりました。
Webflow・kintoneを使ったその他の自動化例
ほかにもWebflowとkintoneを使った自動化の例がYoomにはたくさんあるので紹介します。
1.Webflowのフォームが送信されたらkintoneに自動追加されるフローです。ダッシュボードの確認が不要になり、フォームの内容をkintoneに集約できます。アプリ間の行き来も不要になるので業務効率向上が期待できますね。