Webflowと楽楽販売の連携イメージ
Webflowと楽楽販売を連携して、Webflowのフォームが送信されたら楽楽販売に追加する方法
Yoomを詳しくみる
この記事のテンプレートを試す
Webflowと楽楽販売の連携イメージ
アプリ同士の連携方法

2025-03-26

Webflowと楽楽販売を連携して、Webflowのフォームが送信されたら楽楽販売に追加する方法

t.nakaya
t.nakaya

ビジネスにおける問い合わせや見積依頼は顧客対応の第一歩です。
特に、正確な対応が信頼構築の重要な要素となります。
しかし、こうしたデータを手作業で管理すると、抜け漏れが発生する可能性があります。
例えば、フォームで送信された顧客情報や見積依頼を他のシステムに転記する作業が複雑だと、担当者がヒューマンエラーを起こすことも考えられます。
もし、こうしたデータ入力や、顧客情報の整理に手間や負担を感じているなら、Webflowのフォーム楽楽販売を連携させた自動化の導入が役立つでしょう。
この記事では、Webflowのフォームが送信されると楽楽販売に自動的にデータが追加されるフローを紹介します。
手動作業を削減し、問い合わせや見積依頼の収集を効率化したい方に向けて導入するメリットや設定方法を詳しく解説します。
効率化を考えている方にとって参考になる情報ですので、ぜひ最後までお読みください。


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

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


■概要
WebサイトのWebflowフォームから得たリード情報を、手作業で楽楽販売に入力する作業は手間がかかるだけでなく、入力ミスなどのヒューマンエラーも起こりがちです。
このワークフローを活用すれば、Webflowのフォームが送信されると、その内容が楽楽販売に自動でレコードとして登録されるため、こうした連携の手間を解消し、迅速な顧客対応を実現できます。

■このテンプレートをおすすめする方
・Webflowで獲得したリード情報を、手作業で楽楽販売に入力しているマーケティング担当者の方
・Webflowと楽楽販売の連携を手軽に実現し、営業活動を効率化したいと考えている営業担当者の方
・フォームからの問い合わせ対応の速度を上げ、顧客満足度を向上させたいと考えている方

■注意事項
・Webflow、楽楽販売のそれぞれとYoomを連携してください。
・楽楽販売はチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。


Webflowと楽楽販売を連携するメリット


メリット1: 正確で信頼性の高いデータ登録

手作業でデータを入力する際には、どうしてもヒューマンエラーが発生しがちです。
しかし、フォーム送信後に自動で楽楽販売にデータが登録されるため、入力ミスを防ぎ、データの一貫性が保たれます。
特に、顧客情報や見積もりデータが複雑な場合、この自動化は非常に効果的です。
正確なデータを常に活用でき、顧客対応や営業活動もスムーズに進み、ビジネスの信頼性を高められるでしょう。


メリット2: 手作業の削減による時間節約と負担軽減

自動化により、問い合わせや見積依頼のデータを毎回手作業で転記する必要がなくなるため、他の重要な業務に時間を割くことが可能になります。
特に、定型的な作業から解放されることで、従業員の精神的な負担も軽減され、結果として業務全体の質の向上にもつながります。
時間の有効活用が進むことで、チーム全体の生産性も向上できると期待できます。


Webflowと楽楽販売を連携してできること

Webflowと楽楽販売のAPIを連携させることで、これまで手動で行っていたアプリケーション間の情報伝達を自動化できます。
これにより、情報共有のスピードと正確性を向上させ、チームの連携を強化することができるでしょう。
ここでは、具体的な自動化の例をいくつかご紹介します。気になる内容があれば、ぜひクリックしてみてください!


Webflowのフォームが送信されたら楽楽販売に追加する

Webflowのフォームが送信されると、その内容を楽楽販売に自動でレコードとして登録するフローです。
手作業によるデータ入力がなくなることで、転記ミスや入力漏れといったヒューマンエラーの防止に繋がります。


■概要
WebサイトのWebflowフォームから得たリード情報を、手作業で楽楽販売に入力する作業は手間がかかるだけでなく、入力ミスなどのヒューマンエラーも起こりがちです。
このワークフローを活用すれば、Webflowのフォームが送信されると、その内容が楽楽販売に自動でレコードとして登録されるため、こうした連携の手間を解消し、迅速な顧客対応を実現できます。

■このテンプレートをおすすめする方
・Webflowで獲得したリード情報を、手作業で楽楽販売に入力しているマーケティング担当者の方
・Webflowと楽楽販売の連携を手軽に実現し、営業活動を効率化したいと考えている営業担当者の方
・フォームからの問い合わせ対応の速度を上げ、顧客満足度を向上させたいと考えている方

■注意事項
・Webflow、楽楽販売のそれぞれとYoomを連携してください。
・楽楽販売はチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。


Webflowで注文が発生したら楽楽販売に追加する

Webflowで注文が発生したら楽楽販売に追加するフローです。
注文情報の追加がスピーディーに行われるため、最新の情報が確認でき、在庫管理や発注業務を効率的に進めることが可能です。


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


Webflowでコレクションのアイテムが作成されたら楽楽販売に追加する

Webflowで新しいアイテムが作成されると、その情報を楽楽販売に自動で登録するフローです。
定型業務の課題を解消し、業務の正確性と効率を高めることが可能です。


■概要
Webflowのフォームから獲得したリード情報を、楽楽販売へ手作業で転記する業務に手間を感じていませんか。この作業は時間がかかるだけでなく、入力ミスといったヒューマンエラーの原因にもなり得ます。
このワークフローを活用すれば、Webflowと楽楽販売の連携をスムーズに自動化できます。Webflowで新しいアイテムが作成されると、その情報が楽楽販売に自動で登録されるため、こうした定型業務の課題を解消し、業務の正確性と効率を高めることが可能です。

■このテンプレートをおすすめする方
・Webflowで獲得したリード情報を楽楽販売へ手入力しており、手間を感じているご担当者の方
・Webflowと楽楽販売を連携させ、データ入力のミスや漏れをなくしたいと考えている方
・定型的なデータ登録作業から解放され、より重要な業務にリソースを集中させたい方

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


Webflowと楽楽販売の連携フローを作ってみよう

それでは、さっそくWebflowと楽楽販売を連携したフローを作成してみましょう!
ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
※今回連携するアプリの公式サイト:Webflow楽楽販売

[Yoomとは]


Webflowのフォームが送信されたら楽楽販売に追加する方法

ここからは「Webflowのフォームが送信されたら楽楽販売に追加する」フローの設定についてご紹介します。
Yoomにログインが完了したら、下記のバナーの「詳細を見る」から、「このテンプレートを試してみる」をクリックしてください。


■概要
WebサイトのWebflowフォームから得たリード情報を、手作業で楽楽販売に入力する作業は手間がかかるだけでなく、入力ミスなどのヒューマンエラーも起こりがちです。
このワークフローを活用すれば、Webflowのフォームが送信されると、その内容が楽楽販売に自動でレコードとして登録されるため、こうした連携の手間を解消し、迅速な顧客対応を実現できます。

■このテンプレートをおすすめする方
・Webflowで獲得したリード情報を、手作業で楽楽販売に入力しているマーケティング担当者の方
・Webflowと楽楽販売の連携を手軽に実現し、営業活動を効率化したいと考えている営業担当者の方
・フォームからの問い合わせ対応の速度を上げ、顧客満足度を向上させたいと考えている方

■注意事項
・Webflow、楽楽販売のそれぞれとYoomを連携してください。
・楽楽販売はチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。

コピーしたテンプレートは、プロジェクト一覧の「マイプロジェクト」に格納されていますので、そちらをご確認ください。


ステップ1:Webflowと楽楽販売をマイアプリ連携

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

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

(1)Webflowのマイアプリ連携

Yoom画面の左側にある「マイアプリ」→「新規接続」をクリックします。

アプリ一覧が表示されたらWebflowを選ぶか、検索バーにWebflowと入力してください。

以下の画面が表示されます。
アカウント名には任意の文字列(メールアドレスなど)、アクセストークンにはWebflowで取得した値を入力し、「追加」ボタンをクリックします。

▼参考:アクセストークンの取得方法

Webflowにログインし、Site Settings から「Apps & Integrations」 を選択してください。

API accessで「Generate API token」をクリックし、APIキーを発行しましょう。

名前は任意で設定可能です。
また、「CMS」「Forms」「Sites」の「Read and Write」権限を設定してください。

設定が完了したら「Generate token」で発行します。

APIキーが発行されるのでコピーし「アクセストークン」に貼り付けてください。

(2)楽楽販売のマイアプリ連携

※楽楽販売は、チームプラン・サクセスプランをご利用の方向けのアプリです。
フリープランやミニプランで使うと、フローボットのオペレーションやデータコネクトがエラーになってしまうのでご注意ください。
※有料プラン(チームプラン・サクセスプラン)には2週間の無料トライアルがあります。
トライアル期間中なら、普段は制限されている楽楽販売も問題なくお試しいただけますので、ぜひこの機会にいろいろと体験してみてくださいね!
先ほど同様に検索窓に楽楽販売と入力し、候補からアプリを選択します。

楽楽販売の新規登録画面が表示されるので、下図に記載されている内容に従ってAPIトークンを生成しましょう。
※YoomのIPアドレスはこちらをご確認ください。

APIトークンを生成したら、「アカウント名」と「アクセストークン」を入力します。
※SSLクライアント認証をご利用されている場合は、「クライアント証明書ファイル」「クライアント証明書ファイルパスワード」も入力してくださいね!
入力後、「追加」を押したら連携完了です。

(3)プロジェクト一覧から「マイプロジェクト」をクリックし、コピーしたテンプレートの…から「編集する」を選択してください。


ステップ2:Webflowにフォームが送信されたら起動するトリガーを設定

(1)フローの一覧画面から「アプリトリガー」をクリックします。

(2)タイトルを設定し、トリガーアクションに「フォームが送信されたら」が選択されていることを確認したら「次へ」をクリックします。

(3)アプリトリガーのAPI接続設定画面で、「サイトID」を設定します。
入力欄を一度クリックしてもらうと候補が表示されるので、その中から選択してください。
設定が完了したら「テスト」をクリックし、エラーが出なければ「次へ」をクリックしてください。

(4)2回目のアプリトリガーのAPI接続設定画面では、トリガーとなるイベント(フォーム受信)を実行し「テスト」を行いましょう。

取得した値にフォームの情報が表示されていればテスト成功です。
「保存する」をクリックしてください。


ステップ3:楽楽販売にレコードを登録するアクションを設定

(1)フローの一覧画面から「アプリと連携する」をクリックします。

(2)タイトルを設定し、アクションに「レコードを登録」が選択されていることを確認したら「次へ」をクリックします。

(3)API接続設定画面で、注釈を確認しながらドメインやアカウント名などの必須項目を設定します。

「ヘッダ項目のID」と「登録する値」は、前ステップで取得した値を引用し設定しましょう。
取得した値を活用することで、固定値ではなく、トリガーが実行されるたびに最新の値が反映されます。
デフォルトではヘッダ項目欄は1つのみですが、【登録データを追加】を選択して欄を増やすことも可能です。

(4)設定が完了したら「テスト」をクリックしましょう。
テストに成功するとレコードが自動登録されるので、楽楽販売を確認してください。
確認できたらYoomに戻り、「保存する」をクリックしてください。


ステップ4:トリガーをONにして起動準備完了

これですべての設定が完了です。
設定が完了すると以下のようなメニューが表示されるので、トリガーをONにします。
作成したフローボットが正常に動作するか確認しておきましょう!お疲れさまでした。

今回紹介したフローボットのテンプレートは、Yoomに登録することで利用可能です。


■概要
WebサイトのWebflowフォームから得たリード情報を、手作業で楽楽販売に入力する作業は手間がかかるだけでなく、入力ミスなどのヒューマンエラーも起こりがちです。
このワークフローを活用すれば、Webflowのフォームが送信されると、その内容が楽楽販売に自動でレコードとして登録されるため、こうした連携の手間を解消し、迅速な顧客対応を実現できます。

■このテンプレートをおすすめする方
・Webflowで獲得したリード情報を、手作業で楽楽販売に入力しているマーケティング担当者の方
・Webflowと楽楽販売の連携を手軽に実現し、営業活動を効率化したいと考えている営業担当者の方
・フォームからの問い合わせ対応の速度を上げ、顧客満足度を向上させたいと考えている方

■注意事項
・Webflow、楽楽販売のそれぞれとYoomを連携してください。
・楽楽販売はチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。


Webflow・楽楽販売を使ったその他の自動化例

Yoomでは、上記で紹介したフロー以外にもWebflow・楽楽販売を活用した自動化例があります。


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


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

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

Webflowのフォームが送信されたらHubSpotにチケットを作成するフローです。

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

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

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

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

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

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

Webflowでコレクションのアイテムが作成されたらkintoneのデータベースに追加するフローです。


楽楽販売を使ったその他の自動化例


Garoonでワークフローが承認されたら楽楽販売にレコードを登録するフローです。

Googleスプレッドシートで行が追加されたら楽楽販売にレコードを追加するフローです。

GENIEE SFA/CRMで会社情報が登録されたら楽楽販売に追加するフローです。

Salesforceの任意の商談ページからフローボットを起動して、楽楽販売に商談情報を自動的に連携するフローボットです。

Wixでフォームが送信されたら楽楽販売に追加するフローです。

Wordpressで投稿が公開されたら楽楽販売に追加するフローです。

kintoneに新しいレコードが登録されたら、楽楽明細に顧客販売を更新するフローです。

楽楽明細で帳票が発行されたら帳票情報を楽楽販売に追加するフローです。

楽楽販売の任意のレコード情報をkintoneのデータベースに追加してにOutlookに送信するフローです。

楽楽販売の情報をもとにGoogleドキュメントで契約書を作成して、GMOサインで契約書を送付するフローです。


まとめ

Webflowと楽楽販売を連携させることによって、手作業でのデータ入力や情報整理の手間を軽減し、問い合わせや見積依頼の処理をより効率的に進めることが可能です。
自動的にデータが登録される仕組みを導入することで、重要な商談や顧客対応に集中できる環境が整うでしょう。
さらに、Yoomを活用することで、プログラミングの知識がなくてもノーコードで簡単に自動化フローを構築できるため、データの管理や共有が一層効率化されるでしょう。
この機会に作業全般の自動化を取り入れ、業務改善に取り組んでみませんか? 

よくあるご質問

Q:新規登録だけでなく既存データの更新は可能ですか?

A:

はい、可能です。
今回は「レコード登録」のフローをご紹介しましたが、「レコードの更新」も同様に設定できます。手順は以下の通りです。

  1. 楽楽販売の「レコードを登録」アクションをクリック
  2. アクションの「変更」を押す
  3. 「レコードを更新」に変更 

Q:楽楽販売のカスタム項目にも登録できますか?

A:

カスタム項目にも登録できます。
楽楽販売のアクション設定では、「ヘッダ項目ID」と「登録する値」を指定できるため、標準項目と同様にカスタム項目へも問題なく登録できます。 

Q:連携が失敗した場合の通知や対処法はありますか?

A:

自動化が失敗した場合、Yoomに登録したメールアドレスに通知が届きます。
また、Yoom画面上に「認証に失敗しました」「設定内容に誤りがある」などのエラーメッセージが表示されます。
エラーが起きた際の対応方法については下記のサイトをご参照ください。

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

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
t.nakaya
t.nakaya
歯科衛生士からIT業界へ転職し、前職ではWeb会社でディレクターサポートとしてWebページのリプレイスなどを手がけてきました。この経験を活かし、今はYoomの魅力を皆さんにお伝えすることに全力を注いでいます。技術とユーザー目線を融合させたアプローチで、Yoomを通じて皆さんの業務効率を向上させるお手伝いを心からしたいと考えています。
タグ
Webflow
楽楽販売
自動
自動化
連携
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる