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

2025-10-17

【ノーコードで実現】PipedriveのデータをWebflowに自動的に連携する方法

Tomomi Aizawa
Tomomi Aizawa

■概要
CRMツールのPipedriveで管理している顧客情報を、Webflowで作成したWebサイトに手作業で転記していませんか?この作業は時間がかかるだけでなく、コピー&ペーストのミスや更新漏れといったヒューマンエラーの原因にもなりがちです。このワークフローは、PipedriveとWebflowの連携を自動化し、Pipedriveに新しい組織情報が追加されると、WebflowのCMSコレクションにアイテムを自動で追加するため、こうした課題を円滑に解決します。

■このテンプレートをおすすめする方
・PipedriveとWebflowを併用し、導入事例などのコンテンツを管理しているWeb担当者の方
・Pipedriveの情報をWebflowに手動で転記する作業に手間を感じているマーケティング担当の方
・アプリ間のデータ連携を自動化し、コア業務に集中できる環境を整えたいと考えている方

■注意事項
・Pipedrive、WebflowのそれぞれとYoomを連携してください。

「Pipedriveで管理している組織情報を、Webflowで作成したWebサイトに反映させたい」
「新しい取引が成立するたびに、Webflowのポートフォリオを手動で更新するのが手間だ…」
このように、PipedriveとWebflowをそれぞれ利用する中で、双方のデータを手作業で連携させることに限界を感じていませんか?

もし、Pipedriveに新しい組織や取引が追加された際に、その情報を自動でWebflowのCMSアイテムとして追加する仕組みがあれば、これらの定型業務から解放され、営業戦略の立案やコンテンツの質向上といった、より創造的な業務に集中する時間を創れるかもしれません!

今回ご紹介する自動化の設定は、プログラミングの知識がなくても簡単に設定できます。
これまでデータ連携にかかっていた手間や時間を削減し、業務の効率化を実現しましょう!

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

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


■概要
CRMツールのPipedriveで管理している顧客情報を、Webflowで作成したWebサイトに手作業で転記していませんか?この作業は時間がかかるだけでなく、コピー&ペーストのミスや更新漏れといったヒューマンエラーの原因にもなりがちです。このワークフローは、PipedriveとWebflowの連携を自動化し、Pipedriveに新しい組織情報が追加されると、WebflowのCMSコレクションにアイテムを自動で追加するため、こうした課題を円滑に解決します。

■このテンプレートをおすすめする方
・PipedriveとWebflowを併用し、導入事例などのコンテンツを管理しているWeb担当者の方
・Pipedriveの情報をWebflowに手動で転記する作業に手間を感じているマーケティング担当の方
・アプリ間のデータ連携を自動化し、コア業務に集中できる環境を整えたいと考えている方

■注意事項
・Pipedrive、WebflowのそれぞれとYoomを連携してください。

PipedriveとWebflowを連携してできること

PipedriveとWebflowのAPIを連携すれば、Pipedriveで管理している営業データをWebflowのWebサイトコンテンツに自動で反映させることが可能になり、これまで手作業で行っていた情報更新の手間を削減できます。

ここでは、具体的な自動化の例を複数ご紹介しますので、ご自身の業務に当てはまるものや、効率化できそうだと感じるものがあれば、ぜひ「試してみる」をクリックして、その効果を体験してみてください!

Pipedriveで組織が追加されたら、Webflowにアイテムを追加する

Pipedriveに新しい組織情報が登録されるたびに、その情報を手動でWebflowのCMSアイテムとして作成している作業を自動化し、タイムリーな情報同期と手作業による入力ミスの削減を実現します。

この連携により、顧客リストや導入企業一覧ページなどを常に最新の状態に保つことができます。


■概要
CRMツールのPipedriveで管理している顧客情報を、Webflowで作成したWebサイトに手作業で転記していませんか?この作業は時間がかかるだけでなく、コピー&ペーストのミスや更新漏れといったヒューマンエラーの原因にもなりがちです。このワークフローは、PipedriveとWebflowの連携を自動化し、Pipedriveに新しい組織情報が追加されると、WebflowのCMSコレクションにアイテムを自動で追加するため、こうした課題を円滑に解決します。

■このテンプレートをおすすめする方
・PipedriveとWebflowを併用し、導入事例などのコンテンツを管理しているWeb担当者の方
・Pipedriveの情報をWebflowに手動で転記する作業に手間を感じているマーケティング担当の方
・アプリ間のデータ連携を自動化し、コア業務に集中できる環境を整えたいと考えている方

■注意事項
・Pipedrive、WebflowのそれぞれとYoomを連携してください。

Pipedriveで取引が追加されたら、AIで内容を要約してWebflowにアイテムを追加する

Pipedriveに追加された取引の詳細情報をAIが自動で要約し、その内容をWebflowのアイテムとして追加することで、事例紹介ページやポートフォリオサイトのコンテンツ作成を効率化します。

複雑な情報整理やコンテンツの草案作成も自動で行え、手動での要約作成の手間を省きます。


■概要
Pipedriveで管理している取引情報を、Webflowで構築したサイトにも反映させたいものの、手作業での転記や要約に時間がかかっていませんか。このワークフローは、そうした課題を解決します。Pipedriveに新しい取引が追加されると、AIが自動で内容を要約し、Webflowにアイテムとして登録します。PipedriveとWebflowの効果的な連携により、情報更新の手間を省き、迅速な情報共有を実現します。

■このテンプレートをおすすめする方
・PipedriveとWebflowを併用し、手作業でのデータ連携に課題を感じている方
・Pipedriveの取引情報を基に、Webflow上のコンテンツを迅速に更新したいと考えている方
・AIを活用して定型的な要約作業を自動化し、コア業務に集中したい方

■注意事項
・Pipedrive、WebflowのそれぞれとYoomを連携してください。

PipedriveとWebflowの連携フローを作ってみよう

それでは、さっそく実際にPipedriveとWebflowを連携したフローを作成してみましょう!
今回はYoomを使用して、ノーコードでPipedriveとWebflowの連携を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

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

[Yoomとは]

フローの作成方法

今回は「Pipedriveで組織が追加されたら、Webflowにアイテムを追加する」フローを作成していきます!

作成の流れは大きく分けて以下です。

  • PipedriveとWebflowをマイアプリに連携する
  • テンプレートをコピーする
  • Pipedriveのトリガー設定とWebflowの設定
  • トリガーをONに設定しフロー稼働の準備完了

■概要
CRMツールのPipedriveで管理している顧客情報を、Webflowで作成したWebサイトに手作業で転記していませんか?この作業は時間がかかるだけでなく、コピー&ペーストのミスや更新漏れといったヒューマンエラーの原因にもなりがちです。このワークフローは、PipedriveとWebflowの連携を自動化し、Pipedriveに新しい組織情報が追加されると、WebflowのCMSコレクションにアイテムを自動で追加するため、こうした課題を円滑に解決します。

■このテンプレートをおすすめする方
・PipedriveとWebflowを併用し、導入事例などのコンテンツを管理しているWeb担当者の方
・Pipedriveの情報をWebflowに手動で転記する作業に手間を感じているマーケティング担当の方
・アプリ間のデータ連携を自動化し、コア業務に集中できる環境を整えたいと考えている方

■注意事項
・Pipedrive、WebflowのそれぞれとYoomを連携してください。

ステップ1:PipedriveとWebflowをマイアプリに連携する

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

それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。
画面の指示に従って各サービスのアカウント情報を入力し、連携を許可するだけで、ツール間の連携が可能になりますよ!

Pipedriveのマイアプリ登録方法

Pipedriveの登録方法を解説した動画があるので、こちらを参考に一緒に進めていきましょう!

Webflowのマイアプリ登録方法

(1)次にWebflowの連携を行います。同様にYoomの新規接続一覧からWebflowをクリックします。
「Webflowの新規登録」画面から赤枠を確認の上、アカウント名、アクセストークンを入力し「追加」をクリックします。

連携が完了するとYoomのマイアプリにPipedriveとWebflowが登録されます。

これでマイアプリ登録が完了しました。次は、テンプレートを使用してトリガーの設定をしましょう!

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

ここから、フローの作成に入ります!
Yoomのテンプレートを利用することで簡単に業務の自動化を実現できます。
まずは、下記テンプレートページを開き、『このテンプレートを試してみる』をクリックしましょう。


■概要
CRMツールのPipedriveで管理している顧客情報を、Webflowで作成したWebサイトに手作業で転記していませんか?この作業は時間がかかるだけでなく、コピー&ペーストのミスや更新漏れといったヒューマンエラーの原因にもなりがちです。このワークフローは、PipedriveとWebflowの連携を自動化し、Pipedriveに新しい組織情報が追加されると、WebflowのCMSコレクションにアイテムを自動で追加するため、こうした課題を円滑に解決します。

■このテンプレートをおすすめする方
・PipedriveとWebflowを併用し、導入事例などのコンテンツを管理しているWeb担当者の方
・Pipedriveの情報をWebflowに手動で転記する作業に手間を感じているマーケティング担当の方
・アプリ間のデータ連携を自動化し、コア業務に集中できる環境を整えたいと考えている方

■注意事項
・Pipedrive、WebflowのそれぞれとYoomを連携してください。

コピーすると下の画像のようにテンプレートがお使いのYoom管理画面にコピーされるので、OKを押して設定を進めていきましょう!

ステップ3:Pipedriveトリガーの設定

(1)Pipedriveと連携して、組織が追加された際の設定を行っていきましょう!
アプリトリガーの「組織が追加されたら」をクリックします。

(2)「連携アカウントとアクションを選択」画面から、フローのタイトルは自由に変更することができます。
Pipedriveと連携するアカウント情報に誤りがないかを確認し、トリガーアクションは「組織が追加されたら」のままで「次へ」をクリックします。

(3)先に、Pipedriveにテスト用の組織情報を登録します。
登録できたらYoomに戻りましょう!

(4)「アプリトリガーのAPI接続設定」画面から「テスト」をクリックします。

テストに成功すると以下のような画像が現れます。
「次へ」をクリックしましょう!

(5)さらに「テスト」をクリックします。

先ほどと同じようにテスト成功画面が現れます。
「取得した値」にPipedriveの情報が反映されればテスト成功です。

取得した値とは?
トリガーやオペレーション設定時に、「テスト」を実行して取得した値のことを指します。
後続のオペレーション設定時の値として利用でき、フローボットを起動する度に変動した値となります。

「保存する」をクリックし、次の工程に進みましょう!

ステップ4:Webflowにアイテムを追加する

(1)次にWebflowと連携して、アイテムを追加します!
「コレクションにアイテムを追加」をクリックしましょう。

(2)「連携アカウントとアクションを選択」画面から、Webflowと連携するアカウント情報に誤りがないかを確認し、アクションは「コレクションにアイテムを追加」のままで「次へ」をクリックします。

(3)「API接続設定」画面から、サイトID、コレクションIDを候補から選択します。

下へ進み、フィールド情報を入力します。

  • フィールド:候補から選択
  • :取得した値から選択

「値」に取得した値を使うことで、都度変更することなくPipedriveの最新情報を引用することができます!

「+フィールド情報を追加」をクリックするとフィールド情報を追加できます!
入力が終わったら「テスト」をクリックしましょう。

テストに成功しました!

テストに成功するとWebflowにも情報が反映されていました!

ステップ5:トリガーをONに設定しフロー稼働の準備完了

お疲れ様でした!これですべての設定が完了です。
設定が完了すると以下のようなメニューが表示されるので、トリガーをONにします。

実際にフローボットを起動して、Pipedriveで組織が追加されたら、Webflowにアイテムが追加されているかを確認してみてくださいね!

WebflowのデータをPipedriveに連携したい場合

今回はPipedriveからWebflowへデータを連携する方法をご紹介しましたが、逆にWebflowからPipedriveへのデータ連携を実施したい場合は、下記のテンプレートも併せてご利用ください。
Webサイトからのリード情報を自動で営業管理ツールに登録することで、迅速な顧客対応を実現します。

Webflowでフォームが送信されたら、テキストを抽出しPipedriveで組織を追加する

Webflowサイトのフォームから送信された問い合わせ情報を自動で解析し、必要な情報を抽出してPipedriveに新しい組織として登録するため、リード情報を手動で入力する手間を省き、営業担当者へのスピーディーな情報共有を実現します。


■概要
Webサイトのフォームから問い合わせがあった際、その都度CRMツールに手動で情報を入力する作業は手間がかかるだけでなく、入力ミスや対応漏れの原因にもなり得ます。特に、Webサイト制作にWebflow、顧客管理にPipedriveを利用している場合、この連携を自動化したいと感じる方も多いのではないでしょうか。
このワークフローを活用すれば、Webflowのフォーム送信をきっかけに、Pipedriveへ自動で組織情報を追加できますので、こうした定型業務を効率化し、本来注力すべきコア業務に集中できます。

■このテンプレートをおすすめする方
・WebflowとPipedriveを活用し、手作業でのデータ入力に手間を感じている方
・Webサイトからのリード情報をPipedriveで管理しており、対応速度を向上させたい方
・ノーコードツールの連携によって、マーケティングや営業活動の自動化を検討している方

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

Webflowでフォームが送信されたら、テキストを抽出しPipedriveの組織にノートを追加する

Webflowのフォームから送信された詳細な問い合わせ内容をテキストとして抽出し、Pipedriveの関連する組織情報にノートとして自動で追加できます。

顧客とのコミュニケーション履歴を一元管理し、営業担当者が過去のやり取りをすぐに確認できる体制を構築します。


■概要
Webflowで構築したサイトのフォームから得たリード情報を、顧客管理のためにPipedriveへ手作業で転記していませんか?この作業は手間がかかるだけでなく、コピー&ペーストのミスで重要な顧客情報を誤って登録するリスクも伴います。このワークフローは、WebflowとPipedriveを連携させ、フォームが送信されるとPipedriveの組織情報に自動でノートを追加します。手入力の手間を削減し、迅速で正確な顧客アプローチを実現します。

■このテンプレートをおすすめする方
・Webflowで獲得したリードをPipedriveで管理し、営業活動を行っている方
・WebflowとPipedrive間の手動でのデータ入力をなくし、業務を効率化したいと考えている方
・フォームからの問い合わせに素早く対応し、営業機会の損失を防ぎたいマーケティング・営業担当者の方

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

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

今回ご紹介した連携以外でも、PipedriveやWebflowのAPIを活用してさまざまな業務を自動化することが可能です。

もし気になるものがあればぜひこちらもお試しになってみてください!

Pipedriveを使った自動化例

リードが登録されたら、データベースに自動で情報を追加できます。
また、広告プラットフォームで行が追加されたら、ツールにリードを自動登録するといった連携も実現します。
これにより、リード管理から顧客情報、ファイル管理までの一連の営業プロセスを効率化し、手作業による負担を軽減します。


■概要
「Googleフォームの回答をもとにPipedriveに取引を作成する」フローは、顧客からの問い合わせデータを自動的にPipedriveに取り込む業務ワークフローです。
このフローを利用すれば、Googleフォームの回答が自動的にPipedriveに新しい取引として登録されるため、効率的かつ正確なデータ管理が可能になります。

■このテンプレートをおすすめする方
・Googleフォームを利用して顧客からの問い合わせを収集している営業担当者の方
・Pipedriveに手動で取引を入力する作業に時間を取られている営業チームのリーダーの方
・顧客データの管理を自動化し、業務効率を向上させたい企業の経営者の方
・データ入力ミスを減らし、正確な営業情報を維持したい方

■注意事項
・Googleフォーム、PipedriveとYoomを連携してください。
・Googleフォームをトリガーとして使用した際の回答内容を取得する方法は下記を参照ください。https://intercom.help/yoom/ja/articles/6807133

■概要
Meta広告(Facebook)にリード情報が登録されたら、Pipedriveにもリードを作成するフローです。
Yoomを利用すると、プログラミング不要で簡単にアプリ同士を連携することができます。‍

■このテンプレートをおすすめする方
1.Meta広告(Facebook)運用担当者
・Meta広告(Facebook)から獲得したリード情報をPipedriveに手動で入力する手間を省きたい方
・リード情報の入力ミスを減らしたい方
・Meta広告(Facebook)とPipedriveのリード情報を自動で同期させたい方‍

2.営業担当者
・Meta広告(Facebook)から獲得したリード情報に対してPipedrive上で迅速に対応したい方
・Pipedriveでリードの進捗状況を一元管理したい方

■注意事項
・Meta広告(Facebook)、PipedriveのそれぞれとYoomを連携してください。

■概要
・Pipedriveで管理している取引情報を、Notionにも手作業で転記・更新していませんか?
・営業活動の進捗をリアルタイムで共有したいものの、手作業での二重入力は手間がかかり、情報の反映遅れや入力ミスが発生しがちです。
・このワークフローを活用すれば、PipedriveとNotionを連携させ、取引情報が更新されるとNotionのデータベースも自動で更新されるため、こうした課題を解消し、常に最新の情報をチームで共有できます。

■このテンプレートをおすすめする方
・PipedriveとNotion間で、取引情報を手作業で転記・更新している方
・Pipedriveの営業活動状況を、Notion上でリアルタイムに共有したいチームリーダーの方
・SaaS間のデータ連携を自動化し、営業チームの生産性を向上させたいと考えている方

■注意事項
・Pipedrive、NotionのそれぞれとYoomを連携してください。

Pipedriveで取引先が登録されたらOneDriveに取引先ごとのフォルダを作成するフローです。

Pipedriveに新しいリードが登録されたら、Googleスプレッドシートのデータベースにレコードを格納するフローです。

Webflowを使った自動化例

フォーム送信や注文発生をトリガーに、顧客情報や注文内容をデータベースに自動で追加できます。
また、外部フォームの回答、受信メールの内容をAIで抽出し、コレクションにアイテムとして自動で追加することも可能です。
これにより、手動でのデータ転記をなくし、コンテンツ管理や顧客情報の収集を効率化します。


■概要
「Jotformの回答内容でWebflowのコレクションにアイテムを追加する」フローは、Webflow formから収集したデータを自動的にWebflowのコレクションに登録する業務ワークフローです。
これにより、手動でのデータ入力を減らし、ウェブサイトのコンテンツ管理を効率化します。
フォームの回答が即座に反映されるため、リアルタイムな更新も可能です。‍

■このテンプレートをおすすめする方
・Jotformを利用して顧客からの問い合わせやフィードバックを収集している方
・Webflowを用いてウェブサイトを運営し、コンテンツをダイナミックに管理したい方
・手動でのデータ入力に時間を取られ、業務の自動化を検討中のウェブ担当者
・フォームデータを迅速にウェブサイトに反映させたいマーケティングチームの方
・データの一貫性を保ちつつ、効率的なコンテンツ更新を目指すデザイナーや開発者

■注意事項
・JotformとWebflowのそれぞれとYoomを連携してください。
・JotformのWebhook設定方法については下記をご覧ください。
https://intercom.help/yoom/ja/articles/8105581

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

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

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

■概要
Webサイトのコンテンツ更新などで、メールで受け取った情報をWebflowに登録する作業は、定期的でありながら手間がかかる業務ではないでしょうか。特にOpenAIを活用して内容を要約する場合でも、手作業での転記はミスの原因にもなり得ます。このワークフローは、メール受信を起点にテキストを自動抽出し、OpenAIによる要約を経てWebflowへアイテムを自動で追加するため、このような手作業をなくし、コンテンツ制作の効率を高めます。

■このテンプレートをおすすめする方
・WebflowとOpenAIを連携させて、コンテンツ投稿の自動化に関心があるWeb担当者の方
・メールで受け取ったプレスリリースや記事ネタなどを、手作業でWebflowに転記している方
・生成AIを活用してWebサイトの運用を効率化したいと考えているマーケティング担当者の方

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

まとめ

PipedriveとWebflowの連携を自動化することで、これまで手作業で行っていた営業データとWebサイトコンテンツ間の情報転記作業の手間を削減し、ヒューマンエラーを防ぐことができます。

これにより、営業チームは最新の顧客情報をスピーディーにWebサイトに反映でき、マーケティングチームは手動更新の負担なくコンテンツを充実させられるため、両部門間の情報共有がスムーズになり、より迅速で正確な情報に基づいた業務遂行が可能になるでしょう!

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

よくあるご質問

Q:Webflow側でアイテムを「下書き」状態で作成できますか?

A:はい、できます。
WebflowのAPI接続設定画面の「下書きにするかどうか」の部分で、下書きにするかしないかを選択することができます。

Q:Pipedriveの情報を更新した場合、連携済みのアイテムを更新することはできますか?

A:今回ご紹介したテンプレート単体では、新規で追加されたもののみ対象となります。
ですが、Pipedriveのトリガーを「組織が更新されたら」に、Webflowアクションを「コレクションのアイテムを更新」にすることで自動更新ができます。
その際には今回のテンプレートを「複製」してフローを作成すると簡単に作成できます。

一からフローボットを作成することも可能です。

Q:連携が失敗したらどうなる?(エラー発生時の通知や、自動で再試行される仕組みについて)

A:アプリ連携時に「認証に失敗しました」「権限が無い」「設定内容に誤りがある」などのエラーメッセージがYoom画面上に表示されます。
エラーが起きた際の対応方法については下記のサイトをご参照ください。

通知設定をすることでメールやチャットツールで自動通知することができます。
通知にはエラーが起きたオペレーションや詳細のリンクが記載されており、すぐに原因を確認できます。なお、自動での再実行は行われないため、エラー発生時は手動で再実行が必要です。
認証切れなどが原因の場合は、マイアプリから「削除→再接続」で復旧可能です。

ヘルプページで解決しない場合は、サポート窓口を利用することもできます。

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