WebflowとYoomの連携イメージ
【ノーコードで実現】会議のデータを自動で文字起こしし、Webflowに連携する方法
Yoomを詳しくみる
この記事のテンプレートを試す
WebflowとYoomの連携イメージ
アプリ同士の連携方法

2025-12-03

【ノーコードで実現】会議のデータを自動で文字起こしし、Webflowに連携する方法

Kairi Takizawa
Kairi Takizawa

「会議の内容をWebサイトや社内ポータルに掲載するために、録画データを確認しながら手作業でWebflowに入力するのは手間がかかる…」

「情報の鮮度が重要なのに、会議後の更新作業に時間がかかってしまい、公開が遅れてしまう…」

このように、会議情報の管理やWebコンテンツへの反映作業に追われ、本来注力すべき分析や企画業務に時間を割けず悩んでいませんか?

もし、会議が終了したタイミングで自動的に内容を文字起こしなどのデータとして処理し、Webflowへ連携・保存できる仕組みがあれば、手作業による転記ミスや更新の遅れといった課題から解放され、よりクリエイティブで重要な業務に集中できる時間を生み出すことができます!

今回ご紹介する自動化の設定は、ノーコードで簡単に設定できて、手間や時間もかからないので、ぜひ自動化を導入して作業をもっと楽にしましょう!

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

Yoomには会議終了後にデータを自動で抽出し、Webflowへアイテムとして追加する業務フロー自動化のテンプレートが用意されているので、「まずは試してみたい!」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう!


ミーティングツールとWebflowを連携するフローを作ってみよう

それではここから代表的な例として、Zoomなどのミーティングツールで会議が終了した際に、Webflowにアイテムとして自動で追加するフローを解説していきます!

ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

フローの作成方法

今回は大きく分けて以下のプロセスで作成します。

  • ミーティングツール(Zoom等)とWebflowのマイアプリ連携
  • テンプレートをコピー
  • ミーティングツールのトリガー設定(会議終了の検知)とWebflowのアクション設定(アイテム追加)
  • トリガーをONにし、フローが起動するかを確認


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

ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。

まずは基本的な設定方法を解説しているナビをご覧ください!

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

Webflowの連携

同様に検索欄にWebflowと記入して、表示されたWebflowのアイコンをクリックします。

アカウント名とアクセストークンを記入して、「追加」ボタンをクリックしましょう!

下記のような表示が出たら、連携は成功です!

ステップ2:テンプレートをコピーする

続いてYoomのテンプレートをコピーします。以下バナーの「試してみる」をクリックしましょう。


以下の画像のような画面が表示されたらテンプレートのコピーは完了です。

ステップ3:Web会議のトリガー設定

Yoomの設定に入りましょう!
まずは、トリガーとなるアプリの設定を行います。
以下の赤枠をクリックしてください。

まずはトリガーとなる会議を作成します。会議に参加して、リンクをコピーします。

※今回はGoogle Meetを使用しました!

Yoomの設定に戻り、会議をするURLを登録して、「文字起こしのテストを開始」ボタンを押します。
Yoomボットが会議に参加する通知が会議画面に届きますので、参加の許可をして、Yoomボットを会議に参加させましょう。

会議を終了させると、自動でYoomボットが文字起こしを始めます。

文字起こし結果と取得した値が確認できたら、「保存する」ボタンを押しておきましょう!

※取得した値とは、トリガーやオペレーションにて受け取ったデータのことです。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に、変動した値となります。

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

ステップ3で取得した値を使用して、Webflowのコレクションにアイテムを追加する設定を行います。
2つ目の赤枠をクリックしましょう!

アカウント情報を確認しましょう。問題なければ、「次へ」ボタンをクリックします。

表示された候補の中から対象のサイトIDを選択します。

同じく対象のコレクションIDを選択します。

フィールド情報を設定します。
フィールドを選択して、値にはWeb会議トリガーから取得した値を選択しましょう。

他のフィールド情報も任意で追加していき、完了したら、テストを実行しましょう!

※Webflow上で必須となっている項目はフィールド情報を記入しないとエラー表示となりますので、ご注意ください!

テスト成功という表示がされたら、Webflowのコレクションにアイテムが作成されています。

確認してみましょう!

新規アイテムが確認できます!

最後に完了ボタンをクリックして設定を保存しましょう。

ステップ5:フローを有効化してテストする

最後に「トリガーをON」をクリックしたら、自動化の設定は完了です。
正しくフローボットが起動するかどうかを確認しましょう。


Webflowを活用したその他の自動化例

Webflowを活用した自動化は、今回ご紹介したもの以外にも様々な業務に応用できます。
例えばWebflowのCMSのコレクションにアイテムを新たに自動的に追加したり、アイテム情報の更新を自動化することができます。
もちろん登録したアイテムを公開することも可能です。


■概要
GitHubでの開発進捗をWebflowサイトに反映させる際、プルリクエストの情報を手作業でコピー&ペーストしていませんか?この作業は手間がかかる上に、転記ミスや更新漏れの原因にもなり得ます。このワークフローを活用すれば、GitHubとWebflowの連携が自動化され、プルリクエストが作成されると同時にWebflowのコレクションにアイテムが追加されるため、こうした課題を円滑に解決します。

■このテンプレートをおすすめする方
・GitHubとWebflowを連携させ、開発の進捗管理を効率化したい方
・プルリクエストの情報をWebflowのCMSに手作業で転記している方
・開発チームとWebサイト管理チーム間の情報共有を円滑にしたい方

■注意事項
・GitHub、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。

■概要
「Googleフォームの回答内容でWebflowのコレクションにアイテムを追加する」ワークフローは、Webflow formを活用して収集したデータを自動的にWebflowのコレクションに登録します。
これにより、手動でのデータ入力作業を削減し、効率的なサイト運営をサポートします。
YoomのAPI連携機能を駆使し、スムーズなデータ移行を実現します。‍

■このテンプレートをおすすめする方
・Googleフォームを利用して顧客やユーザーからの情報を収集しているウェブサイト運営者
・Webflowを使ってサイトを構築し、コレクションを活用してコンテンツ管理を行っているデザイナーや開発者
・手動でのデータ入力に時間を取られず、業務を自動化したいと考えているビジネスオーナー
・Yoomを活用して複数のSaaSアプリ間の連携を効率化したい方

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

Webflowのフォームが送信されたらGoogleスプレッドシートに追加するフローです。

■概要
プロジェクト管理ツールとして人気のClickUpとTrelloですが、両ツール間の情報連携に手間を感じていませんか。
手動での転記作業は、時間もかかり、更新漏れの原因にもなり得ます。
このワークフローを活用すれば、Trelloでカード情報が更新されると、自動でClickUpにタスクが作成されるため、二重入力の手間をなくし、抜け漏れのないタスク管理を実現します。

■このテンプレートをおすすめする方
・TrelloとClickUpを併用し、タスクの二重入力に手間を感じている方
・TrelloとClickUp間の情報連携を自動化し、手作業による更新漏れを防ぎたい方
・プロジェクトの進捗管理をより効率化し、コア業務に集中したいと考えている方

■注意事項
・Trello、ClickUpのそれぞれとYoomを連携してください。
・分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。

■概要
Webflowで構築したサイトのコンテンツ更新で、Slackで受け取った情報を手動でアイテムとして追加する作業に手間を感じていませんか?こうした手作業は、更新漏れや入力ミスといったヒューマンエラーの原因にもなり得ます。このワークフローを活用すれば、Slackへの特定のメッセージ投稿をきっかけに、AIが自動で内容を解析し、Webflowへアイテムとして追加します。WebflowとSlackの連携を効率化し、コンテンツ更新をスムーズにすることが可能です。

■このテンプレートをおすすめする方
・Webflowで構築したサイトのコンテンツ更新をSlackで行っており、手作業での転記に手間を感じている方
・Slackでの連絡を基にWebflowへアイテムを追加する際の、入力ミスや更新漏れを防ぎたいWeb担当者の方
・WebflowとSlackを連携させ、コンテンツ管理業務の自動化や効率化を実現したいと考えている方

■注意事項
・Slack、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。

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

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

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

■概要
Webflowでデザイン性の高いサイトを構築し、WooCommerceでEコマースを展開しているものの、商品情報の二重入力に手間を感じていませんか?手作業での登録は時間がかかるだけでなく、入力ミスの原因にもなり得ます。

このワークフローを活用すれば、Webflowのコレクションにアイテムを追加するだけで、WooCommerceに商品情報が自動で作成されます。WooCommerceとWebflowのスムーズな連携を実現し、商品登録に関わる一連の作業を効率化します。

■このテンプレートをおすすめする方
・WebflowとWooCommerceを併用し、商品を手作業で登録しているECサイトの運営担当者の方
・WooCommerceとWebflowを連携させ、商品管理のプロセスを自動化したいと考えている方
・サイト更新と商品登録の二重入力をなくし、本来のコア業務に集中したいと考えている方

■注意事項
・Webflow、WooCommerceのそれぞれとYoomを連携してください。
・WebflowのDescriptionを取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443

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

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

■注意事項
・Webflow、MailchimpのそれぞれとYoomを連携してください。
・Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443

■概要
Webflowで構築したサイトのフォームから届く長文のお問い合わせについて、内容を把握するために都度全文を確認する作業に手間を感じていませんか。このワークフローは、Webflowのフォームが送信されると、その内容をOpenAIが自動で要約し、指定のメールアドレスへ通知するものです。WebflowとOpenAIを連携させることで、問い合わせ内容の迅速な把握と、スピーディーな一次対応の実現を支援します。

■このテンプレートをおすすめする方
・Webflowで作成したフォームからの問い合わせ対応に時間がかかっているWebサイト担当者の方
・WebflowとOpenAIを連携させ、問い合わせ対応の初動を早めたいと考えている方
・フォームから送られる内容の確認と担当者への共有を手作業で行っているチームのリーダーの方

■注意事項
・Webflow、OpenAIのそれぞれとYoomを連携してください。
・Webflowから送信されたフォームの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。(APIが使用されたときに支払いができる状態)
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。

Webflowで注文が発生したらGoogleスプレッドシートに追加するフローです。

まとめ

会議データとWebflowの連携を自動化することで、これまで手作業で行っていた文字起こしデータの転記やコンテンツ更新の手間を削減し、情報の公開スピードを早めることができます。

これにより、単純作業から解放され、コンテンツの質を高めるための企画や戦略立案といったコア業務に集中できる環境が整います!

今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも簡単に業務フローを構築できます。
もし自動化に少しでも興味を持っていただけたなら、ぜひYoom会員登録フォームから無料登録して、Yoomによる業務効率化を体験してみてください!

よくあるご質問

Q:文字起こしと同時に内容を要約して連携できますか?

A:

はい、フローボットのプロセス画面でプラスマークをクリックして、新規の「要約」オペレーションを追加することで、AIツールのアクションを選択できます。

Q:この自動化はYoomのどのプランで利用できますか?

A:

Webflowはフリープランから利用できるアプリです。
今回のフローを継続利用する場合、毎月100件以内のアイテム追加であれば料金はかかりません。
Yoomでは、オペレーションの実行をタスクとしてカウントしており、無料プランでは毎月100タスクまで利用可能です。
その後のチケット作成数などに応じてプランを考えると良いでしょう。

Q:連携処理が失敗した場合、どうなりますか?

A:

フローボットがエラーになると、Yoomに登録する際に設定したメールアドレスに通知が送られます。通知先は、メールの他にSlackやChatworkも設定できます。

通知内容にはエラーになったオペレーションも記載されているので、エラーの発生個所がすぐにわかります。

再実行は自動で行われないため、エラー修正後手動で再実行してください。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Kairi Takizawa
Kairi Takizawa
海外でのカスタマーサクセス業務や、アート業界での販売・展示運営、通訳など、幅広い職種を経験してきました。 日々の業務の中で「もっとスムーズにできる方法があるはず」と気づくことが多く、自然と業務の調整や改善に関わるようになりました。 現在はその経験をもとに、Yoomを活用しながら、業務効率化に悩む方々に役立つノウハウをお届けしています!
タグ
連携
Webflow
自動
自動化
関連アプリ
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる