プログラミング不要！WebflowのアイテムをNotionへ自動連携

ステップ2： テンプレートの選択とコピー

1)上記のテンプレートを開き、「このテンプレートを試してみる」のアイコンをクリックします。

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

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

‍

ステップ3：トリガーを設定

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

‍

ステップ4：Webflowのアクションを設定

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

‍
2) サイトIDを入力します。
アプリが連携出来ていると、候補から選択できます。
入力後に「テスト」をクリックし、成功したら「保存」します。

3) Webhookイベントを送信し、「テスト」をクリックして成功したら「保存」します。

ステップ5：Notionのアクションを設定

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

2) アクションは「レコードを追加する」を選択し、データベースIDを入力します。
入力したら、「次へ」をクリックします。

3) 追加するレコードの値を入力します。
アプリが連携出来ているとWebflowのアウトプット情報を活用して入力できます。
必要に応じて候補から選択し、入力が完了したら「保存」します。

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

‍

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

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

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

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

他にもYoomには、WebflowやNotionを使った自動化のテンプレートがあるのでご紹介します。
自動化を試みたい業務内容や、現在利用しているアプリとの組み合わせに応じて、テンプレートを活用してください。

1.Webflowで注文が発生したらNotionに追加する
このテンプレートは、Webflowで注文が発生した際にそのデータをNotionに自動的に追加するフローです。
注文情報を手動で入力する必要がなくなり、入力時間の削減が見込めます。
また、入力ミスや重複などのヒューマンエラー防止も見込め、ミスによる商品のフォロー業務も削減でき、業務全体の効率化が期待できます。

2. Webflowのフォームが送信されたらNotionに追加する
Webflowから送信されたフォーム内容をNotionに自動で追加することができます。
Webflowのダッシュボードに都度ログインしてフォーム内容を転記する作業が不要となるため、「ヒューマンエラーの発生を防ぎ、業務の効率化が期待できます。
また、Notionにフォーム内容が自動で追加されることで、顧客対応のプロセスをスムーズに進めることが可能です。

3.Notionデータベースの情報でGoogle ドキュメントで見積書を作成し、Gmailでメールを送信する
このフローを活用することで、見積書の雛形にNotionに登録されている情報を自動で追加して見積書を作成し、メールで送付することができます。
Notionの情報を引用して見積書の作成を行うため、正確性の高い見積書を作成することができます。
また、見積書を送付する際のメールも任意で設定できるため、迅速な見積書送付ができ、業務の効率化を行います。

まとめ

WebflowとNotionの連携によって、Webflowでコレクションのアイテムが作成されたらNotionに追加できるようになりました。
この連携により、手動入力の手間を省き、チーム全体でのスムーズな情報共有も期待できます。
また、作業負担を軽減し、自動化によって入力ミスの防止も見込めるため、業務精度の向上も見込めそうです。

今回紹介したYoomを使ったフローは、プログラミング不要で簡単に導入でき、初心者でもすぐに使える仕組みです。
この記事を参考にして、ぜひ自社の業務効率化に役立ててください。