Webflowとkintoneを連携してWebflowのフォームが送信されたらkintoneに追加する方法
Webflowとkintoneを連携してWebflowのフォームが送信されたらkintoneに追加する方法
Yoomを詳しくみる
この記事のテンプレートを試す
Webflowとkintoneを連携してWebflowのフォームが送信されたらkintoneに追加する方法
フローボット活用術

2025-03-26

Webflowとkintoneを連携してWebflowのフォームが送信されたらkintoneに追加する方法

Tomomi Aizawa
Tomomi Aizawa

オンラインストアを運営していると、注文管理に時間を取られ、他の重要な業務に手が回らなくなることはありませんか?そんな悩みを解決するのが、Webflowとkintoneの連携です。
例えば、Webflowで送信されたフォームデータを自動的にkintoneに反映させることで、手動入力の手間を省き、データ管理の精度向上が可能となるでしょう。
この記事では、手動入力の削減やフォームデータの一元管理といった具体的なメリットと連携方法について紹介します。
顧客管理やリード情報をkintoneで一元管理したい方におすすめです!

とにかく早く試したい方へ

YoomにはWebflowとkintoneを連携するためのテンプレートが用意されています。
今すぐ試したい方は以下のバナーをクリックしてスタートしましょう!


■概要

Webflowのフォームが送信されたらkintoneに追加するフローです。

■このテンプレートをおすすめする方

1.WebflowでWebサイトを運営している方

・Webflowのフォームから顧客情報を収集している企業

・Webflowのフォームで獲得したリード情報を活用している方

2.kintoneを業務で活用している方

・kintoneへのデータ入力を自動化したい方

・顧客情報やリード情報をkintoneで一元管理している方

■このテンプレートを使うメリット

Webflowから送信されたフォーム内容を確認する際、ダッシュボードから確認する必要があります。
都度ダッシュボードにログインして確認する必要があるため、手間だと感じているかもしれません。

このテンプレートは、Webflowのフォームが送信されると自動でkintoneに追加することができます。
都度ダッシュボードにログインする必要が無くなり、フォーム内容が自動でkintoneに追加されるため、業務の効率化を図ることができます。

また、フォーム内容はkintoneに集約されるため、対応の進捗状況の可視化をすることが可能です。

■注意事項

・Webflow、kintoneのそれぞれとYoomを連携してください。

Webflowとkintoneの連携フローの作り方

それでは、実際にテンプレートを使用して「Webflowのフォームが送信されたらkintoneに追加する」フローを一緒に作っていきましょう!

※今回連携するアプリの公式サイト:Webflowkintone

[Yoomとは]

はじめる前に

Yoomのアカウントをお持ちでない方は、以下の「Yoomのアカウント発行ページ」からアカウントを発行してください。
Yoomの基本的な操作は「初めてのYoom」をご確認ください。

Yoomのアカウント発行ページ

初めてのYoom

それでは、始めましょう!

ステップ1:Webflowとkintoneをマイアプリ連携

ここではYoomとそれぞれのアプリを連携して、操作を行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください!

それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。

WebflowとYoomのマイアプリ登録

(1)Yoomにログイン後、左欄にある「マイアプリ」を選択し「+新規接続」をクリックします。



(2)マイアプリの新規接続一覧の中から、Webflowをクリックします。
(3)「Webflowの新規登録」画面から、アカウント名、アクセストークンを入力し、「追加」をクリックします。



kintoneとYoomのマイアプリ登録

以下の手順をご参照ください。

※サブドメイン、クライアントID、クライアントシークレットの確認方法は下記のサイトをご確認ください。

kintoneマイアプリ登録方法

kintoneのマイアプリ登録ができない主な原因と対応方法について

連携が完了するとYoomのマイアプリにWebflowとkintoneが登録されます。
これで、マイアプリ登録が完了しました。
次に、テンプレートを使用してトリガーの設定をしましょう!

ステップ2:フォーム送信されたら起動するトリガーを設定

(1)先程ご紹介した、テンプレートを使用していきます。下のバナーの「試してみる」をクリックします。


■概要

Webflowのフォームが送信されたらkintoneに追加するフローです。

■このテンプレートをおすすめする方

1.WebflowでWebサイトを運営している方

・Webflowのフォームから顧客情報を収集している企業

・Webflowのフォームで獲得したリード情報を活用している方

2.kintoneを業務で活用している方

・kintoneへのデータ入力を自動化したい方

・顧客情報やリード情報をkintoneで一元管理している方

■このテンプレートを使うメリット

Webflowから送信されたフォーム内容を確認する際、ダッシュボードから確認する必要があります。
都度ダッシュボードにログインして確認する必要があるため、手間だと感じているかもしれません。

このテンプレートは、Webflowのフォームが送信されると自動でkintoneに追加することができます。
都度ダッシュボードにログインする必要が無くなり、フォーム内容が自動でkintoneに追加されるため、業務の効率化を図ることができます。

また、フォーム内容はkintoneに集約されるため、対応の進捗状況の可視化をすることが可能です。

■注意事項

・Webflow、kintoneのそれぞれとYoomを連携してください。

アプリトリガーの「フォームが送信されたら」をクリックします。



(2)Webflowの「連携アカウントとアクションを選択」画面から、Webflowと連携するアカウント情報に誤りがないかを確認し、トリガーアクションは「フォームが送信されたら」のままで「次へ」をクリックします。

複数サイトを運営していたり、商品によってアカウントを分けている方はタイトルをわかりやすいものに変更すると後からフローを確認・修正する際に便利です。



(3)「アプリトリガーのAPI接続設定」画面から、サイトIDを候補から選択し、「テスト」をクリックします。エラーが発生しなければ、「次へ」をクリックします。
フォームの回答内容を取得する方法は下記のサイトをご参照ください。

「取得する値」を追加する方法




(4)以下の画像に移ったら、「テスト」をクリックし、エラーが発生しなければ、下部にある「保存する」をクリックします。



ステップ3:kintoneのデータベースの操作

(1)次に、kintoneのデータベースを操作します。
「レコードを追加する」をクリックします。



(2)kintoneの「データベースの連携」画面から、kintoneと連携するアカウント情報に誤りがないかを確認し、実行アクションは「レコードを追加する」のままにします。
アプリIDは候補から選択してください。
入力が完了したら、「次へ」をクリックします。



(3)「データベース操作の詳細設定」画面から、各項目のレコードの値を選択していきます。



入力が完了したら、下部にある、「テスト」をクリックし、エラーが発生しなければ、「保存する」をクリックします。
(4)最後に、「トリガーをON」をクリックします。



これで、「Webflowのフォームが送信されたらkintoneに追加する」フローボットの完成です。

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

WebflowやkintoneのAPIを活用することで、様々な自動化の実現が可能になります。

Webflowを使ったその他の便利な自動化例

Webflowでのアイテム情報更新をチャットツールで通知したり、逆に他ツールでの情報更新をトリガーにWebflowでアイテムを追加したりといった連携が可能です。

 


■概要

Webflowで構築したサイトのCMSとしてAirtableを活用しているものの、データの同期を手作業で行うことに手間を感じていませんか?情報の更新漏れや入力ミスは、サイトの信頼性にも関わるため避けたい課題です。このワークフローは、そうしたWebflowとAirtable間の連携における課題を解決します。Airtableのレコードが更新されると、関連するWebflowのコレクションアイテムが自動で更新されるため、手作業による運用の手間やミスをなくし、効率的なサイト管理を実現します。

■このテンプレートをおすすめする方

  • Webflowで構築したサイトのCMSとしてAirtableを連携させているWeb担当者の方
  • Airtableのデータ更新後、Webflowへの手動での反映作業に時間と手間がかかっている方
  • 手作業によるデータ更新ミスをなくし、サイト運用の属人化を解消したいチームリーダーの方

■このテンプレートを使うメリット

  • Airtableのレコード更新をトリガーにWebflowのアイテムが自動で更新されるため、これまで手作業で行っていたデータ同期の時間を削減できます
  • 手動でのコピー&ペースト作業が不要になることで、入力ミスや更新漏れといったヒューマンエラーを防ぎ、データの正確性を保ちます

■フローボットの流れ

  1. はじめに、AirtableとWebflowをYoomと連携します
  2. 次に、トリガーでAirtableを選択し、「レコードが更新されたら」というアクションを設定します
  3. 最後に、オペレーションでWebflowを選択し、「コレクションのアイテムを更新」アクションを設定します

■このワークフローのカスタムポイント

  • Webflowの「コレクションのアイテムを更新」アクションでは、どのアイテムをどの内容で更新するかを設定する必要があります。トリガーであるAirtableで取得したレコードの情報(更新された項目など)を活用し、更新したいWebflowのコレクションアイテムとフィールドをそれぞれ指定してください

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■注意事項

  • Airtable、WebflowのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。
  • Airtableのアウトプットの取得方法は下記を参考にしてください。
    https://intercom.help/yoom/ja/articles/5404443

■概要

Webflowのチーム機能(Webflow Teams)を利用してサイトを共同管理する際、Microsoft TeamsでのコミュニケーションをWebflowのCMSに手作業で反映させるのは手間ではないでしょうか。コピー&ペーストによる転記作業は、更新漏れや入力ミスを招く原因にもなりかねません。このワークフローを活用すれば、Microsoft Teamsのチャネルにメッセージが送信されると、その内容を自動でWebflowのコレクションにアイテムとして追加できます。チームでのWebサイト運用を円滑にし、コンテンツ更新の効率化に貢献します。

■このテンプレートをおすすめする方

  • Microsoft Teamsの連絡を基に、手作業でWebflowへ情報を転記している方
  • Webflow Teamsを利用し、チームでのサイト更新プロセスを効率化したいと考えている方
  • Webflow CMSへのアイテム登録を自動化し、ヒューマンエラーを削減したい方

■このテンプレートを使うメリット

  • Microsoft Teamsへのメッセージ送信を起点にWebflowへ自動でアイテムが追加されるため、これまで転記作業に費やしていた時間を短縮できます
  • Webflow Teamsでの運用で重要な、手作業による転記ミスや情報連携の漏れを防ぎ、コンテンツの品質を維持することに繋がります

■フローボットの流れ

  1. はじめに、Microsoft TeamsとWebflowをYoomと連携します
  2. 次に、トリガーでMicrosoft Teamsを選択し、「チャネルにメッセージが送信されたら」というアクションを設定します
  3. 次に、オペレーションでテキスト抽出機能を用い、トリガーで取得したメッセージから必要な情報を抽出するよう設定します
  4. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、抽出したデータを任意のアイテムとして追加します

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • テキスト抽出オペレーションでは、Microsoft Teamsのメッセージ本文から、どの部分のテキストを抽出するかを任意で設定してください
  • Webflowにアイテムを追加する設定では、どのコレクションに追加するかを指定し、前のステップで抽出した値などを活用して各項目を設定してください

■注意事項

  • Microsoft Teams、WebflowのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

■概要

Webflowで構築したサイトに、Redditの特定の情報を反映させたいものの、手作業での確認や転記に手間を感じていませんか。特定のユーザーの投稿を常に追いかけ、手動でWebflowのコレクションに追加する作業は、時間もかかり見落としのリスクも伴います。このワークフローを活用すれば、Redditで特定のユーザーが投稿した際に、その内容を自動でWebflowのコレクションアイテムとして追加するため、情報収集からサイト更新までのプロセスを効率化できます。

■このテンプレートをおすすめする方

  • WebflowとRedditを連携させ、サイトコンテンツの手動更新の手間をなくしたい方
  • Redditの特定ユーザーの投稿を監視し、Webflowサイトへスピーディーに反映させたい運営者の方
  • プログラミングの知識なしに、WebflowとRedditの連携をノーコードで実現したい方

■このテンプレートを使うメリット

  • Redditの投稿を手動で確認しWebflowへ転記する作業が自動化されるため、コンテンツ更新にかかる時間を短縮することができます。
  • 手作業による情報の転記ミスや投稿の見落としといったヒューマンエラーを防ぎ、Webflowサイトのコンテンツの正確性を保つことに繋がります。

■フローボットの流れ

  1. はじめに、RedditとWebflowをYoomと連携します。
  2. 次に、トリガーでRedditを選択し、「特定のユーザーが投稿したら」というアクションを設定します。
  3. 最後に、オペレーションでWebflowを選択し、「コレクションにアイテムを追加」アクションを設定し、トリガーで取得した投稿のタイトルやURLなどの情報を連携します。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Redditのトリガー設定では、投稿を監視したいユーザー名を任意のアカウントに設定してください。
  • Webflowのオペレーション設定では、どのコレクションにアイテムを追加するかを指定し、Redditから取得した投稿のタイトルやURLなどを、任意のフィールドに設定してください。

■注意事項

  • Reddit、WebflowのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。
  • RedditのアウトプットはJSONPathから取得可能です。取得方法は下記をご参照ください。
    https://intercom.help/yoom/ja/articles/6807133

■概要

Stripeで新しい商品を追加するたびに、Webflowで構築したECサイトにも手作業でアイテムを登録するのは手間がかかり、入力ミスや登録漏れの原因にもなりがちです。このワークフローは、そうした課題を解決するために設計されました。Stripeで商品が作成されると、その情報を基にWebflowのコレクションへアイテムが自動で追加されるため、商品登録に関する一連の作業を効率化し、手作業によるミスを防ぎます。

■このテンプレートをおすすめする方

  • WebflowとStripeでECサイトを運営しており、商品登録を手作業で行っている方
  • StripeからWebflowへの情報転記における、入力ミスや反映漏れをなくしたい方
  • WebflowとStripeを連携させ、ECサイトの商品管理をより効率的に行いたい方

■このテンプレートを使うメリット

  • Stripeでの商品作成をトリガーにWebflowへアイテムが自動追加されるため、これまで手作業で行っていた登録作業の時間を短縮できます
  • システムが自動でデータを連携するため、手作業による商品情報の入力ミスや登録漏れを防ぎ、データの一貫性を保つことに繋がります

■フローボットの流れ

  1. はじめに、StripeとWebflowをYoomと連携します
  2. 次に、トリガーでStripeを選択し、「商品が作成されたら」というアクションを設定します
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、Stripeから取得した商品情報を紐付けます

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Webflowの「コレクションにアイテムを追加」アクションでは、Stripeから取得した商品名や価格だけでなく、商品説明や画像など、サイトに表示したい項目を任意で追加設定することが可能です

■注意事項

  • Stripe、WebflowのそれぞれとYoomを連携してください。
  • Stripeはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
  • チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
  • WebflowのDescriptionを取得する方法は下記を参照ください。
    https://intercom.help/yoom/ja/articles/5404443

■概要

Webflowで新しいコンテンツやブログ記事を公開するたびに、開発タスクとしてGitHubに手動でIssueを作成する作業は、手間がかかる上に転記ミスも起こりがちではないでしょうか。このワークフローは、WebflowとGitHubを連携させることで、こうした定型業務の自動化を実現します。Webflowで新しいアイテムが公開されると、その情報をもとにGitHubのIssueが自動で作成され、開発チームへの共有を円滑にします。

■このテンプレートをおすすめする方

  • WebflowとGitHub間の情報連携を手作業で行い、非効率を感じているWeb担当者の方
  • Webサイトのコンテンツ公開と開発タスクの連携を、よりスムーズに行いたいチームリーダーの方
  • Webサイトの運用フローを自動化し、ヒューマンエラーを削減したいと考えている方

■このテンプレートを使うメリット

  • Webflowでのアイテム公開をトリガーに、自動でGitHubにIssueが作成されるため、手作業での情報転記にかかる時間を短縮できます。
  • 手作業によるIssueの作成漏れや、内容の転記ミスといったヒューマンエラーを防ぎ、タスク管理の正確性を高めます。

■フローボットの流れ

  1. はじめに、GitHubとWebflowをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
  3. 最後に、オペレーションでGitHubを選択し、「Issueを作成」のアクションを設定し、Webflowから取得した情報を紐付けます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • GitHubでIssueを作成するアクションでは、Issueのタイトルや本文、担当者などを任意で設定してください。
  • Webflowのトリガーで取得したアイテム名やフィールドの値などを活用し、Issueの内容を動的に生成することも可能です。

■注意事項


■概要

Webflowで公開した新しいコンテンツや製品情報を、手作業でMailchimpのメールキャンペーンに反映させる作業に、手間や時間を取られていませんか。このワークフローを活用することで、WebflowとMailchimpをノーコードで連携させ、アイテムが作成されたタイミングで自動的にキャンペーンを作成できます。Webサイトの公開からメールマーケティング施策までをスムーズに繋げ、一貫性のある情報発信を効率的に実現します。

■このテンプレートをおすすめする方

  • MailchimpとWebflowを用いて、コンテンツ公開やメール配信を手作業で行っているWeb担当者の方
  • Webflowのアイテム情報を活用したメールキャンペーンの作成を自動化し、業務効率を改善したい方
  • Webサイト公開から顧客への情報発信までの時間を短縮し、マーケティング活動を迅速化したい方

■このテンプレートを使うメリット

  • Webflowでアイテムを公開するだけで、関連するMailchimpのキャンペーンが自動で作成されるため、これまで手作業で行っていた情報入力の時間を短縮できます。
  • 手動でのコピー&ペースト作業が不要になるため、キャンペーンの件名や本文における転記ミスや設定漏れといったヒューマンエラーの発生を防ぎます。

■フローボットの流れ

  1. はじめに、MailchimpとWebflowをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
  3. 次に、オペレーションの「テキスト抽出」を活用し、トリガーで取得したWebflowのアイテム情報から、キャンペーン作成に必要なテキストを抽出します。
  4. 最後に、オペレーションでMailchimpの「キャンペーンを作成」アクションを設定し、前のステップで抽出したテキスト情報などを紐付けてキャンペーンを作成します。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • テキスト抽出のオペレーションでは、Webflowのアイテム情報から抽出したい項目(タイトルや本文など)を任意で設定してください。
  • Mailchimpでキャンペーンを作成するアクションでは、キャンペーンの件名や本文などの各項目に、前のステップで取得した値や任意のテキストを組み合わせて設定してください。

■注意事項


■概要

Webflowのフォームから獲得したリード情報を、楽楽販売へ手作業で転記する業務に手間を感じていませんか。この作業は時間がかかるだけでなく、入力ミスといったヒューマンエラーの原因にもなり得ます。

このワークフローを活用すれば、Webflowと楽楽販売の連携をスムーズに自動化できます。Webflowで新しいアイテムが作成されると、その情報が楽楽販売に自動で登録されるため、こうした定型業務の課題を解消し、業務の正確性と効率を高めることが可能です。

■このテンプレートをおすすめする方

  • Webflowで獲得したリード情報を楽楽販売へ手入力しており、手間を感じているご担当者の方
  • Webflowと楽楽販売を連携させ、データ入力のミスや漏れをなくしたいと考えている方
  • 定型的なデータ登録作業から解放され、より重要な業務にリソースを集中させたい方

■このテンプレートを使うメリット

  • Webflowでアイテムが作成されると自動で楽楽販売に登録されるため、データ入力の手間や時間を削減できます。
  • 手作業によるデータ転記が不要になることで、入力ミスや登録漏れといったヒューマンエラーの防止に繋がります。

■フローボットの流れ

  1. はじめに、Webflowと楽楽販売をYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
  3. 最後に、オペレーションで楽楽販売の「レコードを登録」アクションを設定し、Webflowから取得した情報を登録したい項目に設定します。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • 楽楽販売にレコードを登録するオペレーションでは、登録したい項目(会社名、担当者名、メールアドレスなど)にあわせて、トリガーで取得したWebflowの情報をそれぞれ設定してください。

■注意事項

  • Webflow、楽楽販売のそれぞれとYoomを連携してください。

■概要

Webflowで作成したWebサイトのフォームから問い合わせがあった際、気づくのが遅れて対応が後手になってしまうことはありませんか?
手動での確認作業は手間がかかる上に、機会損失にも繋がりかねません。

このワークフローを活用すれば、Webflowのフォーム送信をトリガーに、指定のDiscordチャンネルへ通知を自動で送信できます。Webflowを活用した業務のオートメーションに関心のある方にとって、迅速な顧客対応を実現する第一歩となるでしょう。

■このテンプレートをおすすめする方

  • Webflowで獲得したリードへの対応速度を上げたいマーケティングや営業担当者の方
  • 社内のコミュニケーションツールとしてDiscordを利用しており、情報集約を効率化したい方
  • WebflowとDiscordの連携を検討しており、ノーコードで手軽に通知の仕組みを構築したい方

■このテンプレートを使うメリット

  • フォームが送信されると自動でDiscordに通知が届くため、Webflowの管理画面を確認する手間を省き、顧客対応までの時間を短縮できます。
  • 手動での確認作業で起こりがちな、問い合わせの見落としや担当者への共有漏れといったヒューマンエラーを防ぎ、機会損失のリスクを軽減します。

■フローボットの流れ

  1. はじめに、WebflowとDiscordをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します。
  3. 最後に、オペレーションでDiscordの「メッセージを送信」アクションを設定し、フォームの内容などを指定のチャンネルに送信するように設定します。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Webflowのトリガー設定では、通知の対象としたいサイトのIDを任意で設定してください。
  • Discordのオペレーション設定では、通知を送信したいチャンネルのIDを任意で設定してください。
  • Discordへ送信するメッセージ内容は、Webflowのフォームで取得した値(氏名や問い合わせ内容など)を引用したり、任意のテキストを組み合わせたりして自由に設定することが可能です。

■注意事項


■概要

Webflowのフォームから問い合わせや資料請求があった際、その情報をHubSpotに手作業で登録していませんか?この定型業務は入力漏れや対応の遅延に繋がるだけでなく、本来注力すべきコア業務を圧迫する一因にもなります。このワークフローを活用すれば、Webflowでフォームが送信されたら自動でHubSpotにコンタクトを作成することが可能になり、手作業によるデータ転記の手間を解消できます。

■このテンプレートをおすすめする方

  • Webflowのフォーム情報をHubSpotへ手入力しており、作業を効率化したい方
  • フォームからのリード情報を迅速にHubSpotへ反映させたいマーケティング担当者の方
  • データの転記ミスを防ぎ、顧客情報管理の精度を高めたいと考えている方

■このテンプレートを使うメリット

  • Webflowのフォーム送信をトリガーに、HubSpotへ自動でコンタクト情報が作成されるため、これまで手作業で行っていたデータ入力の時間を短縮できます。
  • 手作業によるデータ転記がなくなることで、入力間違いや登録漏れといったヒューマンエラーを防ぎ、顧客データの正確性を保つことに繋がります。

■フローボットの流れ

  1. はじめに、WebflowとHubSpotをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します。
  3. 最後に、オペレーションでHubSpotの「コンタクトの作成」アクションを設定し、Webflowから取得したフォームの情報を紐付けます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Webflowのトリガー設定では、自動化の対象としたいサイトのIDを任意で設定してください。
  • HubSpotの「コンタクトの作成」オペレーションでは、Webflowのフォームから取得した氏名やメールアドレスなどの情報を、各項目に適切にマッピングして設定を行なってください。

■注意事項


■概要

Webflowで管理しているコレクションアイテムが意図せず非公開になってしまい、関係者への共有が遅れてしまった経験はありませんか?手動でステータスを確認し、通知するのは手間がかかる作業です。
このワークフローを活用すれば、Webflowでコレクションのアイテムが非公開になったタイミングを自動で検知しGoogle Chatへ通知を送信できます。これにより、重要な変更の見落としを防ぎ、迅速な対応を実現します。

■このテンプレートをおすすめする方

  • Webflowで管理するコンテンツのステータス変更をチームに迅速に共有したいサイト運営者の方
  • Webflowのアイテムが非公開になった際の通知を手作業で行っており、自動化したいと考えている方
  • Google Chatを活用し、Webサイトの更新状況を素早く把握したいチームリーダーの方

■このテンプレートを使うメリット

  • Webflowでアイテムが非公開になると自動で通知が飛ぶため、手動での確認や連絡作業の時間を削減できます
  • システムが自動で検知して通知するため、重要なステータス変更の見落としや共有漏れといった人的ミスを防ぎます

■フローボットの流れ

  1. はじめに、WebflowとGoogle ChatをYoomと連携します
  2. トリガーでWebflowを選択し、「コレクションのアイテムが非公開になったら」というアクションを設定します
  3. 最後に、オペレーションでGoogle Chatの「メッセージを送信」を設定し、指定したスペースに要約した内容を通知します

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Webflowのトリガー設定では、監視対象としたいサイトのIDを任意で設定してください
  • Google Chatでメッセージを送信するアクションでは、通知先となるスペースのリソース名を任意で設定してください

■注意事項

  • Webflow、Google ChatのそれぞれとYoomを連携してください。
  • Google Chatとの連携はGoogle Workspaceの場合のみ可能です。詳細は「Google Chatでスペースにメッセージを送る方法」を参照ください。
    https://intercom.help/yoom/ja/articles/6647336
 

kintoneを使った自動化例

kintoneのレコード登録にあわせてフォルダを自動作成することや、Salesforceの新規リード情報をkintoneに自動反映することが可能です。

 


■概要

Googleフォームに新しく回答が送信されたら、kintoneに回答内容をレコードに追加するフローです。

フォームの回答内容をわざわざ確認しなくても、自動的にkintoneに情報が追加されるので、情報管理の抜けや漏れをなくすことができます。

■注意事項

・Googleフォーム、kintoneそれぞれとYoomを連携してください。

・Googleフォームトリガーで、回答内容を取得する方法は下記を参照ください。

https://intercom.help/yoom/ja/articles/6807133


■概要

Salesforceに新しいリードが登録されるたびに、kintoneにも手作業で情報を転記するのは手間がかかりませんか?二重入力の手間や、転記ミスなどのヒューマンエラーは、避けたい業務課題の一つです。このワークフローを活用すれば、Salesforceに新規リードが登録されると、自動でkintoneにレコードが追加されるため、こうしたデータ連携の課題をスムーズに解消できます。

■このテンプレートをおすすめする方

  • Salesforceとkintoneを併用し、リード情報の手入力に手間を感じている方
  • データ入力のミスや漏れを防ぎ、リード管理の精度を高めたい営業担当者の方
  • SaaS間のデータ連携を自動化し、営業プロセスの効率化を目指すマネージャーの方

■このテンプレートを使うメリット

  • Salesforceにリード情報が登録されると、自動でkintoneへデータが同期されるため、これまで手作業に費やしていた時間を短縮できます
  • 手作業でのデータ転記がなくなることで、入力間違いや登録漏れといったヒューマンエラーのリスク軽減に繋がります

■フローボットの流れ

  1. はじめに、SalesforceとkintoneをYoomと連携します
  2. 次に、トリガーでSalesforceを選択し、「Salesforceに新規リードが登録されたら」というアクションを設定します
  3. 最後に、オペレーションでkintoneの「レコードを追加する」アクションを設定し、前のステップで取得したSalesforceのリード情報を紐付けます

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Salesforceとの連携設定時に、ご利用の環境に合わせたマイドメインURLを設定してください
  • kintoneにレコードを追加する際に、どの項目にどの情報を登録するかを自由に設定できますSalesforceから取得した情報を動的に設定したり、特定のテキストを固定値として入力したりすることが可能です

■注意事項

  • Salesforce、KintoneのそれぞれとYoomを連携してください。
  • Salesforceはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
  • チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

■概要

Outlookの指定のカレンダーに予定が登録されたら、kintoneに自動的にレコードを追加するフローボットです。

Outlookの予定をkintone上で管理したい場合などにご利用ください。

■注意事項

・kintone、OutlookそれぞれとYoomを連携してください。

・Outlookで予定が登録されてから5~15分でkintoneにレコードが追加されます。

・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。


■概要

kintoneにレコードが登録されたら、box内に新たにフォルダを自動的に作成します。

フォルダ名はkintone内に登録されている情報を元にカスタマイズ可能です。

これにより、プロジェクトや顧客ごとに整理されたフォルダ構造を簡単に実現できます。

■設定方法

kintone、boxそれぞれのアプリとYoomを連携してください。(マイアプリ連携)

・kintoneの「レコードが登録されたら」というトリガー内で取得できるWebhook URLをkintoneの該当アプリのWebhook送信先URLに設定してください。

・boxの「フォルダを作成」というオペレーションで、kintoneから取得した情報を元にフォルダ名や親フォルダの設定を行ってください。

■注意事項

・kintoneのアプリにboxフォルダ作成に必要な情報が登録されている必要があります。

・kintoneにレコードを登録してからフローボットが起動するまでに多少のタイムラグが発生します。

・kintone、boxそれぞれのアカウントとの連携設定が必要です。


■概要
kintoneに新しいレコードが登録された場合、Chatworkに自動で通知することができます。
通知先のトークルームは任意のトークルームを指定可能です。
設定方法
kintone、ChatworkそれぞれのアプリとYoomを連携してください。(マイアプリ連携)
・kintoneの「レコードが登録されたら」というトリガー内で取得できるWebhook URLをkintoneの該当アプリのWebhook送信先URLに設定してください。
・Chatworkの「メッセージを送る」オペレーションで、kintoneから取得した情報をもとに通知内容を設定してください。通知するルームやメンションの設定も可能です。
注意事項
・各アプリのオペレーションで連携するアカウント情報の設定が必要です。
・各アプリの設定情報を任意の値に置き換えてご利用ください。

■概要

kintoneに登録した顧客情報や案件情報をもとに、ChatGPTでメールの文面や報告書を作成する際、手作業でのコピー&ペーストに手間を感じていないでしょうか。このワークフローを活用すれば、kintoneにレコードが登録されるだけで、ChatGPTが自動でテキストを生成し、指定のフィールドに内容を反映させることが可能です。生成AIを活用した定型文の作成業務を自動化し、作業時間を短縮します。

■このテンプレートをおすすめする方

  • kintoneとChatGPTを日常的に利用し、手作業での情報連携に課題を感じている方
  • kintoneのデータに基づき、ChatGPTでメール文面や報告書を効率的に作成したい方
  • kintoneと生成AIを連携させ、業務プロセスの自動化を具体的に進めたいと考えている方

■このテンプレートを使うメリット

  • kintoneへのレコード登録を起点にテキスト生成と更新が自動で実行されるため、手作業でのコピー&ペーストや文章作成にかかる時間を短縮します。
  • 人の手による転記作業がなくなるため、情報の入力ミスや反映漏れといったヒューマンエラーの防止に繋がります。

■フローボットの流れ

  1. はじめに、kintoneとChatGPTをYoomと連携します。
  2. 次に、トリガーでkintoneを選択し、「レコードが登録されたら(Webhook起動)」を設定します。
  3. 次に、オペレーションでkintoneの「レコードを取得する」アクションを設定し、トリガーとなったレコードの情報を取得します。
  4. 続いて、オペレーションでChatGPTの「テキストを生成」アクションを設定し、取得したレコード情報を元にテキストを生成させます。
  5. 最後に、オペレーションでkintoneの「レコードを更新する」アクションを設定し、ChatGPTが生成したテキストを該当レコードの指定フィールドに反映します。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • kintoneのトリガー設定では、フローを起動させたい対象アプリのWebhookイベントを設定してください。
  • kintoneでレコードを取得するアクションでは、情報を取得したいレコードの条件を任意で設定してください。
  • ChatGPTでテキストを生成するアクションでは、生成したい文章の指示(プロンプト)をメッセージ内容に設定してください。
  • kintoneでレコードを更新するアクションでは、対象のアプリIDや更新したいレコードの条件、更新後の値をそれぞれ設定してください。

■注意事項

  • kintone、ChatGPTそれぞれとYoomのアカウント連携が必要です。
  • ChatGPTやOpenAIのAPIを利用するには、別途OpenAI社へ費用が発生する可能性があります。詳細はOpenAI社の公式サイトをご確認ください。
  • AIオペレーションはチームプラン・サクセスプランでのみご利用いただける機能(オペレーション)となっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
  • チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリやAI機能(オペレーション)を使用することができます。

■概要

kintoneに顧客情報や案件情報を登録するたびに、関連資料を保管するためのフォルダをMicrosoft SharePointに手作業で作成していませんか?この作業は件数が増えると大きな負担になり、フォルダの命名ミスや作成漏れといったヒューマンエラーの原因にもなりがちです。
このワークフローを活用すれば、kintoneへのレコード登録をトリガーに、Microsoft SharePointへ任意のフォルダを自動で作成し、こうした定型業務の手間やミスを削減できます。

■このテンプレートをおすすめする方

  • kintoneとMicrosoft SharePoint間で、手作業での情報連携に手間を感じている方
  • 定型的なフォルダ作成業務を自動化し、コア業務に集中できる環境を整えたい方
  • 手作業によるフォルダの作成漏れや命名ミスなどのヒューマンエラーを防ぎたい方

■このテンプレートを使うメリット

  • kintoneへのレコード登録のみでフォルダ作成が完了するため、これまで手作業に費やしていた時間を他の業務に充てることができます。
  • 手作業によるフォルダの作成漏れや命名規則の間違いといったミスを防ぎ、データ管理の正確性を向上させます。

■フローボットの流れ

  1. はじめに、kintoneとMicrosoft SharePointをYoomと連携します。
  2. 次に、トリガーでkintoneを選択し、「レコードが登録されたら(Webhook起動)」というアクションを設定します。
  3. 続いて、オペレーションでkintoneの「レコードを取得する」アクションを設定し、トリガーをきっかけに登録されたレコード情報を取得します。
  4. 最後に、オペレーションでMicrosoft SharePointの「フォルダを作成」アクションを設定し、取得したレコード情報を元にフォルダを作成します。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • kintoneのトリガー設定では、Webhookを送信するイベント(レコードの登録、編集、削除など)を任意で設定してください。
  • kintoneでレコードを取得するアクションを設定する際に、取得対象としたいレコードの条件を任意で設定してください。
  • Microsoft SharePointでフォルダを作成する際、作成先のサイトIDやドライブID、親フォルダを指定し、フォルダ名にはkintoneから取得した情報を組み込むなど任意で設定が可能です。

■注意事項

  • kintoneとMicrosoft SharePointそれぞれのアカウントとYoomを連携してご利用ください。
  • Microsoft365をご契約中の場合のみご利用いただけます。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

■概要

kintoneの特定のレコードのステータスが更新されたら、更新されたレコード情報でZoomの会議URLを発行し、メールで自動送信します。

メールの送信先のアドレスや送信者名、本文や件名も自由にカスタマイズ可能です。

設定方法

kintone、Zoom、GmailそれぞれのアプリとYoomを連携してください。(マイアプリ連携)

・kintoneの「指定のステータスに更新されたら」というトリガーで取得できるWebhookURLをkintoneの該当のアプリのWebhookURLとして設定してください。

・Zoomの「ミーティングを作成」というオペレーションでkintoneから取得した情報をもとに、設定を行なってください。

・Gmailの「メールで送付」というオペレーション内で、任意のメール文面や送信先に設定を変更してください。

注意事項

・kintone、Zoom、GmailそれぞれでYoomとの連携が必要です。


■概要

kintoneのコメントで自身がメンションされたら、そのコメント内容をSlackのDMに送信するフローボットです。

kintoneのコメントをSlack上ですぐに確認したい場合などにご利用ください。

■注意事項

・kintone、SlackそれぞれとYoomを連携してください。

・プライベートチャンネルに送信することも可能です。

・事前にプライベートチャンネルのインテグレーションでYoomのアプリをインストールしてください。


■概要

クラウドサインで書類の締結が完了したら、クラウドサインの書類名から企業情報を取得し、該当の企業のkintoneレコードを自動的に更新します。

契約管理などでご活用ください。

■設定方法

1.クラウドサインとkintoneそれぞれのアプリとYoomを連携してください。(マイアプリ連携)

2.トリガーの「クラウドサインで書類の締結が完了したら」を選択し、連携アカウントを設定してください。

3.「書類のタイトルから企業名を抽出」というオペレーションでタイトルから企業名などの任意の値を取得してください。

4.ここで取得した値を使ってkintoneの対象のレコードを検索します。

5.kintoneの「ステータスを更新」というオペレーションで、連携アカウントやアプリID、レコードの検索条件、更新する値などを設定してください。

6.最後にフローボットをONにしてください。これにより、クラウドサインで書類の締結が完了すると、指定したkintoneのレコードのステータスが自動的に更新されます。

■注意事項

・各アプリのオペレーションで連携するアカウント情報の設定が必要です。

・クラウドサインの書類名に企業名を含んでおき、正規表現で企業名を抽出する必要があります。

・「書類のタイトルから企業名を抽出」とkintoneのアクションの設定情報を任意の値に置き換えてご利用ください。

 

さらに、Webflowとkintoneを使ったテンプレートを確認したい方は、以下のサイトをご覧ください。

Webflowを使用したフローボットテンプレート一覧

kintoneを使用したフローボットテンプレート一覧

Webflowとkintoneを連携するメリット

メリット1:手動入力の削減

Webflowとkintoneを連携することで、Webflowのフォームが送信された際に自動でkintoneに情報が追加されます。これにより、担当者はフォームデータをkintoneに手動で転記する手間を省き、ミスの発生率を減少させることができるでしょう。また、この連携は時間とリソースの節約にもつながり、全体的な作業効率向上が期待できます。データの自動入力によって、迅速で正確な情報管理が可能になり、チーム全体の生産性が高まるでしょう。
特に、営業チームやカスタマーサポートにとっては、顧客対応のスピードと質が向上するため、大きなメリットとなるでしょう。

メリット2:フォームデータの一元管理

Webflowとkintoneの連携により、異なるプラットフォームで発生するデータを一元管理でき、情報が散在する問題を解決できます。これにより、チーム全体で必要な情報にリアルタイムにアクセスでき、業務全体のスムーズな進行が期待できます。
例えば、マーケティングチームが複数のキャンペーンを同時に運用している場合でも、すべてのデータを一元管理することで、キャンペーンの効果測定や改善点の特定しやすくなるでしょう。これは、複数のフォームや案件を扱う企業にとって特に役立つでしょう。

まとめ

Webflowとkintoneの連携により手動作業を削減し、データ管理やワークフローの効率化を実現できそうですね!
フォームデータの自動登録によって入力ミスのリスクが減少し、業務全体の精度向上が見込めます。
また、データの一元管理によりチーム全体での情報共有がスムーズになり、作業の見落としも防止されるでしょう。
興味のある方は、ぜひ今回の記事を参考に試してみてくださいね!

よくあるご質問

Q:Webflowのフォーム項目を変更した場合の注意点は?

A:

サイトID自体が変わる場合は、トリガー設定で新しいサイトIDに修正してください。既存のフォームの項目を変更する(サイトIDに変更がない)場合は修正不要です。 

Q:フォーム送信だけでなく、アイテム情報や注文データもkintoneに登録できますか?

A:

可能です。以下のテンプレートもご利用いただけますので、ぜひお試しください。


■概要

Webflowで注文が発生したらkintoneに追加するフローです。

■このテンプレートをおすすめする方

1.Webflowを活用してオンラインストアを運営している方

・注文情報の管理を手動で行っている方

・オンラインストアで商品やサービスの販売をしている方

2.管理業務でkintoneを利用している方

・Webflowの注文情報を手動でkintoneに追加している方

・kintoneとWebflowを連携し効率化を図りたい方

■このテンプレートを使うメリット

Webflowから注文が発生した際、kintoneに手動で情報を追加するのは手間です。
また、注文件数が多い場合、kintoneへの情報追加にかかる作業も肥大化してしまうため、作業効率が低下する可能性があります。

このテンプレートは、Webflowで注文が発生すると自動でkintoneに追加することができます。
kintoneへの情報追加が自動化されることで、手動による追加作業が不要となり、業務の効率化を図ることが可能です。

加えて、注文処理や顧客管理の精度や速度も向上するため、業務をスムーズに進めることができます。

■注意事項

・Webflow、kintoneのそれぞれとYoomを連携してください。


■概要

Webflowでコレクションのアイテムが作成されたらkintoneのデータベースに追加するフローです。

■このテンプレートをおすすめする方

1.WebflowでWebサイトを構築・運用している方

・WebflowのCMSコレクションをkintoneのデータベースでも管理したい方

・Webflowで作成・更新した情報をkintoneに手動で転記する手間を省きたい方

・kintone上でWebflowの情報を一元管理して検索や分析に活用したい方

2.kintoneを活用している方

・Webflowの情報をkintoneに取り込み、他の情報と連携させたい方

・kintoneのワークフロー機能を活用してWebflowの情報更新に基づいた承認プロセスなどを自動化したい方

■このテンプレートを使うメリット

Webflowはウェブサイトをノーコードで構築できるプラットフォームですが、そこで作成された情報を他のシステムで活用するには、手作業でのデータ転記が必要となり、これが業務効率の低下やヒューマンエラーの原因となることがあります。

このフローを導入することで、Webflowのコレクションにアイテムが作成された情報をkintoneのデータベースに自動的に追加することができます。
これによってデータ入力作業から解放され、貴重な時間をコンテンツ作成やサイト改善などに充てることができます。また、データ入力のミスや情報漏洩が軽減されて、正確かつ効率的なデータ管理を行うことが可能となります。

■注意事項

・Webflow、kintoneのそれぞれとYoomを連携してください。

Q:フォームの回答内容によって処理を分けられますか?

A:

進行先の切り替え設定を追加することで可能です。例えば「フォーム名が〇〇(特定のフォーム名)と等しい場合」などと設定することで進行先の切り替えができます。あとはそれぞれの切り替え先で別のアプリIDを指定し「追加するレコードの値」を設定してください。

※「進行先を切り替える」はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。

※ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Tomomi Aizawa
Tomomi Aizawa
皆さまの毎日のお仕事がもっと楽になりますように! Yoomを使った業務効率UP情報を発信していきます!
タグ
kintone
連携
Webflow
自動化
関連アプリ
アプリ連携
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる