Webflowとkintoneを連携！コレクションをレコードに自動追加する方法

ステップ3:Webflowとkintoneの連携設定

1)先ほど紹介したテンプレートの「このテンプレートを試してみる」のアイコンをクリックしてマイプロジェクトへコピーします。

2) 以下のような表示が出てきます。

右に表示される「！」のアイコンを順番にクリックし、フローを編集していきます。
タイトルや詳細は、クリックすると変更可能です。
適宜変更してください。

3)「アプリトリガー　コレクションのアイテムが作成されたら」をクリックします。

4) アクションは「コレクションのアイテムが作成されたら」を選択して、「次へ」をクリックします。

5) サイトIDを入力します。
アプリが登録されていれば、候補から選択して入力できます。
入力が完了したら、「次へ」をクリックします。

‍

6) Webhookイベントを送信、またはトリガーとなるイベントを実行し、「テスト」をクリックします。
テストが成功したら、「保存」をクリックします。

7) フローに戻り、「データベースを操作する　レコードを追加する」のアイコンをクリックします。

8) アクションは「レコードを追加」を選択し、アプリIDを入力します。
アプリが登録されていれば、候補から選択して入力できます。
入力できたら「次へ」をクリックします。

9) 追加するレコードの値を入力します。
アプリが登録されていれば、Webflowのアウトプット情報を活用して、候補から選択して入力できます。
入力が完了したら、「保存」をクリックします。

 10) これで【Webflowでコレクションのアイテムが作成されたらkintoneに追加する】というフローが完成です。

‍

ステップ4: テストと確認

 最後まで設定すると以下のような表示が出てくるので、「トリガーをON」をクリックします。
フローボットを起動し、正しく作動するか確認してください。

今回使用したテンプレートはこちら

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

他にも、Webflowやkintoneを使った自動化のテンプレートがYoomにあるのでご紹介します。
用途に合わせてテンプレートを活用してください。

1. Webflowで注文が発生したらkintoneに追加する
‍このテンプレートは、Webflowで注文が発生すると自動でkintoneに追加することができます。
kintoneへの情報追加が自動化されることで、手動による追加作業が不要となり、業務の効率化を図ることが可能です。
また、手動入力の削減で生まれた時間を他の業務に使えるため、全体の効率化につながります。

2. Webflowのフォームが送信されたらkintoneに追加する
Webflowのフォームが送信されると、自動でkintoneに情報が追加されます。
毎回ダッシュボードにログインする必要が無くなり、フォーム内容が自動でkintoneに追加されるため、業務の効率化が期待できます。
例えば、問い合わせフォームから収集した顧客情報を営業担当がkintoneで確認することも可能になります。

3.Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加する
‍Webflowのコレクションのアイテムが追加されると自動でGoogle スプレッドシートに追加することができます。
Google スプレッドシートへの追加作業を自動化できるため、管理業務の時間を削減し、業務をスムーズに進めることが期待できます。

まとめ

Webflowとkintoneの連携により、コレクションアイテムが作成されると、kintoneに自動で追加される仕組みが実現できます。
この自動化により、手動でのデータ入力が不要となり、業務の効率化が見込めます。
また、データの正確性や一貫性が向上し、ビジネスの生産性を高めることも期待できます。
さらに、プログラミングの知識がなくても簡単に設定できるノーコードなので、誰でも手軽に導入できる点が魅力です。

この記事で紹介した手順を参考に、ぜひ自社の業務効率化に役立ててください！