「Cognito Formsで受け付けた問い合わせ情報を、WebflowのCMSに手動で登録している…」
「フォームの送信内容をWebflowにコピー＆ペーストする作業が面倒で、入力ミスも発生しがち…」
このように、Cognito FormsとWebflow間での手作業によるデータ連携に、日々手間やストレスを感じていませんか？
もし、Cognito Formsに新しいエントリーが送信されたタイミングで、その内容が自動的にWebflowのコレクションにアイテムとして追加される仕組みがあれば、こうした定型的な入力作業から解放されます。
今回ご紹介する自動化は、プログラミングの知識がなくてもノーコードで簡単に設定できます！
日々の業務を効率化したいと考えている方は、ぜひこの機会に導入して作業をもっと楽にしましょう！
とにかく早く試したい方へ
YoomにはCognito FormsとWebflowを連携するためのテンプレートが用意されています。
今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
Cognito FormsでNew Entryを検知したら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Cognito Formsで集めたお問い合わせや申し込み情報を、Webflowで作成したWebサイトに手作業で登録していませんか？この作業は件数が増えるにつれて大きな負担となり、転記ミスなどのヒューマンエラーも発生しやすくなります。このワークフローを活用すれば、Cognito FormsでNew Entryを検知したら、自動でWebflowのコレクションにアイテムを追加する処理が可能になり、Webサイトのコンテンツ更新業務を効率化できます。
■このテンプレートをおすすめする方
- Cognito FormsとWebflowを連携させ、手作業による転記業務をなくしたいWebサイト担当者の方
- Webflowのコレクションアイテム追加を自動化し、コンテンツ更新のリードタイムを短縮したい方
- Cognito FormsのNew Entryを素早く検知し、Webflowへ迅速に反映させたい方
■このテンプレートを使うメリット
- Cognito Formsへのエントリー後、自動でWebflowにアイテムが追加されるため、これまで手作業に費やしていたデータ入力の時間を削減できます。
- 手作業によるデータのコピー＆ペーストがなくなることで、入力間違いや項目漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、Cognito FormsとWebflowをYoomと連携します。
- 次に、トリガーでCognito Formsを選択し、「New Entry」のアクションを設定して、新しいフォームの送信を検知できるようにします。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、トリガーで取得した情報を基にアイテムを追加します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowの「コレクションにアイテムを追加」オペレーションでは、Cognito Formsから取得したどの情報をWebflowのどのフィールドに追加するかを任意で設定できます。フォームの回答項目とWebflowコレクションの項目を正しく紐づけてください。
■注意事項
- Cognito Forms、WebflowのそれぞれとYoomを連携してください。
- Cognito FormsのアウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。
それでは、さっそく実際にCognito FormsとWebflowを連携したフローを作成してみましょう！
今回はYoomを使用して、ノーコードでCognito FormsとWebflowの連携を進めていきます。
もしまだYoomのアカウントをお持ちでない場合は、Yoomの登録フォームからアカウントを発行しておきましょう。
※今回連携するアプリの公式サイト：Cognito Forms／Webflow
[Yoomとは]
フローの作成方法
今回はCognito FormsでNew Entryを検知したら、Webflowのコレクションにアイテムを追加するフローを作成していきます！
作成の流れは大きく分けて以下です。
- Cognito FormsとWebflowをマイアプリ連携
- 該当のテンプレートをコピー
- Cognito Formsのトリガー設定およびWebflowのアクション設定
- トリガーをONにし、フローが起動するかを確認
Cognito FormsでNew Entryを検知したら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Cognito Formsで集めたお問い合わせや申し込み情報を、Webflowで作成したWebサイトに手作業で登録していませんか？この作業は件数が増えるにつれて大きな負担となり、転記ミスなどのヒューマンエラーも発生しやすくなります。このワークフローを活用すれば、Cognito FormsでNew Entryを検知したら、自動でWebflowのコレクションにアイテムを追加する処理が可能になり、Webサイトのコンテンツ更新業務を効率化できます。
■このテンプレートをおすすめする方
- Cognito FormsとWebflowを連携させ、手作業による転記業務をなくしたいWebサイト担当者の方
- Webflowのコレクションアイテム追加を自動化し、コンテンツ更新のリードタイムを短縮したい方
- Cognito FormsのNew Entryを素早く検知し、Webflowへ迅速に反映させたい方
■このテンプレートを使うメリット
- Cognito Formsへのエントリー後、自動でWebflowにアイテムが追加されるため、これまで手作業に費やしていたデータ入力の時間を削減できます。
- 手作業によるデータのコピー＆ペーストがなくなることで、入力間違いや項目漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、Cognito FormsとWebflowをYoomと連携します。
- 次に、トリガーでCognito Formsを選択し、「New Entry」のアクションを設定して、新しいフォームの送信を検知できるようにします。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、トリガーで取得した情報を基にアイテムを追加します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowの「コレクションにアイテムを追加」オペレーションでは、Cognito Formsから取得したどの情報をWebflowのどのフィールドに追加するかを任意で設定できます。フォームの回答項目とWebflowコレクションの項目を正しく紐づけてください。
■注意事項
- Cognito Forms、WebflowのそれぞれとYoomを連携してください。
- Cognito FormsのアウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。
ステップ1：Cognito FormsとWebflowをマイアプリ連携
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
Cognito Formsの連携
検索欄にCognito Formsと記入して、表示されたアイコンをクリックしましょう。
任意のアカウント名とAPI Keyを記入して、「追加」ボタンをクリックします。
下記のような表示が出たら、連携は成功です。
Webflowの連携
同様に検索欄にWebflowと記入して、表示されたWebflowのアイコンをクリックします。
アカウント名とアクセストークンを記入して、「追加」ボタンをクリックしましょう！
下記のような表示が出たら、連携は成功です！
ステップ2：テンプレートをコピーする
続いてYoomのテンプレートをコピーします。以下バナーの「試してみる」をクリックしましょう。
Cognito FormsでNew Entryを検知したら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Cognito Formsで集めたお問い合わせや申し込み情報を、Webflowで作成したWebサイトに手作業で登録していませんか？この作業は件数が増えるにつれて大きな負担となり、転記ミスなどのヒューマンエラーも発生しやすくなります。このワークフローを活用すれば、Cognito FormsでNew Entryを検知したら、自動でWebflowのコレクションにアイテムを追加する処理が可能になり、Webサイトのコンテンツ更新業務を効率化できます。
■このテンプレートをおすすめする方
- Cognito FormsとWebflowを連携させ、手作業による転記業務をなくしたいWebサイト担当者の方
- Webflowのコレクションアイテム追加を自動化し、コンテンツ更新のリードタイムを短縮したい方
- Cognito FormsのNew Entryを素早く検知し、Webflowへ迅速に反映させたい方
■このテンプレートを使うメリット
- Cognito Formsへのエントリー後、自動でWebflowにアイテムが追加されるため、これまで手作業に費やしていたデータ入力の時間を削減できます。
- 手作業によるデータのコピー＆ペーストがなくなることで、入力間違いや項目漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、Cognito FormsとWebflowをYoomと連携します。
- 次に、トリガーでCognito Formsを選択し、「New Entry」のアクションを設定して、新しいフォームの送信を検知できるようにします。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、トリガーで取得した情報を基にアイテムを追加します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowの「コレクションにアイテムを追加」オペレーションでは、Cognito Formsから取得したどの情報をWebflowのどのフィールドに追加するかを任意で設定できます。フォームの回答項目とWebflowコレクションの項目を正しく紐づけてください。
■注意事項
- Cognito Forms、WebflowのそれぞれとYoomを連携してください。
- Cognito FormsのアウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。
以下の画像のような画面が表示されたらテンプレートのコピーは完了です。
ステップ3：Cognito Formsのトリガー設定
トリガー設定を行います。1つ目の赤枠をクリックしてください。
アクションは「New Entry」のままで問題ありません！
希望のアカウントが連携されていることが確認できたら、「次へ」をクリックして進んでください。
Webhookを登録します。赤枠をクリックしてURLをコピーしたら、注意事項にしたがってCognito Forms上でWebhookを登録します。
フォームを作成します。今回は以下のようなフォームを使用しました。
