Webflowと@pocketの連携イメージ
Webflowのフォームが送信されたら@pocketに追加する方法
Yoomを詳しくみる
この記事のテンプレートを試す
Webflowと@pocketの連携イメージ
フローボット活用術

2025-07-01

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

Kota Ohshiro
Kota Ohshiro

オンラインストアを運営している方の中に、注文情報の管理方法で悩みを抱えている方はいませんか?
例えば、「Webflowで受け取った情報を@pocketで一元管理したいが、情報転記に時間がかかっている」「入力する情報が多すぎてスペルミスや変換ミスなどのケアレスミスが頻繁に発生する」など。
今回紹介する自動連携を活用すると、上記のような悩みが解消されるかもしれません。
この記事では、Webflowの注文情報を@pocketに自動追加する方法を解説します。
手作業で行っている業務を自動化して作業効率を上げたい!とお考えなら、以下の手順を参考にして、Yoomで自動連携を試してみてください。

Webflowと@pocketを連携するメリット

メリット1.正確なデータ管理が可能に

本記事の連携を導入すると、Webflowの注文情報が@pocketに自動追加されます。
これにより、これまで手動で行っていたデータ転記が不要になり、作業負担が軽減されます。
担当者は入力作業に割かれる時間が減るため、他の業務に費やせる時間が多くなり、生産性向上につながるかもしれません。
また、手作業が不要になることで、入力ミスや追加漏れを防ぐことにもつながります。
「金額を一桁間違えて入力していた」「変換ミスでお客様の名前が間違った漢字になっていた」「@pocketに情報を追加し忘れていた」
自動化すると、このようなヒューマンエラーのリスクが低減されるため、正確なデータの維持が期待できます。

メリット2.データ分析の強化

@pocketはノーコードで柔軟なデータ分析ができる優れたサービスです。
Webflowの注文情報が@pocketに集約されることで、データ機能を最大限活用することができ、重要なインサイトの発見につながるかもしれません。
分析結果から得られた知見を商品の販売促進に上手く活かすことで、売り上げの向上が期待できます。
また、@pocketで集計・分析されたデータをチーム全員がスピーディに把握できることも1つのメリットです。
データの反映に遅れが生じると、チーム内で認識の齟齬が起きる可能性があります。
自動化により、認識のズレを回避し、コミュニケーションの円滑化を図りましょう。

[Yoomとは]

Webflowと@pocketの連携フロー

では、実際にWebflowと@pocketを連携する方法をご紹介します。
今回紹介するのは、【Webflowで注文が発生したら@pocketに追加する】というフローです。
連携の流れは以下の通りです。

  1. Webflowでアプリトリガーの設定
  2. @pocketにレコード情報を登録

Yoomでは、上記2ステップをテンプレートとして提供しています。
ゼロから作成するよりも簡単にフローボットを作成できるので、まずは下のバナーにある「試してみる」ボタンをクリックして、テンプレートをコピーしましょう!
コピーが完了すると、サイドバーにある「マイプロジェクト」から操作できます。


■概要

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

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

1.Webflowで商品やサービスの販売をしている方

・自社のオンラインストアを運営しているチーム

・Webflowによる注文情報を@pocketに手動で連携している方

2.受注管理で@pocketを利用している方

・Webflowからの注文情報を@pocketで一元管理している方

・Webflowと@pocketの連携を効率化したい方

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

Webflowからの注文情報を都度手動で@pocketに連携している場合、時間がかかり手間だと感じているかもしれません。
また、手動による情報連携は誤入力や入力漏れといったミスの発生リスクを高めるため、本来注力すべき業務への時間を奪うことがあります。

@pocketへの注文情報の追加を効率化したい方に、このテンプレートは適しています。
このテンプレートは、Webflowで注文が発生すると@pocketに自動で追加することができるため、手動による追加作業が不要になります。

@pocketへの注文情報の追加が自動化されることで、手動作業によるヒューマンエラーの発生を防止し、効率的に受注管理を進めることが可能です。

■注意事項

・Webflow、@pocketのそれぞれとYoomを連携してください。

Webflowと@pocketのマイアプリ連携

テンプレートをコピーしたら、事前準備としてWebflowと@pocketをYoomのマイアプリに登録します。
※既に登録している場合は「ステップ1.アプリトリガーの設定」へお進みください。

<手順>

1.Yoomにログイン後、「マイアプリ」→「+新規接続」の順にクリック

2.アプリ名を検索して必要な情報を入力

マイアプリ一覧にWebflowと@pocketが表示されていれば準備完了です!
早速、詳細設定に進みましょう!
コピーがまだの場合は、フローボットテンプレートを下記よりコピーしてください。


■概要

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

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

1.Webflowで商品やサービスの販売をしている方

・自社のオンラインストアを運営しているチーム

・Webflowによる注文情報を@pocketに手動で連携している方

2.受注管理で@pocketを利用している方

・Webflowからの注文情報を@pocketで一元管理している方

・Webflowと@pocketの連携を効率化したい方

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

Webflowからの注文情報を都度手動で@pocketに連携している場合、時間がかかり手間だと感じているかもしれません。
また、手動による情報連携は誤入力や入力漏れといったミスの発生リスクを高めるため、本来注力すべき業務への時間を奪うことがあります。

@pocketへの注文情報の追加を効率化したい方に、このテンプレートは適しています。
このテンプレートは、Webflowで注文が発生すると@pocketに自動で追加することができるため、手動による追加作業が不要になります。

@pocketへの注文情報の追加が自動化されることで、手動作業によるヒューマンエラーの発生を防止し、効率的に受注管理を進めることが可能です。

■注意事項

・Webflow、@pocketのそれぞれとYoomを連携してください。

1.バナーの「試してみるをクリック
2.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

ステップ1.アプリトリガーの設定

まずは、サイドバーにある「マイプロジェクト」から先ほどコピーしたテンプレートを選択してください。

次に、アプリトリガー「新規注文が発生したら」をクリックしましょう。

最初のページでは、事前に連携したアカウント情報が表示されるので確認し、問題なければ、「次へ」をクリックしてください。

次のページでは、WebflowとAPI接続するための設定をします。
サイトIDを候補の中から指定し、「テスト」でエラーがなければ「次へ」をクリックしてください。

次のページではWebhookイベントを送信、またはトリガーとなるイベントを実行し、「テスト」をクリックしてください。

ここまで問題がなければ、「保存する」でトリガーの設定は終了です。

ステップ2.レコード情報を登録

次に、「レコード情報を登録」をクリックしてください。

1ページ目では、ステップ1と同様にアカウント情報が表示されます。

問題なければそのまま「次へ」をクリックしてください。
2ページ目では、レコード情報を登録するための設定を行います。
アウトプットされた情報を使用して、入力しましょう。

上記の画像では、注文IDを登録する設定になっていますが、他の値も登録したい場合は「+レコード情報を追加」ボタンを選択すると、新しく入力ボックスが作成されます。

「テスト」をクリックしてエラーが出なければ、「保存する」をクリックしてください。

下記のようなポップアップが表示されたらすべての設定が完了です。
トリガーをONにするとフローが実行されます。

今回使用したフローボットテンプレート
Webflowで注文が発生したら@pocketに追加する


■概要

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

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

1.Webflowで商品やサービスの販売をしている方

・自社のオンラインストアを運営しているチーム

・Webflowによる注文情報を@pocketに手動で連携している方

2.受注管理で@pocketを利用している方

・Webflowからの注文情報を@pocketで一元管理している方

・Webflowと@pocketの連携を効率化したい方

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

Webflowからの注文情報を都度手動で@pocketに連携している場合、時間がかかり手間だと感じているかもしれません。
また、手動による情報連携は誤入力や入力漏れといったミスの発生リスクを高めるため、本来注力すべき業務への時間を奪うことがあります。

@pocketへの注文情報の追加を効率化したい方に、このテンプレートは適しています。
このテンプレートは、Webflowで注文が発生すると@pocketに自動で追加することができるため、手動による追加作業が不要になります。

@pocketへの注文情報の追加が自動化されることで、手動作業によるヒューマンエラーの発生を防止し、効率的に受注管理を進めることが可能です。

■注意事項

・Webflow、@pocketのそれぞれとYoomを連携してください。

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

Yoomには、Webflowと@pocketを利用した自動化例が多数あります。
さまざまなアプリと連携することが可能なので、以下の代表例を参考にしてみてください。

1.@pocketで取引先が登録されたらDropboxにフォルダを作成する

こちらのテンプレートはフォルダの作成を自動化するフローです。
取引先ごとにフォルダを作成・管理している方は、この連携を導入すると、その都度手動でフォルダを作成する手間が削減されます。


■概要

@pocketで取引先が登録されたらDropboxにフォルダを作成するフローです。

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

1.日常的に取引先の管理をしている方

・取引先の情報を@pocketで管理している方

・取引先のファイル管理を効率化したい方

2.Dropboxを活用してファイル管理をしている方

・取引先ごとにフォルダを用意し、ファイル管理をしている方

・Dropboxによるフォルダ生成を自動化したい方

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

Dropboxはファイル管理に適したツールであり、クラウドストレージのためファイル共有を簡易的に行えるのがメリットです。
しかし、取引先ごとにファイル管理をしている場合、取引先が追加される度にフォルダを手動で作成する必要があり手間だと感じているかもしれません。

このテンプレートは、@pocketで管理している取引先が追加されると、自動でDropboxに取引先のフォルダを作成することができます。
Dropboxへのフォルダ生成が自動化されることで、手動によるDropboxの操作が不要となり、作業効率を向上することができます。

また、取引先に関するファイルをスピーディーに整理・共有することができるため、業務をスムーズに進めることが可能です。

■注意事項

・@pocket、DropboxのそれぞれとYoomを連携してください。

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

今回紹介した自動連携は、@pocketに自動登録するフローでしたが、この連携はGoogle スプレッドシートに登録するフローです。
注文情報をGoogle スプレッドシートに集約して、データの集計・分析をしたい方におすすめです。


■概要

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

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

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

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

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

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

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

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

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

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

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

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

■注意事項

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

3.Webflowのフォームが送信されたら@pocketに追加する

フォームの回答内容を正確にツールに反映して管理したいと考える方におすすめです。
送信されたフォーム情報は@pocketに一元管理されるため、チーム全体での確認効率が向上すると予想されます。


■概要

Webflowのフォームで収集した情報を、後で読むために@pocketへ手作業で登録していませんか?この作業は単純ですが、件数が増えると手間がかかり、コピー&ペーストのミスや登録漏れが発生することもあります。このワークフローは、Webflowのフォームが送信されると、その内容を自動で@pocketに登録するため、面倒な手作業から解放され、情報のストックを効率化します。

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

  • Webflowで収集した情報を@pocketで管理しており、手入力の手間を省きたい方
  • Webサイトからの問い合わせや資料請求などを、効率的に管理・閲覧したいと考えている方
  • 手作業による情報転記のミスをなくし、情報の確実なストックを実現したい方

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

  • Webflowのフォームが送信されると自動で@pocketに情報が登録されるため、これまで手作業に費やしていた時間を短縮できます。
  • 手作業によるデータ転記が不要になることで、入力ミスや登録漏れといったヒューマンエラーを防ぎ、情報の正確性を高めます。

■フローボットの流れ

  1. はじめに、Webflowと@pocketをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します。
  3. 最後に、オペレーションで@pocketの「レコード情報を登録」アクションを設定し、Webflowのフォームから取得した情報を紐付けます。

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

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

  • Webflowのトリガー設定では、自動化の対象としたいフォームを任意で指定してください。
  • @pocketに情報を登録するオペレーションでは、各項目にWebflowのフォームから取得したどの情報を割り当てるか、または固定のテキストを入力するかを柔軟に設定できます。

■注意事項

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

まとめ

いかがでしたか?
本記事では、【Webflowで注文が発生したら@pocketに追加する】というフローを解説しました。
これまで手作業で行っていた業務が自動化されるため、作業負担が軽減されそうですね。
また、ヒューマンエラーを防ぐことにもつながりそうです。
入力ミスや追加漏れが減ることで、正確なデータ管理が実現され、データ分析の精度向上が期待できます。
その結果、重要な知見を発見でき、商品の販売促進に活かせるかもしれません。

今回設定したように、Yoomはプログラミングの知識がなくても簡単に連携の設定ができます。
Yoomを試してみたいと思った方はこちらから無料登録をお願いします!

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Kota Ohshiro
Kota Ohshiro
学生時代からSaaS企業でカスタマーサクセスとして働いてきました。 複数のクラウドサービスを使って業務をしていたのですが、もっと簡単にサービス同士を連携できたら便利だなと思うことがありました。 Yoomではノーコードでアプリの連携ができるので、誰でも簡単に設定することができます。 少しでもわかりやすくYoomの魅力を伝え、みなさんの業務効率化に貢献出来たらなと思います!
タグ
@pocket
連携
Webflow
自動
自動化
関連アプリ
アプリ連携
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる