BubbleとHubSpotの連携イメージ
BubbleとHubSpotを連携して、Bubbleに登録された情報をHubSpotに自動追加する方法
Yoomを詳しくみる
この記事のテンプレートを試す
BubbleとHubSpotの連携イメージ
フローボット活用術

2025-03-26

BubbleとHubSpotを連携して、Bubbleに登録された情報をHubSpotに自動追加する方法

Sho Miyamoto
Sho Miyamoto

アプリ連携を活用し、手動作業を削減しませんか?
BubbleとHubSpotの連携は営業やマーケティングの効率を向上させる可能性を秘めています。
本記事では、Bubbleに登録された情報をHubSpotに自動で追加する方法を解説します。
ノーコードでの連携が可能なため、特別なスキルがなくても簡単に設定できます。

こんな方におすすめ

・BubbleとHubSpotを活用し、営業活動の効率化を図りたい営業担当
・アプリ連携を活用し、データ管理の手間を削減したいマーケティングチーム
・営業とカスタマーサポート間での情報共有を改善したい管理職
・顧客のリード情報を素早くキャッチするための仕組みを構築したい営業チーム

BubbleとHubSpotの連携メリットと具体例

メリット1: データ入力の時間短縮

BubbleとHubSpotを連携することで、指定したデータが自動的にHubSpotに追加されます。
これにより営業チームやマーケティングチームは手動でデータを入力する必要がなくなり、時間を節約できるでしょう。
たとえば、Bubbleで新しい顧客情報が登録されるたびに、そのデータがすぐにHubSpotに転送され、営業活動を支援する情報として活用できます。
これにより、データ入力のミスを減らし、社員がより重要な業務に集中できる環境づくりをサポートします。
さらにデータの整合性が保たれ、全体的な業務の効率化も実現します。

メリット2: 情報管理の強化

BubbleとHubSpotの連携により、業務の進捗がスムーズに可視化され、営業チームのアクションをサポートします。
たとえば、Bubbleで新しい顧客情報が登録されると、そのデータがHubSpotに転送され、営業活動に活用できます。
これにより、営業担当者は案件ごとの進捗状況を把握し、次のステップを見極めることができるでしょう。
営業の業務管理が容易になり、業務進行におけるボトルネック発見が早期化します。

メリット3: 情報共有の効率化

Bubbleで管理されているデータがHubSpotに自動で追加されることで、営業、マーケティング、カスタマーサポートなどのチームが共通の情報にアクセスできるようになります。
これにより、異なる部門間で情報の重複や誤解を減らし、効率的なチームワークが期待できます。
たとえば、営業チームが新しいリードをHubSpotに追加した場合、マーケティングチームはその情報を素早くターゲティングに活用できます。
また、カスタマーサポートチームが顧客の問題や質問を記録することで、全チームの一貫した顧客対応に寄与します。
全体の情報共有がスムーズになることで、チーム間での連携が強化され、円滑な業務進行が予想されます。

それではここからノーコードツールYoomを使って、Bubbleに登録された情報をHubSpotに自動追加する方法をご説明します。
[Yoomとは]

Bubbleに登録された情報をHubSpotに自動追加する方法

Bubbleのデータベースに登録された情報をBubbleのAPIを利用して受け取り、HubSpotの提供するAPIを用いてHubSpotの新規コンタクトを作成することで実現が可能です。一般的に実現にはプログラミングの知識が必要ですが、ノーコードツールのYoomを用いることでプログラミング知識がなくても簡単に実現できます。

連携フローの作り方

今回は大きく分けて以下のプロセスで作成していきます。
・BubbleとHubSpotをマイアプリ連携
・テンプレートをコピーする
・Bubbleでトリガーを設定し、HubSpotでアクションを設定する
・トリガーをONに設定しフロー稼働の準備完了
Yoomに登録している方はログインし、未登録の方は無料登録後に設定を進めてください


■概要

ノーコードツールBubbleで作成したサービスに新しいユーザー登録があっても、顧客管理ツールへの情報入力は手作業で行っていませんか。この手入力の作業は、手間がかかるだけでなく、入力ミスや転記漏れの原因にもなりかねません。このワークフローを活用すれば、Bubbleに新しいデータが登録された際に、自動でHubSpotへコンタクト情報を追加でき、こうした課題をスムーズに解消できます。

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

  • Bubbleで構築したサービスのユーザー情報をHubSpotで管理している担当者の方
  • BubbleとHubSpot間の手作業でのデータ移行による手間やミスをなくしたい方
  • ノーコードツール間の連携を自動化し、顧客管理の効率化を図りたいと考えている方

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

  • Bubbleに情報が登録されると自動でHubSpotにコンタクトが作成されるため、これまで手作業で行っていたデータ入力の時間を短縮できます。
  • 手作業による転記が不要になることで、連絡先や氏名の入力間違いといったヒューマンエラーのリスクを軽減し、データの正確性を保ちます。

■フローボットの流れ

  1. はじめに、BubbleとHubSpotをYoomと連携します。
  2. 次に、トリガーでBubbleを選択し、「Thingが作成されたら」というアクションを設定し、監視対象のデータタイプを指定します。
  3. 最後に、オペレーションでHubSpotの「コンタクトの作成」アクションを設定し、Bubbleのトリガーで取得した情報を紐付けます。

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

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

  • HubSpotでコンタクトを作成する際、Bubbleのトリガーから取得した氏名やメールアドレスなどの情報を、HubSpotの対応する項目に変数として設定してください。
  • 特定のキャンペーン名や流入経路など、固定の値をHubSpotのプロパティにテキストとして入力することも可能です。

■注意事項

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

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

まずBubbleとAirtableをマイアプリに連携します。
Yoomにログインしたら、画面左側にある「マイアプリ」をクリックし、「+新規接続」から設定を進めましょう。

次に、Bubbleを検索してクリックしてください。

続いて、接続に関する項目の設定を行います。
「アカウント名」は、任意の管理名を入力してください。(例:Yoom App)
「アクセストークン」は、Bubbleの設定からAPI Tokenを取得して入力してください。
「サブドメイン」は、BubbleのアプリURLから取得し入力してください。
また、注釈を参考にしながらBubbleの設定にてAPIの有効化設定を行ってください。
各項目の設定が完了したら、「追加」をクリックして完了です。

同様にHubSpotを検索しクリックしてください。

クリック後に任意の方法でサインインを行います。

確認コードが送信された場合は、登録しているメールアドレスの受信ボックスを確認してください。

最後にYoomと接続するアカウントを選択し、マイアプリ連携が完了です。
次に、フローボットのテンプレートを使用して設定を進めましょう。
Yoomにログインし、バナーの「試してみる」をクリックしてください。


■概要

ノーコードツールBubbleで作成したサービスに新しいユーザー登録があっても、顧客管理ツールへの情報入力は手作業で行っていませんか。この手入力の作業は、手間がかかるだけでなく、入力ミスや転記漏れの原因にもなりかねません。このワークフローを活用すれば、Bubbleに新しいデータが登録された際に、自動でHubSpotへコンタクト情報を追加でき、こうした課題をスムーズに解消できます。

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

  • Bubbleで構築したサービスのユーザー情報をHubSpotで管理している担当者の方
  • BubbleとHubSpot間の手作業でのデータ移行による手間やミスをなくしたい方
  • ノーコードツール間の連携を自動化し、顧客管理の効率化を図りたいと考えている方

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

  • Bubbleに情報が登録されると自動でHubSpotにコンタクトが作成されるため、これまで手作業で行っていたデータ入力の時間を短縮できます。
  • 手作業による転記が不要になることで、連絡先や氏名の入力間違いといったヒューマンエラーのリスクを軽減し、データの正確性を保ちます。

■フローボットの流れ

  1. はじめに、BubbleとHubSpotをYoomと連携します。
  2. 次に、トリガーでBubbleを選択し、「Thingが作成されたら」というアクションを設定し、監視対象のデータタイプを指定します。
  3. 最後に、オペレーションでHubSpotの「コンタクトの作成」アクションを設定し、Bubbleのトリガーで取得した情報を紐付けます。

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

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

  • HubSpotでコンタクトを作成する際、Bubbleのトリガーから取得した氏名やメールアドレスなどの情報を、HubSpotの対応する項目に変数として設定してください。
  • 特定のキャンペーン名や流入経路など、固定の値をHubSpotのプロパティにテキストとして入力することも可能です。

■注意事項

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

「テンプレートがコピーされました!」と表示されるので、「OK」をクリックしてコピーを完了してください。

ステップ2:トリガーを設定

次に、Bubbleのトリガーを設定します。「Thingが作成されたら」をクリックしてください。

次に、「Bubbleと連携するアカウント情報」を確認してください。
タイトルは自由に編集できますが、トリガーアクションはそのままにして、「次へ」をクリックしてください。

APIの接続設定を行います。
「トリガーの起動間隔」は、5分、10分、15分、30分、60分を選択できます。
※プランによって最短の起動間隔が異なりますので、ご注意ください。
「データタイプ名」は、Bubble内の対象データタイプを指定してください。
全て設定し終えたら「テスト」をクリックしましょう。

アウトプットに表示された取得データを確認し「保存する」をクリックしてください。
他の値を取得したい場合はJSON PATHを利用した情報取得設定を行なってください。JSON PATHの詳しい設定方法はこちらで解説しています。

ステップ3:アクションを設定

次に、HubSpotのアクションを設定します。「コンタクトの作成」をクリックしてください。

先ほどと同様にタイトルの任意編集とアカウント情報の確認を行い、アクションは変更せず「次へ」をクリックして先に進みます。

新規コンタクトの詳細設定を行います。
各項目をクリックして、表示された候補から該当項目を選択してください。
※ステップ2でJSON PATHを利用した情報取得設定を行なっておくと、より多くの項目が選択できます。
全て選択し終えたら「テスト」をクリックし、HubSpotに新規コンタクトが作成されているか確認をしましょう。
確認できたら「保存する」をクリックしてください。

「トリガーをON」をクリックし、フロー稼働の準備が完了です。
これでBubbleで登録したデータがHubSpotに自動追加されます。


■概要

ノーコードツールBubbleで作成したサービスに新しいユーザー登録があっても、顧客管理ツールへの情報入力は手作業で行っていませんか。この手入力の作業は、手間がかかるだけでなく、入力ミスや転記漏れの原因にもなりかねません。このワークフローを活用すれば、Bubbleに新しいデータが登録された際に、自動でHubSpotへコンタクト情報を追加でき、こうした課題をスムーズに解消できます。

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

  • Bubbleで構築したサービスのユーザー情報をHubSpotで管理している担当者の方
  • BubbleとHubSpot間の手作業でのデータ移行による手間やミスをなくしたい方
  • ノーコードツール間の連携を自動化し、顧客管理の効率化を図りたいと考えている方

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

  • Bubbleに情報が登録されると自動でHubSpotにコンタクトが作成されるため、これまで手作業で行っていたデータ入力の時間を短縮できます。
  • 手作業による転記が不要になることで、連絡先や氏名の入力間違いといったヒューマンエラーのリスクを軽減し、データの正確性を保ちます。

■フローボットの流れ

  1. はじめに、BubbleとHubSpotをYoomと連携します。
  2. 次に、トリガーでBubbleを選択し、「Thingが作成されたら」というアクションを設定し、監視対象のデータタイプを指定します。
  3. 最後に、オペレーションでHubSpotの「コンタクトの作成」アクションを設定し、Bubbleのトリガーで取得した情報を紐付けます。

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

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

  • HubSpotでコンタクトを作成する際、Bubbleのトリガーから取得した氏名やメールアドレスなどの情報を、HubSpotの対応する項目に変数として設定してください。
  • 特定のキャンペーン名や流入経路など、固定の値をHubSpotのプロパティにテキストとして入力することも可能です。

■注意事項

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

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

1.BubbleでThingが作成されたらLINE WORKSに通知する

Bubbleで新たなThingが作成されるとLINE WORKSに自動的に通知が送られます。
この仕組みにより、チームメンバーが最新情報を素早く確認でき、業務の見落としを防ぐサポートができます。
特にLINE WORKSを活用しているチームは、日常的なやり取りの中で最新情報のスムーズな共有が期待できます。


■概要

BubbleでThingが作成されたらLINE WORKSに通知するフローです。

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

1.カスタマーサポートチーム

・Bubbleで開発したアプリケーションのユーザーからの問い合わせに対してLINE WORKSで管理している方

・ユーザーの属性や利用状況を把握して、よりパーソナライズされたサポートを提供したい方

2.マーケティングチーム

・Bubbleで開発したアプリケーションのプロモーション活動を行い、LINE WORKS上で効果測定や改善策の検討を行っている方

・新しいユーザーの獲得状況をリアルタイムで把握してマーケティング戦略の改善に繋げたい方

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

BubbleはWebアプリケーション開発を効率化する強力なツールですが、Thingが作成されたことをチームメンバーに迅速に伝えることは、円滑な連携と迅速な対応に不可欠です。しかし、BubbleのThing作成を都度確認し、LINE WORKSに手動で通知するのは、時間と手間がかかり、対応漏れが発生するリスクもあります。

このフローを活用することによって、BubbleでThingが作成されたら、LINE WORKSに自動で通知されるため、チームメンバーは確認作業や通知作業を行う必要がなくなり業務の効率化を図ることができます。また人的ミスのリスクも軽減されて、より迅速かつ正確な情報共有も可能となります。

■注意事項

・Bubble、LINE WORKSのそれぞれとYoomを連携させてください。

2.BubbleでThingが作成されたらMicrosoft Teamsに通知する

BubbleでThingが作成されるとMicrosoft Teamsに自動で通知が送信されます。
この連携により、チームメンバーが新たなタスクや更新情報をすぐに把握でき、業務のスピード向上に寄与します。
特にリモート環境の課題である円滑なコミュニケーションをサポートし、素早い業務進行が期待されます。


■概要

BubbleでThingが作成されたらMicrosoft Teamsに通知するフローです。

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

1.開発チーム

・Bubbleで開発したアプリケーションのユーザー登録状況をMicrosoft Teams上で共有して開発状況の把握やバグ報告などに活用したい方

・新しいThingの作成を直ぐにチームメンバーに通知して迅速な対応や改善に繋げたい方

2.カスタマーサポートチーム

・Bubbleで開発したアプリケーションのユーザーからの問い合わせに対してMicrosoft Teamsで管理している方

・ユーザーの属性や利用状況を把握して、よりパーソナライズされたサポートを提供したい方

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

BubbleはWebアプリケーション開発を効率化するツールですが、Thingが作成されるたびにMicrosoft Teamsに手動で通知していてはチームのコミュニケーション効率を低下させて情報共有の遅延や見落としに繋がる可能性があります。

このフローを導入すれば、BubbleでThingが作成されると自動的にMicrosoft Teamsに通知が送信され、チームメンバーは直ぐにThingの作成を把握して迅速な対応やフィードバックが可能になります。手作業での通知業務から解放されることで、開発者は本来の業務に集中でき生産性の向上を図ることができます。

■注意事項

・Bubble、Microsoft TeamsのそれぞれとYoomを連携させてください。

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

3.BubbleでThingが作成されたら、Chatworkに通知する

BubbleでThingが作成されると、Chatworkに自動で通知が送られます。
これにより手動での連絡が不要となり、時間を節約しつつスムーズな情報共有が期待できます。
特に、迅速な進捗確認が必要な環境において、チーム間の連携強化が見込めるでしょう。


■概要

BubbleでThingが作成されたら、Chatworkのルームに通知するフローです。

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

1.開発チーム

・Bubbleで開発したアプリケーションのユーザー登録状況をChatworkで共有して開発状況の把握やバグ報告などに活用したいチーム

・新しいThingの作成を直ぐにチームメンバーに通知して迅速な対応や改善に繋げたいチーム

2.カスタマーサポートチーム

・Bubbleで開発したアプリケーションのユーザーからの問い合わせに対してChatworkで管理しているチーム

・新しいユーザーの登録を把握して、事前に準備した情報提供やサポート対応を行いたいチーム

・ユーザーの属性や利用状況を把握して、よりパーソナライズされたサポートを提供したいチーム

3.マーケティングチーム

・Bubbleで開発したアプリケーションのプロモーション活動を行い、Chatworkで効果測定や改善策の検討を行っているチーム

・新しいユーザーの獲得状況をリアルタイムで把握してマーケティング戦略の改善に繋げたいチーム

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

・BubbleでThingが作成されると同時にChatworkのルームに通知が届くことにより、チームメンバーは通知を見逃すことなく直ぐに作成されたThingを把握することができ情報共有のスピードが向上してチーム全体の連携がスムーズになります。

・BubbleとChatworkを連携させることで、情報共有の手間を省くことができ業務の効率化に繋がります。

・Chatworkのルームへの通知内容や通知先などを自由にカスタマイズでき、自社の運用に合わせて柔軟に対応することができます。

・手入力によるChatworkのルームへの通知に伴うミスを防止することができます。

■注意事項

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

まとめ

BubbleとHubSpotの連携は、営業やマーケティングの効率向上を効果的にサポートします。
データ入力の時間短縮や情報管理の強化、情報共有の効率化といったメリットを活用し、業務の効率化を図りましょう。

Yoomのアプリ連携はプログラミング不要で手軽に導入できます。ぜひこの機会にアプリ連携による自動化を体験してください。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Sho Miyamoto
Sho Miyamoto
外資企業のカスタマーサクセス業界にて約5年の経験があります。 オペレーターや管理職など、さまざまな立場から培った現場の課題点を元に、日々お役立ちコンテンツを発信していきます。 Yoomを活用し、顧客体験を向上するヒントなど、現場で活かせるコンテンツを皆様にお届けしていきます!
タグ
Bubble
HubSpot
連携
自動
自動化
関連アプリ
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる