【簡単設定】WebflowのCMSアイテム数を定期的に自動集計する方法

「Webflowで運用しているサイトのCMSアイテム数が上限に近づいていないか、定期的に確認するのが面倒…」

「複数のサイトを管理していて、それぞれのアイテム数を手作業で集計・報告するのが大変…」

このように、WebflowのCMSアイテム数の管理に手間や時間を取られていませんか？

もし、特定のスケジュールでWebflowのCMSコレクションごとのアイテム数を自動で取得し、Googleスプレッドシートなどに記録できる仕組みがあれば、こうした日々の面倒な確認作業から解放され、サイトコンテンツの企画や改善といった、より創造的な業務に集中できる時間を生み出すことができます！

今回ご紹介する自動化は、ノーコードで簡単に設定できて、手間や時間もかからないので、ぜひ自動化を導入してサイト管理をもっと楽にしましょう！

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

YoomにはWebflowのCMSアイテム数を自動で集計する業務フロー自動化のテンプレートが用意されているので、「まずは試してみたい！」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう！

毎週Webflowの特定コレクションのアイテム総数をGoogle スプレッドシートに記録する

試してみる

---

詳細を見る 試してみる

WebflowのCMSアイテム数を自動で集計するフローを作ってみよう

それではここから代表的な例として、毎週Webflowの特定コレクションのアイテム総数をGoogle スプレッドシートに自動で記録するフローを解説していきます！

ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、下の無料登録フォームからアカウントを発行しておきましょう。

30秒で簡単登録！無料で始める

※今回連携するアプリの公式サイト：Webflow／Google スプレッドシート

[Yoomとは]

フローの作成方法

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

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

毎週Webflowの特定コレクションのアイテム総数をGoogle スプレッドシートに記録する

試してみる

---

詳細を見る 試してみる

ステップ1：WebflowとGoogle スプレッドシートをマイアプリ連携

ここでは、YoomとWebflow、Google スプレッドシートを連携して、操作が行えるようにしていきます。

Google スプレッドシートの設定方法を解説しているナビをご覧ください！

• Google スプレッドシートのマイアプリ登録方法

• Webflowのマイアプリ登録方法

続いてWebflowは、下の画像を見ながら一緒に登録していきましょう！

(1)Yoomにログイン後、左欄にある「マイアプリ」を選択し「＋新規接続」をクリックしてください。
マイアプリの新規接続一覧の中から、Webflowをクリックします。

(2)「Webflowの新規登録」画面から赤枠を確認の上、アカウント名、アクセストークンを入力し「追加」をクリックします。

連携が完了するとYoomのマイアプリにWebflowとGoogle スプレッドシートが登録されます。

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

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

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

毎週Webflowの特定コレクションのアイテム総数をGoogle スプレッドシートに記録する

試してみる

---

詳細を見る 試してみる

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

ステップ3：スケジュールトリガーの設定

(1)Yoomのスケジュールトリガーを使って、起動する日時を設定しましょう！

「スケジュールトリガー」をクリックします。

(2)スケジュール設定は日付指定、曜日指定、Cron設定と自由に起動タイミングを選択できます。

詳しい設定方法は下のサイトをご参照ください。

スケジュールトリガーの設定方法

下の画像では金曜日18時に起動するように設定しました！
入力が終わったら「完了」をクリックしましょう。

ステップ4：Webflowの特定のコレクション内にあるアイテム総数を取得

(1)次は、Webflowと連携して特定のコレクション内にあるアイテム総数を取得します。

「特定のコレクション内にあるアイテム総数を取得」をクリックします。

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

(3)「サイトID」と「コレクションID」は候補から選択します。

入力が終わったら「テスト」をクリックしましょう。

テストに成功しました！
テストに成功すると「取得した値」にWebflowの情報が反映されます。

「取得した値ってなんだろう？」と思った方は下のサイトをご参照ください。

取得した値について

「完了」をクリックします。

ステップ5：Google スプレッドシートのレコードを追加する

Yoomで設定をする前に、Google スプレッドシートにテスト用のレコードを作成します。
終わったらYoomに戻りましょう！

(1)次は、Google スプレッドシートと連携してレコードを追加します。

「レコードを追加する」をクリックします。

(2)「データベースの連携」画面から、Google スプレッドシートと連携するアカウント情報に誤りがないかを確認し、アクションは「レコードを追加する」のままにします。

「スプレッドシートID」と「スプレッドシートのタブ名」は候補から選択します。

「テーブル範囲」は直接入力します。
入力が終わったら「次へ」をクリックしましょう。

(3)「追加するレコード」の値に「取得した値」を使ってWebflowの情報を入力します。
取得した値を使って入力することで、都度変更することなく最新の情報を反映することができます！
入力が終わったら「テスト」をクリックしましょう！

テストに成功しました！

テストに成功すると、Google スプレッドシートにWebflowの情報が反映されていました！
Yoomに戻って「完了」をクリックします。

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

お疲れ様でした！これですべての設定が完了です。

トリガーをONにするとフローが起動します！

実際にフローボットを起動して、毎週Webflowの特定コレクションのアイテム総数がGoogle スプレッドシートに記録されているかを確認してみてくださいね！

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

WebflowのAPIを活用することで、様々な自動化の実現が可能になります。

Webflowを使った自動化例

Google フォームやAirtable、Shopifyなどの外部ツールで情報が更新された際に、Webflowのコレクションへアイテムを自動追加できます。また、Webflowでアイテムが作成されたことをトリガーに、Slackへの通知やOpenAIによる内容の要約送信を行うワークフローの構築も可能です。

Airtableでレコードが登録されたら、Webflowのコレクションにアイテムを追加する

試してみる

---

■概要
Airtableで管理しているデータをWebflowのCMSに手作業で登録していませんか？この単純作業は時間がかかるだけでなく、コピー＆ペーストによる入力ミスも起こりがちです。このワークフローを活用すれば、WebflowとAirtableのデータ連携を自動化できます。Airtableに新しいレコードが登録されると、その内容が自動でWebflowのコレクションアイテムとして追加されるため、手入力の手間やヒューマンエラーをなくし、コンテンツ管理業務を効率化します。

■このテンプレートをおすすめする方
・WebflowとAirtableでコンテンツ管理を行っており、手作業でのデータ移行に手間を感じている方
・WebflowとAirtableを連携させ、コンテンツ更新時のヒューマンエラーを未然に防ぎたいと考えている方
・ノーコードでサイト運営業務を効率化し、より創造的な業務に時間を割きたいと考えている方

■注意事項
・Airtable、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・Airtableのアウトプットの取得方法は下記を参考にしてください。
https://intercom.help/yoom/ja/articles/5404443

詳細を見る 試してみる

Brevoでコンタクトが作成されたら、Webflowにアイテムを追加する

試してみる

---

■概要
Brevoで管理しているコンタクト情報を、Webflowで作成したWebサイトのCMSに手作業で登録する業務に手間を感じていませんか？この繰り返し作業は時間がかかるだけでなく、コピー＆ペーストによる入力ミスも起こりがちです。
このワークフローは、そうした課題を解決するために設計されており、Brevoで新しいコンタクトが作成されると、その情報を自動でWebflowのコレクションにアイテムとして追加します。BrevoとWebflow間のデータ連携を自動化し、手作業の手間を省きます。

■このテンプレートをおすすめする方
・Brevoで獲得したコンタクトをWebflowサイトに手動で反映させているウェブ担当者の方
・BrevoとWebflow間の連携作業を自動化し、入力ミスをなくしたいマーケティングチームの方
・ノーコードでBrevoとWebflowを連携させ、業務の効率化を目指すビジネスパーソンの方

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

詳細を見る 試してみる

Discordにメッセージが投稿されたら、テキストを抽出してWebflowのコレクションにアイテムを追加する

試してみる

---

■概要
Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。

■このテンプレートをおすすめする方
・Webflowでサイトを運営しており、Discordの投稿を元にコンテンツを作成している方
・Discordの情報を活用し、Webflowでメディアやナレッジベースを構築したいチーム
・WebflowとDiscord間の手作業による転記作業をなくし、業務を効率化したい方

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

詳細を見る 試してみる

GitHubでIssueが作成されたら、Webflowにアイテムを追加する

試してみる

---

■概要
WebflowとGitHubを連携させて業務効率化を図りたいと考えているものの、手作業での情報反映に課題を感じていませんか。Issueの作成のたびにWebflowに手動でアイテムを追加する作業は、時間もかかり、転記ミスの原因にもなり得ます。このワークフローを活用すれば、GitHubで新しいIssueが作成された際に、Webflowのコレクションへアイテムを自動で追加できます。これにより、手作業による連携の手間をなくし、スムーズな情報共有を実現します。

■このテンプレートをおすすめする方
・WebflowとGitHubを利用しており、Issue情報をWebサイトのコンテンツとして活用したい方
・GitHubのIssueをWebflowへ手作業で転記しており、その作業を自動化したいと考えている方
・WebflowとGitHubの連携を通じて、開発や制作の進捗管理を効率化したいプロジェクト担当者の方

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

詳細を見る 試してみる

Googleカレンダーの予定をもとにコンテンツを生成し、Webflowのコレクションにアイテムを自動追加する

試してみる

---

■概要
「Googleカレンダーの予定をもとにコンテンツを生成し、Webflowのコレクションにアイテムを自動追加する」業務ワークフローは、YoomのAPI連携やAI機能を活用し、カレンダー情報から記事を作成し、Webflowに自動登録することで、Web制作の自動化を手軽に実現します。

■このテンプレートをおすすめする方
・定期的にブログやお知らせを投稿しており、Webflowへの手動登録を負担に感じているWeb担当者の方
・Googleカレンダーで管理するイベント情報をホームページに反映したい広報・マーケティング担当者の方
・Web制作の自動化に興味はあるものの、複数アプリ連携にハードルを感じている制作チームの方

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

詳細を見る 試してみる

Googleフォームの回答内容でWebflowのコレクションにアイテムを追加する

試してみる

---

■概要
「Googleフォームの回答内容でWebflowのコレクションにアイテムを追加する」ワークフローは、Webflow formを活用して収集したデータを自動的にWebflowのコレクションに登録します。
これにより、手動でのデータ入力作業を削減し、効率的なサイト運営をサポートします。
YoomのAPI連携機能を駆使し、スムーズなデータ移行を実現します。‍

■このテンプレートをおすすめする方
・Googleフォームを利用して顧客やユーザーからの情報を収集しているウェブサイト運営者
・Webflowを使ってサイトを構築し、コレクションを活用してコンテンツ管理を行っているデザイナーや開発者
・手動でのデータ入力に時間を取られず、業務を自動化したいと考えているビジネスオーナー
・Yoomを活用して複数のSaaSアプリ間の連携を効率化したい方

■注意事項
・WebflowとGoogleフォームのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・Googleフォームでのアウトプットの取得方法は下記を参考にしてください。
https://intercom.help/yoom/ja/articles/5505530

詳細を見る 試してみる

Redditで特定のユーザーが投稿したら、内容を要約しWebflowのコレクションにアイテムを追加する

試してみる

---

■概要
Redditの特定コミュニティやユーザーの投稿を常にチェックし、Webflowで運営するサイトのコンテンツとして手動で反映させる作業は、骨が折れると感じることはないでしょうか。
特に、タイムリーな情報更新が求められる場面では、その手間が大きな負担になることもあります。
このワークフローを活用すれば、Redditでの特定の投稿をきっかけに、内容をAIが自動で要約しWebflowのコレクションへアイテムとして追加する一連の流れを自動化し、情報収集からコンテンツ作成までのプロセスを効率化できます。

■このテンプレートをおすすめする方
・Webflowでメディアやブログを運営し、Redditの情報を手作業で収集・転記している方
・Redditの特定のユーザーやトピックの動向を追い、Webサイトのコンテンツに活かしたい方
・情報収集とコンテンツ更新のプロセスを自動化し、サイト運営の効率を高めたいと考えている方

■注意事項
・Reddit、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・RedditのアウトプットはJSONPathから取得可能です。取得方法は下記をご参照ください。
https://intercom.help/yoom/ja/articles/6807133

詳細を見る 試してみる

Shopifyで商品情報が作成されたら、Webflowのコレクションにアイテムを追加する

試してみる

---

■概要
Shopifyで新商品を登録する際、Webflowで制作したWebサイトにも手作業で同じ情報を反映させることに手間を感じていませんか。
この二重入力は時間がかかるだけでなく、情報の不整合や入力ミスの原因にもなりかねません。
このワークフローは、ShopifyとWebflowの連携を自動化するもので、Shopifyでの商品情報作成をトリガーに、Webflowのコレクションへアイテムが自動で追加されるため、こうした課題を円滑に解消します。

■このテンプレートをおすすめする方
・ShopifyとWebflowを併用し、商品情報の二重入力の手間をなくしたいECサイト運営者の方
・Shopifyの商品情報をWebflowで制作したサイトへ、正確に自動で反映させたい方
・ECサイトとWebサイトの商品情報を手作業で同期しており、更新作業を効率化したいWeb管理者の方

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

詳細を見る 試してみる

Webflowでアイテムが作成されたら、OpenAIで内容を要約してメールで通知する

試してみる

---

■概要
Webflowで新しいコンテンツを公開する際、その内容を要約して関係者へ共有する作業に手間を感じていませんか。手作業での要約は時間がかかるだけでなく、本来の業務を圧迫することもあります。このワークフローは、WebflowとOpenAIを連携させ、アイテムが作成されると自動で内容を要約しメールで通知します。このWebflowとOpenAIの連携により、コンテンツ更新後の共有プロセスを効率化し、迅速な情報伝達を実現します。

■このテンプレートをおすすめする方
・Webflowでコンテンツを頻繁に更新し、その都度内容の共有を行っている方
・OpenAIを活用して、Webflowのコンテンツ要約などの作業を自動化したい方
・WebflowとOpenAIの連携による情報共有の自動化で、業務効率化を進めたい方

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

詳細を見る 試してみる

Webflowでアイテムが作成されたら、Slackに通知する

試してみる

---

■概要
Webflowで新しいブログ記事や制作実績などのアイテムを公開するたびに、手作業でSlackに共有するのは手間がかかるうえ、通知漏れも発生しがちです。
このような反復作業に時間を取られていませんか？

このワークフローを活用すれば、WebflowとSlackをスムーズに連携させ、アイテムの作成をトリガーに自動でSlackへ通知できます。
手作業による共有の手間をなくし、チーム内での迅速な情報共有を実現します。

■このテンプレートをおすすめする方
・Webflowで管理するサイトの更新情報を、手作業でSlackに通知しているWeb担当者の方
・WebflowとSlackを活用し、チームでのコンテンツ制作やレビューの連携を円滑にしたい方
・WebflowからSlackへの通知を自動化し、情報共有のスピードと確実性を高めたい方

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

詳細を見る 試してみる

まとめ

WebflowのCMSアイテム数の集計を自動化することで、これまで手作業で行っていた定期的な確認や報告作業の手間を減らし、サイトの運用状況を正確に把握できるようになります。これにより、プランの上限超過を未然に防いだり、リソース管理を効率化したりでき、より戦略的なサイト運営に集中できる環境が整いやすくなります！

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

30秒で簡単登録！無料で始める

よくあるご質問