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

2025-12-03

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

Kairi Takizawa
Kairi Takizawa

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

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

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

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

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

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

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


■概要
Web会議が終了した後の議事録作成や、文字起こししたテキストの転記作業に手間を感じていませんか?特に、会議内容をコンテンツとしてWebflowで管理している場合、手作業での登録は時間もかかり、更新漏れの原因にもなりかねません。 このワークフローを活用すれば、会議の終了をきっかけにWebflowへ自動でアイテムを追加できるため、こうした一連の作業を効率化し、より迅速な情報共有やコンテンツ公開を実現します。
■このテンプレートをおすすめする方
  • Web会議の内容や文字起こしデータをWebflowで管理しているWebサイト運営担当者の方
  • 会議後の議事録作成やコンテンツ化のフローを自動化し、業務を効率化したいと考えている方
  • 手作業によるWebflowへの情報登録で、入力ミスや更新漏れといった課題を感じている方
■このテンプレートを使うメリット
  • 会議終了をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業で行っていた登録作業の時間を短縮できます。
  • システムが自動で処理を行うため、手作業によるコピー&ペーストのミスや重要な情報の登録漏れといったヒューマンエラーの防止に繋がります。
■フローボットの流れ
  1. はじめに、WebflowをYoomと連携します。
  2. 次に、トリガーで「Web会議トリガー」を選択し、会議の終了をフローボット起動のきっかけとして設定します。
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、会議の情報を任意のコレクションに登録します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
  • Webflowの「コレクションにアイテムを追加」アクションを設定する際、会議の開催日や文字起こししたテキストなど、どの情報をどのフィールドに登録するかは任意で設定することが可能です。
■注意事項

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

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

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

[Yoomとは]

フローの作成方法

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

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


■概要
Web会議が終了した後の議事録作成や、文字起こししたテキストの転記作業に手間を感じていませんか?特に、会議内容をコンテンツとしてWebflowで管理している場合、手作業での登録は時間もかかり、更新漏れの原因にもなりかねません。 このワークフローを活用すれば、会議の終了をきっかけにWebflowへ自動でアイテムを追加できるため、こうした一連の作業を効率化し、より迅速な情報共有やコンテンツ公開を実現します。
■このテンプレートをおすすめする方
  • Web会議の内容や文字起こしデータをWebflowで管理しているWebサイト運営担当者の方
  • 会議後の議事録作成やコンテンツ化のフローを自動化し、業務を効率化したいと考えている方
  • 手作業によるWebflowへの情報登録で、入力ミスや更新漏れといった課題を感じている方
■このテンプレートを使うメリット
  • 会議終了をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業で行っていた登録作業の時間を短縮できます。
  • システムが自動で処理を行うため、手作業によるコピー&ペーストのミスや重要な情報の登録漏れといったヒューマンエラーの防止に繋がります。
■フローボットの流れ
  1. はじめに、WebflowをYoomと連携します。
  2. 次に、トリガーで「Web会議トリガー」を選択し、会議の終了をフローボット起動のきっかけとして設定します。
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、会議の情報を任意のコレクションに登録します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
  • Webflowの「コレクションにアイテムを追加」アクションを設定する際、会議の開催日や文字起こししたテキストなど、どの情報をどのフィールドに登録するかは任意で設定することが可能です。
■注意事項

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

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

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

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

Webflowの連携

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

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

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

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

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


■概要
Web会議が終了した後の議事録作成や、文字起こししたテキストの転記作業に手間を感じていませんか?特に、会議内容をコンテンツとしてWebflowで管理している場合、手作業での登録は時間もかかり、更新漏れの原因にもなりかねません。 このワークフローを活用すれば、会議の終了をきっかけにWebflowへ自動でアイテムを追加できるため、こうした一連の作業を効率化し、より迅速な情報共有やコンテンツ公開を実現します。
■このテンプレートをおすすめする方
  • Web会議の内容や文字起こしデータをWebflowで管理しているWebサイト運営担当者の方
  • 会議後の議事録作成やコンテンツ化のフローを自動化し、業務を効率化したいと考えている方
  • 手作業によるWebflowへの情報登録で、入力ミスや更新漏れといった課題を感じている方
■このテンプレートを使うメリット
  • 会議終了をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業で行っていた登録作業の時間を短縮できます。
  • システムが自動で処理を行うため、手作業によるコピー&ペーストのミスや重要な情報の登録漏れといったヒューマンエラーの防止に繋がります。
■フローボットの流れ
  1. はじめに、WebflowをYoomと連携します。
  2. 次に、トリガーで「Web会議トリガー」を選択し、会議の終了をフローボット起動のきっかけとして設定します。
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、会議の情報を任意のコレクションに登録します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
  • Webflowの「コレクションにアイテムを追加」アクションを設定する際、会議の開催日や文字起こししたテキストなど、どの情報をどのフィールドに登録するかは任意で設定することが可能です。
■注意事項

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

ステップ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のコレクションにアイテムを新たに自動的に追加したり、アイテム情報の更新を自動化することができます。
もちろん登録したアイテムを公開することも可能です。


■概要

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

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

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

・自社のECサイト運営を担当している方

・WebflowとGoogleスプレッドシートの連携を効率化したい方

2.Google スプレッドシートを利用してデータ管理をしている方

・Google スプレッドシートで商品の在庫管理や受注管理を担当している方

・Webflowからの注文情報を手動でGoogle スプレッドシートに追加している方

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

Webflowからの注文情報をGoogle スプレッドシートで管理している場合、手動による追加作業は手間です。
また、Webflowからの注文発生後にスピーディーな対応が求められる場合、手動作業は非効率的で時間がかかります。

このテンプレートは、Webflowで注文が発生すると自動でGoogle スプレッドシートに追加することができるため、注文情報の追加作業を効率化することができます。
Google スプレッドシートへの注文情報の追加がスピーディーになることで、在庫管理や受注管理の業務をスムーズに進めることが可能です。

注文情報の入力ミスや転機漏れも低減するため、データの確認や分析業務が楽になります。

■注意事項

・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。


■概要

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

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

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

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

  • GitHubでプルリクエストが作成されると自動でWebflowにアイテムが追加されるため、手作業での転記時間を短縮できます
  • 手作業による情報の入力漏れやコピー&ペーストのミスといった、ヒューマンエラーのリスクを軽減し、情報の正確性を保ちます

■フローボットの流れ

  1. はじめに、GitHubとWebflowをYoomと連携します
  2. 次に、トリガーでGitHubを選択し、「プルリクエストが作成されたら」というアクションを設定します
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、プルリクエストの情報をWebflowのCMSに登録します

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

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

  • Webflowの「コレクションにアイテムを追加」アクションでは、対象のコレクションIDとサイトIDを任意で設定してください
  • GitHubのプルリクエストから取得した情報を基に、Webflowのコレクションに追加する各フィールド情報は任意で設定することが可能です

■注意事項

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

■概要

Googleフォームで集めたお問い合わせやイベントの申し込み情報を、手作業でWebflowのCMSに転記していませんか?
この作業は手間がかかるだけでなく、コピー&ペーストのミスや更新漏れが発生する原因にもなります。
このワークフローを活用すれば、Googleフォームに回答が送信されると、その内容が自動でWebflowのコレクションにアイテムとして追加されるため、こうした課題をスムーズに解消できます。

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

  • GoogleフォームとWebflowを利用し、コンテンツやデータベースを管理している方
  • フォームから得た情報を手作業でWebサイトに反映しており、効率化したいと考えている方
  • 手作業によるデータ転記での入力ミスをなくし、コンテンツの正確性を高めたい方

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

  • Googleフォームへの回答送信をきっかけに、自動でWebflowへデータが連携されるため、これまで手作業での転記に費やしていた時間を短縮できます。
  • 手作業によるコピー&ペーストがなくなることで、入力間違いや更新漏れといったヒューマンエラーのリスクを軽減し、データの正確性を保ちます。

■フローボットの流れ

  1. はじめに、GoogleフォームとWebflowをYoomと連携します。
  2. 次に、トリガーでGoogleフォームを選択し、「フォームに回答が送信されたら」というアクションを設定します。
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容をWebflowの各フィールドに紐付けます。

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

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

  • Googleフォームのトリガー設定では、連携の対象としたいフォームのIDを任意で設定してください。
  • Webflowでアイテムを追加するアクションを設定する際に、対象のサイトID、コレクションIDを任意で設定し、フォームの回答内容をどのフィールドに追加するかを設定してください。

■注意事項

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

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


■概要

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

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

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

・Webflowで自社サイトやサービスを運営している企業

・フォーム内容をGoogleスプレッドシートに自動で追加したい方

2.Googleスプレッドシートで情報管理をしている方

・GoogleスプレッドシートでWebflowのフォーム内容を管理している方

・顧客情報の管理でGoogleスプレッドシートを活用している方

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

Webflowのフォームは、問い合わせやリード情報の取得に役立ちますが、都度ダッシュボードから確認するのは手間です。
また、Googleスプレッドシートにフォーム内容を手動で追加している場合、時間がかかり非効率的です。

このテンプレートは、Webflowのフォーム内容を自動でGoogleスプレッドシートに追加することができるため、ダッシュボードからフォーム内容を確認する手間を減らすことができます。
データ入力も自動化することができるため、手作業に比べてデータの正確性が高まり、情報管理を効率化することができます。

また、Googleスプレッドシートへの情報の追加がスピーディーに行われるため、チーム内の情報共有をスムーズにすることが可能です。

■注意事項

・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。


■概要

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

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

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

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

  • Trelloでカード情報が更新されると、自動で`ClickUp`にタスクが作成されるため、これまで手作業で行っていた転記作業の時間を短縮できます。
  • TrelloとClickUpの連携を自動化することで、手作業による入力ミスや更新漏れといったヒューマンエラーを防ぎ、タスク管理の精度を高めます。

■フローボットの流れ

  1. はじめに、TrelloとClickUpをYoomと連携します。
  2. 次に、トリガーでTrelloを選択し、「カード情報が更新されたら(Webhook)」というアクションを設定します。
  3. 次に、オペレーションで分岐機能を追加し、Trelloから取得した情報に基づいて後続の処理を分岐させる条件を設定します。
  4. 次に、オペレーションでClickUpを選択し、「特定のステータスのタスクを検索」アクションを設定し、ClickUp内のタスク一覧を検索します。
  5. 次に、トリガーで取得したタスク名とClickUpで検索したタスク名と重複がないか分岐設定で確認します。
  6. 最後に、オペレーションでClickUpの「タスクを作成」アクションを設定し、Trelloから取得した情報を基にタスクを作成します。

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

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

  • Trelloのトリガー設定では、通知の対象としたいボードIDやユーザー名を任意で設定してください。
  • 分岐機能では、Trelloから取得したカード情報(例:リスト名など)を基に、タスクを作成するかどうかなどの条件を自由にカスタマイズ可能です。
  • `ClickUp`でタスクを作成するアクションでは、`Trello`のカード名や説明文といった値を引用し、タスク名や詳細欄に自由に設定できます。

注意事項

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

■概要

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

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

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

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

  • Slackへの投稿からWebflowへのアイテム追加までが自動化されるため、手作業での転記やデータ入力にかかる時間を短縮できます。
  • システムが自動で処理を行うことで、手作業によるコピー&ペーストのミスや、Webflowへのアイテム登録漏れといったヒューマンエラーを防ぎます。

■フローボットの流れ

  1. はじめに、SlackとWebflowをYoomと連携します。
  2. 次に、トリガーでSlackを選択し、「メッセージがチャンネルに投稿されたら」というアクションを設定し、対象のチャンネルを指定します。
  3. 次に、オペレーションで分岐機能を追加し、特定の条件に合致したメッセージのみ後続の処理に進むよう設定します。
  4. 続いて、AI機能の「テキストからデータを抽出する」を設定し、SlackのメッセージからWebflowのアイテムに必要な情報を抽出します。
  5. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」を設定し、AIで抽出したデータを元にアイテムを自動で追加します。

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

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

  • Slackからの全投稿に反応させるのではなく、特定の投稿のみを処理したい場合は、分岐機能の条件を任意で設定してください。例えば、特定のキーワードが含まれている場合や、特定のユーザーからの投稿の場合にのみ、後続のWebflowへのアイテム追加処理を実行するように設定が可能です。

■注意事項

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

■概要

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

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

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

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

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

  • Webflowのコレクションにアイテムが追加されると、自動でWooCommerceへ商品が作成されるため、これまで手作業に費やしていた時間を短縮できます。
  • 手作業によるデータ転記が不要になるため、商品情報の入力間違いや登録漏れといったヒューマンエラーの発生を防ぎ、データの正確性を保ちます。

■フローボットの流れ

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

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

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

  • 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のキャンペーンが自動で作成されるため、これまで手作業で行っていた情報入力の時間を短縮できます。
  • 手動でのコピー&ペースト作業が不要になるため、キャンペーンの件名や本文における転記ミスや設定漏れといったヒューマンエラーの発生を防ぎます。

■フローボットの流れ

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

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

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

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

■注意事項


■概要

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

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

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

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

  • Webflowのフォーム送信後、OpenAIが自動で内容を要約するため、長文を読む時間を短縮し、迅速な状況把握が可能になります
  • 要点がまとめられた状態で通知されるため、重要な情報の見落としや確認漏れといったリスクの軽減に繋がります

■フローボットの流れ

  1. はじめに、OpenAIとWebflowをYoomと連携します
  2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
  3. 次に、オペレーションでOpenAIの「テキストの生成(Chat completion)」アクションを設定し、フォームの送信内容を要約するように指示します
  4. 最後に、Yoomの「メールを送る」アクションを設定し、OpenAIが生成した要約文を指定のメールアドレスに通知します

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

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

  • OpenAIの「テキストの生成(Chat completion)」アクションでは、どのような要約をさせたいか、プロンプト(指示文)を任意の内容で設定してください。また、利用するモデルIDも候補から選択が可能です
  • Yoomの「メールを送る」アクションでは、通知先のメールアドレスや件名、本文などを自由に設定できます。本文には前のオペレーションで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の連携を自動化することで、これまで手作業で行っていた文字起こしデータの転記やコンテンツ更新の手間を削減し、情報の公開スピードを早めることができます。

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

今回ご紹介したような業務自動化を実現できるノーコードツール「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導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる