BubbleとHubSpotの連携イメージ
Bubble・HubSpot・Slackを連携して、BubbleのThingにリードが登録されたらHubSpotにコンタクトを追加しSlackに通知する方法
Yoomを詳しくみる
この記事のテンプレートを試す
BubbleとHubSpotの連携イメージ
フローボット活用術

2025-03-26

Bubble・HubSpot・Slackを連携して、BubbleのThingにリードが登録されたらHubSpotにコンタクトを追加しSlackに通知する方法

Suguru Nakazawa
Suguru Nakazawa

BubbleとHubSpotにリード情報を登録し、Slackに通知する作業を手動で行う場合、担当者の負担が大きく、ヒューマンエラーが発生するリスクがあります。
また、手動作業やエラーが原因となり運営コストが上昇することが課題になります。
Bubble、HubSpot、Slackを連携すれば、手動作業とヒューマンエラーを削減できるため、担当者の負担が軽減するでしょう。
さらに、情報の整合性を維持できるため、運用コストの削減も期待できます。
本記事では、BubbleのThingにリードを登録した際に、自動でHubSpotにコンタクトを追加し、Slackに通知する方法を解説します。
ノーコードでの連携が可能で、技術的な知識がなくても簡単に設定できるので、参考にしてみてください。

こんな方におすすめ

  • Bubble、HubSpot、Slackを利用している方
  • BubbleからHubSpotにリード情報を転記し、Slackに通知する作業に課題を感じている方
  • BubbleとHubSpot、Slackを連携してヒューマンエラーを削減したい方
  • BubbleとHubSpot、Slackを連携して運営コストの削減を図りたい方

Bubble・HubSpot・Slackを連携するメリットと具体例

メリット1:手動作業を効率化

BubbleのThingに登録したリード情報を、HubSpotのコンタクトに手動で再登録し、Slackに通知する作業は大変です。
特にリード情報を詳細に取得している場合は登録項目が多く、転記作業だけでも時間がかかり、担当者の負担が大きくなります。
ツール同士を連携すれば、BubbleのThingにリード情報を登録すれば、自動でHubSpotにコンタクトが追加され、Slackにも通知できるため、手作業の工程を削減できます。
例えば、IT業界では顧客から詳細な情報を取得するため、担当者は登録作業だけで手一杯になってしまうこともあるでしょう。
この連携を利用すればHubSpotへのリード情報の入力とSlackへの通知作業が削減されるため、業務効率の向上が期待できます。

メリット2: ヒューマンエラーの削減

BubbleからHubSpotへ手動で転記しSlackへ通知する場合、ヒューマンエラーが発生するリスクがあります。
転記時の登録漏れやリード情報の重複登録、そして通知時にもミスが発生することがあります。
3つのツールを連携すれば、BubbleからHubSpotへ自動でリード情報が反映され、Slackに自動通知できるため、転記時や通知時のヒューマンエラーを削減できます。
例えば、マーケティング部でキャンペーンを行い、短期間で大量のリードを獲得した際は、登録して通知する担当者の負担が大きくなるため、ミスが発生しやすいです。
この連携なら、HubSpotへ登録する際のミスと通知時のミスを防止できるため、担当者はBubbleへの情報登録に集中できます。
これにより、Bubbleへ登録する際のヒューマンエラー削減も期待できます。

メリット3: データ一元管理による運用コストの削減

2つのツールにリード情報を登録してSlackに通知する場合、ツール間で情報の整合性が取れないことで発生する確認作業や、情報を繰り返し入力する作業、そしてメッセージを送る作業が生じます。
BubbleとHubSpot、Slackを連携すれば、繰り返し入力や連絡する作業を削減でき、情報の整合性も取れるため、手動による工数が削減され運用コストの低下が期待できます。
例えば、Bubbleを営業チーム、HubSpotをマーケティングチームが管理し、登録作業を営業チームの担当者が行う場合、リード情報の転記と通知が自動化されることで、マーケティングチームに連絡する作業が不要になります。
また、マーケティングチームがリード情報の反映を確認する作業や両チームの管理者がツール間で異なる情報を確認する作業も削減されます。
こうした手作業と確認作業が不要になることで運用コストの低下が実現するでしょう。

それではここから、ノーコードツールYoomを使って、「Bubbleで登録された情報をHubSpotに追加しSlackに通知する」方法を紹介します。

[Yoomとは]

BubbleのThingにリードが登録されたらHubSpotにコンタクトを追加しSlackに通知する方法

この方法は、BubbleのThingにリードが登録されたことをBubbleのAPIを利用して受け取り、HubSpotが提供するAPIを用いてHubSpotにコンタクトを追加することで実現が可能です。
また、Slackが提供するAPIを用いることで、更にBubbleやHubSpotの登録情報をメッセージで通知することもできます。
一般的に実現にはプログラミングの知識が必要ですが、ノーコードツールのYoomを用いることでプログラミング知識がなくても簡単に実現できます。

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

  • Bubble、HubSpot、Slackをマイアプリ登録
  • テンプレートをコピー
  • フローの起点となるBubbleのトリガー設定、その後に続くHubSpotとSlackの設定
  • トリガーボタンをONにして、連携動作を確認

Yoomを利用していない方は、こちらから無料登録をしてください。
すでにYoomを利用している方は、ログインしてください。


■概要

Bubbleで構築したサービスへの新規登録があった際に、その情報を手作業でチームに共有するのは手間がかかるのではないでしょうか。
このような定型業務は、入力ミスや共有漏れといったヒューマンエラーの温床にもなりかねません。
このワークフローを活用すれば、Bubbleへのデータ登録をきっかけにHubSpotへのコンタクト作成とSlackでの通知が自動化されるため、煩雑な共有プロセスを省略できる可能性があります。

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

  • Bubbleで構築したサービスとHubSpotを連携させて、顧客情報を管理している方
  • 手作業によるデータ入力や関係者への通知に、手間やミスを感じている方
  • ノーコードツールを活用して、リード獲得から管理までのプロセスを効率化したい方

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

  • Bubbleに新しい情報が登録されると、自動でHubSpotにコンタクトが作成されるため、これまで手作業に費やしていた時間を短縮することができます。
  • 手作業でのデータ転記が不要になることで、入力情報の誤りや登録漏れといったヒューマンエラーのリスク軽減に繋がります。

■フローボットの流れ

  1. はじめに、Bubble、HubSpot、SlackをYoomと連携します。
  2. トリガーでBubbleの「Thingが作成されたら」というアクションを設定して、監視したいデータの種類を指定します。
  3. 次に、オペレーションでHubSpotの「コンタクトの作成」アクションを設定します。
  4. 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、コンタクトが作成された旨を任意のチャンネルに通知します。

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

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

  • 「コンタクトの作成」では、トリガーで取得したBubbleの情報をHubSpotのどの項目に登録するかを自由に設定することが可能です。
  • 「チャンネルにメッセージを送る」では、メッセージ本文に固定のテキストだけでなく、前段の操作で取得した顧客情報などを変数として埋め込むこともできます。

■注意事項

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

ステップ1:Bubble、HubSpot、Slackをマイアプリ連携

Bubble、HubSpot、SlackをYoomに連携するため、マイアプリに登録します。

1.Yoom管理画面の左側で「マイアプリ」を選択し、「+新規接続」をクリックします。

2.続く画面で、Bubble、HubSpot、Slackをそれぞれ検索して進むと、次の画面に遷移します。

<Bubbleの場合>

・各項目を説明に沿って入力し、「追加」をクリックすると、マイアプリに登録が完了します。
※マイアプリ登録の詳しい方法は、こちらのヘルプページで解説しています。

<HubSpotの場合>

・上記画面で連携するアカウントを選び「アカウントを選択」をクリックします。
次に、下記画面でボックスにチェックを入れ、「アプリを接続」をクリックすると、マイアプリに登録が完了します。
※マイアプリ登録には、Hubspotにてアプリを接続する権限を追加する必要があります。詳細はこちらで解説しています。

<Slackの場合>

・上記画面でワークスペースのURLを入力し、「続行する」をクリックした後、下記画面でサインインします。

・投稿したいチャンネルを設定し、「許可する」をクリックすると、マイアプリに登録が完了します。
※マイアプリの詳しい方法は、こちらでも解説しています。

3.Bubble、HubSpot、Slackを連携するためのテンプレートをコピーします。

・下記リンクを開きます。


■概要

Bubbleで構築したサービスへの新規登録があった際に、その情報を手作業でチームに共有するのは手間がかかるのではないでしょうか。
このような定型業務は、入力ミスや共有漏れといったヒューマンエラーの温床にもなりかねません。
このワークフローを活用すれば、Bubbleへのデータ登録をきっかけにHubSpotへのコンタクト作成とSlackでの通知が自動化されるため、煩雑な共有プロセスを省略できる可能性があります。

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

  • Bubbleで構築したサービスとHubSpotを連携させて、顧客情報を管理している方
  • 手作業によるデータ入力や関係者への通知に、手間やミスを感じている方
  • ノーコードツールを活用して、リード獲得から管理までのプロセスを効率化したい方

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

  • Bubbleに新しい情報が登録されると、自動でHubSpotにコンタクトが作成されるため、これまで手作業に費やしていた時間を短縮することができます。
  • 手作業でのデータ転記が不要になることで、入力情報の誤りや登録漏れといったヒューマンエラーのリスク軽減に繋がります。

■フローボットの流れ

  1. はじめに、Bubble、HubSpot、SlackをYoomと連携します。
  2. トリガーでBubbleの「Thingが作成されたら」というアクションを設定して、監視したいデータの種類を指定します。
  3. 次に、オペレーションでHubSpotの「コンタクトの作成」アクションを設定します。
  4. 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、コンタクトが作成された旨を任意のチャンネルに通知します。

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

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

  • 「コンタクトの作成」では、トリガーで取得したBubbleの情報をHubSpotのどの項目に登録するかを自由に設定することが可能です。
  • 「チャンネルにメッセージを送る」では、メッセージ本文に固定のテキストだけでなく、前段の操作で取得した顧客情報などを変数として埋め込むこともできます。

■注意事項

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

・「このテンプレートを試す」をクリックするとコピーが完了です。

ステップ2:トリガーとなるBubbleの設定

フローの起点となるトリガーアクションを設定します。
このフローは、BubbleのThingにリードが登録されたらトリガーが起動します。

1.Yoom管理画面の「マイプロジェクト」を選択し、「【コピー】Bubbleで登録された情報をHubSpotに追加しSlackに通知する」をクリックします。
※テンプレートのタイトルは次の画面で任意に変更できます。

2.「アプリトリガー Thingが作成されたら」をクリックします。

3.Bubbleと連携するアカウントを確認し、「次へ」をクリックします。
※その他の項目はデフォルトで設定されています。

4.トリガーの起動間隔、データタイプ名を設定して、「テスト」をクリックします。
※トリガーの起動間隔は5分、10分、15分、30分、60分が用意されており、プランによって選択できる時間が変わります。
※選択した間隔ごとに一度、アプリ上でトリガーとなるアクションを確認し、実行された場合にフローボットが起動します。HubSpotにリード情報をすぐ追加したいときは、短い間隔の設定がおすすめです。
※データタイプ名の設定方法の詳細は、こちらのヘルプページで解説しています。

5.テストが成功すると、アウトプットにBubbleから取得した情報が表示されます。
アウトプットにHubSpotへ登録したい項目を追加して保存します。
※アウトプットに項目を追加する方法は、こちらのヘルプページで解説しています。

ステップ3:HubSpotにコンタクトを追加する設定

次に、Bubbleから取得したリード情報を、HubSpotのコンタクトに追加する設定を行います。

1.「アプリと連携する コンタクトの作成」をクリックします。

2.HubSpotと連携するアカウントを確認し、「次へ」をクリックします。
※その他の項目はデフォルトで設定されています。

3.HubSpotに登録する項目を設定します。
※会社名などの入力項目は、定型文を直接入力できます。また、枠をクリックして表示されるアウトプットの「Thingが作成されたら」からも選択します。(値は二重括弧で表示されます)これにより、リードごとに変わる内容を動的に反映できます。

4.HubSpotに登録する項目を設定後、テストを行います。
テストが成功すると、HubSpotのコンタクトにリードが追加されます。
問題がなければ保存します。

ステップ4:Slackに通知する設定

最後に、BubbleとHubSpotにリードの登録が完了したことをSlackに通知する設定を行います。

1.「アプリと連携する チャンネルにメッセージを送る」をクリックします。

2.Slackと連携するアカウントを確認し、「次へ」をクリックします。
※その他の項目はデフォルトで設定されています。

3.投稿先のチャンネルID、メッセージを設定します。
※投稿先のチャンネルIDは枠をクリックして表示される「候補」から選択できます。
※メッセージは定型文を直接入力できます。また、枠をクリックして表示されるアウトプットの「Thingが作成されたら」や「コンタクトの作成」からも選択できます。(値は二重括弧で表示されます)これにより、リードごとに変わる内容を動的に反映できます。
※メンションを設定する方法は、こちらのヘルプページで解説しています。

4.上記の設定が完了したらテストを行います。
テストが成功すると、指定したチャンネルにメッセージが送信されます。
問題がなければ保存します。

5.トリガーをONにすると、BubbleのThingにリードが登録されるたび、HubSpotにコンタクトが自動で追加され、Slackに通知されます。

紹介したフローに不明点があれば、こちらのヘルプページを確認してみてください。


■概要

Bubbleで構築したサービスへの新規登録があった際に、その情報を手作業でチームに共有するのは手間がかかるのではないでしょうか。
このような定型業務は、入力ミスや共有漏れといったヒューマンエラーの温床にもなりかねません。
このワークフローを活用すれば、Bubbleへのデータ登録をきっかけにHubSpotへのコンタクト作成とSlackでの通知が自動化されるため、煩雑な共有プロセスを省略できる可能性があります。

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

  • Bubbleで構築したサービスとHubSpotを連携させて、顧客情報を管理している方
  • 手作業によるデータ入力や関係者への通知に、手間やミスを感じている方
  • ノーコードツールを活用して、リード獲得から管理までのプロセスを効率化したい方

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

  • Bubbleに新しい情報が登録されると、自動でHubSpotにコンタクトが作成されるため、これまで手作業に費やしていた時間を短縮することができます。
  • 手作業でのデータ転記が不要になることで、入力情報の誤りや登録漏れといったヒューマンエラーのリスク軽減に繋がります。

■フローボットの流れ

  1. はじめに、Bubble、HubSpot、SlackをYoomと連携します。
  2. トリガーでBubbleの「Thingが作成されたら」というアクションを設定して、監視したいデータの種類を指定します。
  3. 次に、オペレーションでHubSpotの「コンタクトの作成」アクションを設定します。
  4. 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、コンタクトが作成された旨を任意のチャンネルに通知します。

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

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

  • 「コンタクトの作成」では、トリガーで取得したBubbleの情報をHubSpotのどの項目に登録するかを自由に設定することが可能です。
  • 「チャンネルにメッセージを送る」では、メッセージ本文に固定のテキストだけでなく、前段の操作で取得した顧客情報などを変数として埋め込むこともできます。

■注意事項

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

BubbleやHubSpotを使ったその他の自動化例

他にもBubbleとHubSpotを使った自動化の例がYoomにはたくさんあるので、いくつか紹介します。

1.HubSpotのフォームで回答された内容をBubbleに登録する

HubSpotのフォームで取得した情報を、BubbleのThingに自動登録できます。
この連携により、手動での転記作業にかかる時間とヒューマンエラーを削減できるため、業務効率を向上させることができるでしょう。


■概要

HubSpotのフォームで回答された内容をBubbleに登録するフローです。

Yoomではプログラミング不要でアプリ間の連携ができるため、簡単にこのフローを実現することができます。

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

1. HubSpotを使ってリード情報管理や顧客対応を行っている方

・リード情報の収集や問い合わせ受付のフォームをHubSpotで作成している方

・手動でのデータ転記の手間を省きたい方


2. Bubbleを利用してアプリ開発やWeb制作を行う方

・リード情報や問い合わせ内容をBubbleに登録して業務に活用したい方

・リードや顧客へのフォローアップを迅速化したい方


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

Bubbleはアプリ開発やWeb制作に役立つツールですが、フォームから収集したリード情報や要望、問い合わせなどを手動で登録するのは、非効率的です。

このテンプレートを活用することで、HubSpotのフォームの回答内容からBubbleのThingを自動作成できます。データの自動反映によって、スムーズな情報共有が可能になり、迅速なフォローアップにつながります。また、自動同期により、入力ミスや登録漏れを防ぐこともできます。


■注意事項

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

・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。

・プランによって最短の起動間隔が異なりますので、ご注意ください。

2.BubbleでThingが作成されたらGoogle Driveにフォルダを作成する

BubbleのThingにレコードを登録すると、専用フォルダを自動でGoogle Driveに作成できます。
この連携により、フォルダの作成漏れやフォルダ名の入力ミスを防止できるため、正確な業務進行が可能になるでしょう。


■概要

BubbleでThingが作成されたらGoogle Driveにフォルダを作成するフローです。
Yoomを利用すると、プログラミング不要で簡単にアプリ同士の連携が行えます。

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

1. Bubbleで情報管理を行っている企業

・Bubbleを使ってデータベース管理をしており、データの保存や共有を簡単にしたいと考えている方

2. Google Driveを活用してドキュメントやファイルを管理している方

・Google Driveを日常的に使っていて、プロジェクトごとに整理されたフォルダを自動的に作成したい方

・手動でのフォルダ作成が手間になっており、作業効率を上げたいと考えている方

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

「BubbleでThingが作成されたらGoogle Driveにフォルダを作成する」フローを導入することで、データ管理の効率が向上します。
この自動化プロセスにより、Bubbleで新しいデータが作成された際に対応するフォルダが自動的にGoogle Drive上に作成されます。
これにより、手動でのフォルダ作成やリンク付けの手間が省けます。
その結果、迅速にフォルダを整理し、データを一元管理することが可能になります。

また、このフローにより、チーム間の共有やアクセスがスムーズになり、情報の受け渡しにかかる時間が短縮されます。
これにより、メンバー間の連携も強化されるでしょう。

■注意事項

・BubbleとGoogle DriveのそれぞれとYoomを連携してください。

・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。

・プランによって最短の起動間隔が異なりますので、ご注意ください。

3.BubbleでThingが作成されたらOutlookでメールを通知する

BubbleでThingを作成すると、Outlookでのメール送信が自動化されます。
この連携により、手動でのメール送信を削減し、連絡漏れを防ぐことで、円滑な情報共有が可能になるでしょう。


■概要

BubbleでThingが作成されたらOutlookでメールを通知するフローです。

Yoomではプログラミング不要でアプリ間の連携ができるため、簡単にこのフローを実現することができます。

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

1. Bubbleを利用してアプリ開発やWeb制作を行う方

・業務に関するデータをBubbleで一括管理している方

・Bubbleに登録した情報を速やかにチームメンバーと共有したい方


2. Outlookを使った情報共有を行っている方

・チームのコミュニケーションにOutlookを利用している方

・他のアプリの情報をOutlookで受け取りたい方


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

Bubbleはアプリ開発やWeb制作を効率化する便利なツールですが、OutlookでThingが作成されるたびにチームメンバーにその情報を手動で連絡するのは、手間がかかります。

このテンプレートを活用することで、BubbleでThingが作成された際、チームメンバーにOutlookで自動通知できます。連絡の手間が省けるほか、情報共有の迅速化や転記ミスなどのヒューマンエラーの減少につながります。


■注意事項

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

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

・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。

・プランによって最短の起動間隔が異なりますので、ご注意ください。

まとめ

BubbleとHubSpotにリード情報を登録し、Slackへ通知する作業を手動で行う場合、作業効率、ヒューマンエラー、運用コストが課題になります。
BubbleとHubSpot、Slackを連携すれば、これらの課題が同時に解決するでしょう。
これにより、作業担当者やマネージャー、そして経営者の負担軽減が期待できます。
Bubble、HubSpot、Slackの連携は、Yoomを利用することでノーコードで実現可能です。
本記事で解説した手順に沿って設定するだけで導入できるため、この機会にぜひ自動化を取り入れてみてください。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Suguru Nakazawa
Suguru Nakazawa
個人ブログを5年以上運営してきました。 執筆時は、読者様が知りたい情報をわかりやすく解説することを大切にしています。 ブログ運営で学んだライティング経験をもとに、複雑な業務もノーコードで自動化できるYoomの使い方や魅力をわかりやすくご紹介します。
タグ
Bubble
HubSpot
Slack
自動
自動化
連携
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる