Webflowで特定のフォームが送信されたら、Cal.comで予約を登録する
Webflowで特定のフォームが送信されたら、Cal.comで予約を登録する
Yoomのテンプレートを使えば、ノーコードで簡単に
Webflow
と
Cal.com
を自動連携できます。
■概要
Webflowで作成したWebサイトのフォームから問い合わせがあった際に、手作業でCal.comへ予約情報を登録していませんか？この作業は時間がかかるだけでなく、情報の転記ミスや登録漏れといったヒューマンエラーの原因にもなりがちです。このワークフローは、WebflowとCal.comを連携させることで、フォームが送信されたら自動で予約登録を行うものです。定型的な予約受付業務を自動化し、スムーズな顧客対応を実現します。
■このテンプレートをおすすめする方
- Webflowで作成したサイトのフォームとCal.comを活用して予約受付を行っている方
- 手作業での予約登録に時間がかかり、本来の業務を圧迫しているWeb担当者の方
- WebflowとCal.comの連携を自動化し、予約管理の工数を削減したいと考えている方
■このテンプレートを使うメリット
- Webflowのフォーム送信をきっかけにCal.comへ自動で予約が登録されるため、手作業に費やしていた時間を短縮することができます。
- システムが自動で情報を連携するため、手作業による転記ミスや予約情報の登録漏れといったヒューマンエラーの防止に繋がります。
■フローボットの流れ
- はじめに、Cal.comとWebflowをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します。
- 次に、オペレーションで分岐機能を設定し、フォームから送信された内容に応じて後続の処理を分岐させます。
- 最後に、オペレーションでCal.comの「予約を登録する」アクションを設定し、フォームから取得した情報をもとに予約を登録します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- 分岐機能では、フォームで送信された値などをもとに、後続の処理を実行するための条件を任意で設定してください。
- Cal.comで予約を登録するアクションでは、Webflowのフォームから取得した情報などを活用し、予約内容を任意で設定してください。
■注意事項
- Webflow、Cal.comのそれぞれとYoomを連携してください。
- Webflowの内容を取得する方法は「「取得する値」を追加する方法」を参照ください。
- 分岐はパーソナルプラン以上のプランでご利用いただける機能（オペレーション）となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
- パーソナルプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。詳しくは、料金プランのページをご参照ください。
類似したテンプレートをご紹介！
すべてのテンプレートを見る
使用しているアプリについて
Webflow
Webflow
を使ったテンプレート
Webflowのアイテム更新をトリガーにMailerLiteの購読者情報を自動更新するフローです。手作業の転記や更新漏れを防ぎ、運営者の日々の作業時間を効率化し、入力ミスを確実に削減できます。
Webflowのアイテム公開を契機にMailchimpのキャンペーンを自動生成するフローです。サイト更新からメール配信までをひと続きにし、入力作業や転記ミスを抑えて運用を効率化します。
Webflowで新しいコンテンツが公開されるとGitHubにIssueを自動生成するフローです。転記作業の手間や漏れを抑え、開発タスク共有をスムーズにします。
Cal.com
Cal.com
を使ったテンプレート
Cal.comで作成された予定をSlackへ自動通知するフローです。手動コピー＆ペーストの負担を減らし、共有漏れや更新遅れを防いでチーム確認をスムーズにします。
Cal.comで登録した打ち合わせをトリガーにGitHubへIssueを自動生成するフローです。手入力を省き、転記漏れや記載ミスを防いで開発タスクを確実に共有できます。
Cal.comの予約が入った瞬間に、Yoom経由でDiscordの指定チャンネルへ詳細を自動投稿するフローです。通知作業の時間を抑え、共有漏れや内容の誤りを防ぎ、チームの情報連携をスムーズにします。
使用しているアプリについて
Webflow
YoomではWebflowのAPIとノーコードで連携し、様々な業務を自動化することが可能です。WebflowのCMSのコレクションにアイテムを新たに自動的に追加したり、アイテム情報の更新を自動化することができます。もちろん登録したアイテムを公開することも可能です。
詳しくみるテンプレート
Webflowのアイテム更新をトリガーにMailerLiteの購読者情報を自動更新するフローです。手作業の転記や更新漏れを防ぎ、運営者の日々の作業時間を効率化し、入力ミスを確実に削減できます。
Webflowでアイテムが更新されたら、テキストを抽出してMailerLiteでSubscriberをUpdateする
Webflowのアイテム公開を契機にMailchimpのキャンペーンを自動生成するフローです。サイト更新からメール配信までをひと続きにし、入力作業や転記ミスを抑えて運用を効率化します。
Webflowでアイテムが公開されたら、テキストを抽出してMailchimpでキャンペーンを作成する
Webflowで新しいコンテンツが公開されるとGitHubにIssueを自動生成するフローです。転記作業の手間や漏れを抑え、開発タスク共有をスムーズにします。
Webflowでアイテムが公開されたら、GitHubでIssueを作成する
Cal.com
YoomではCal.comのAPIとノーコードで連携し、Cal.comと様々なサービスを連携できます。
例えば、Cal.comで予定が登録したことをSlackやTeamsなどのチャットツールに通知したり、SalesforceやHubSpotなどのCRMに予定に登録したユーザーの情報を連携することが可能です。
詳しくみるテンプレート
Cal.comで作成された予定をSlackへ自動通知するフローです。手動コピー＆ペーストの負担を減らし、共有漏れや更新遅れを防いでチーム確認をスムーズにします。
Cal.comで予定が作成されたら、Slackに通知する
Cal.comで登録した打ち合わせをトリガーにGitHubへIssueを自動生成するフローです。手入力を省き、転記漏れや記載ミスを防いで開発タスクを確実に共有できます。
Cal.comで予定が作成されたら、GitHubにIssueを作成する
Cal.comの予約が入った瞬間に、Yoom経由でDiscordの指定チャンネルへ詳細を自動投稿するフローです。通知作業の時間を抑え、共有漏れや内容の誤りを防ぎ、チームの情報連携をスムーズにします。
Cal.comで予定が登録されたら、Discordでメッセージを送信する
ノーコードで実行可能なAPIアクション
実行可能なAPIアクション
フローボットトリガー
フォームが送信されたら
コレクションのアイテムが作成されたら
コレクションのアイテムが更新されたら
コレクションのアイテムが削除されたら
コレクションのアイテムが非公開になったら
新規注文が発生したら
注文情報が更新されたら
コレクションのアイテムが公開されたら
予定が登録されたら（Webhook）
予定が変更されたら（Webhook）
予定がキャンセルされたら（Webhook）
予定がノーショーとなったら（Webhook）
会議が終了したら（Webhook）
会議が開始したら（Webhook）
フローボットオペレーション
コレクションにアイテムを追加
コレクションのアイテムを更新
コレクションのアイテムを公開する
コレクションのアイテムを検索
ローカライズされたコレクション内にアイテムを作成
コレクションのアイテムを更新（マルチリファレンスフィールド）
コレクションのアイテムを取得
コレクションのアイテムを削除
特定のコレクション内にあるアイテム総数を取得
コレクションのライブアイテムを更新
予約の一覧を取得する
予約を登録する
フローボットトリガー
フォームが送信されたらコレクションのアイテムが作成されたらコレクションのアイテムが更新されたらコレクションのアイテムが削除されたらコレクションのアイテムが非公開になったら新規注文が発生したら注文情報が更新されたらコレクションのアイテムが公開されたら
フローボットオペレーション
コレクションにアイテムを追加コレクションのアイテムを更新コレクションのアイテムを公開するコレクションのアイテムを検索ローカライズされたコレクション内にアイテムを作成コレクションのアイテムを更新（マルチリファレンスフィールド）コレクションのアイテムを取得コレクションのアイテムを削除特定のコレクション内にあるアイテム総数を取得コレクションのライブアイテムを更新
フローボットトリガー
予定が登録されたら（Webhook）予定が変更されたら（Webhook）予定がキャンセルされたら（Webhook）予定がノーショーとなったら（Webhook）会議が終了したら（Webhook）会議が開始したら（Webhook）
フローボットオペレーション
予約の一覧を取得する予約を登録する
