Webサイトを運営していると、古いイベント情報のブログや終了したキャンペーンなど、Webflowのコレクション内に不要になったアイテムが溜まってしまうことはありませんか?
削除するにも、アイテムを手作業で一つひとつ確認するのは時間がかかる上に、誤って必要なアイテムを消してしまうリスクも伴います。
もし、指定した条件にもとづいてWebflowのコレクションアイテムを定期的に、そして自動で一括削除できる仕組みがあればどうでしょう。
こうした手作業による管理の負担から解放され、サイトのコンテンツ企画やデザイン改善などの創造的な業務に時間を使うことができるようになるかもしれません!
今回ご紹介する自動化は、プログラミングの知識がなくても簡単に設定できる方法です。
ぜひこの機会に導入して、Webサイトの運用をよりスマートに進めましょう!
とにかく早く試したい方へ
YoomにはWebflowのコレクションアイテムを自動で削除する業務フロー自動化のテンプレートが用意されているので、「まずは試してみたい!」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう!
定期的にWebflowの特定のコレクションアイテムを一括削除する
試してみる
Webflowのコレクションアイテムを自動で削除するフローを作ってみよう
それではここから代表的な例として、毎週定期的にWebflowの特定のコレクションアイテムを一括で削除するフローを解説していきます!
ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
※今回連携するアプリの公式サイト:Webflow
[Yoomとは]
フローの作成方法
今回は大きく分けて以下のプロセスで作成します。
- WebflowとGoogle スプレッドシートのマイアプリ連携
- テンプレートをコピー
- スケジュールのトリガー設定とWebflowのアクション設定
- トリガーをONにし、フローが起動するかを確認
ステップ1:WebflowとGoogle スプレッドシートをマイアプリ連携
ここでは、WebflowとGoogle スプレッドシートを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください!
Google スプレッドシートについても、下記で確認できます。
それではアプリごとの具体的な設定方法を解説していきますね!
WebflowとYoomの連携方法
マイアプリの新規接続一覧の中からWebflowを選びます。
注意事項を参考に「アカウント名、アクセストークン」を入力して「追加」をクリックしたら完了です!
ステップ2:テンプレートをコピーする
次に、今回使用するテンプレートをコピーします。
- 下のバナーの「試してみる」を押す。
- Yoomの登録がまだの場合は、登録を行う。
※すでに登録が完了している場合は、ログインしてください。
定期的にWebflowの特定のコレクションアイテムを一括削除する
試してみる
テンプレートが「マイプロジェクト」にコピーされると、このような画面が表示されます。
ステップ3:スケジュールトリガーの設定
左側にあるメニューの「マイプロジェクト」から、コピーしたテンプレートを開きます。
(※テンプレートをコピー後、すぐに設定する場合はテンプレートを開く操作は必要ありません。設定を中断した際は「マイプロジェクト」からテンプレートを開いて設定を再開してください!)
「スケジュールトリガー」をクリックします。
フローボットを起動したいタイミング(Webflowのアイテムを削除したいタイミング)を入力していきます。
テンプレートでは「毎月1日(月初)6時」にフローボットが起動される設定となっていますが、日付や時間は必要に応じて変更してください!
設定を確認したら「保存する」をクリックします。
※「Cronの設定」では、起動する時刻を分単位での設定など細かな設定が可能です。
設定の詳しい設定方法はCron設定の設定方法をご確認ください。
ステップ4:Google スプレッドシートのレコードを取得
「複数のレコードを取得する(最大300件)」をクリックします。
必要箇所を入力していきます。
- タイトル:必要に応じて変更可能です。分かりやすい名前に修正してもOK!
- アクション:デフォルトで「複数のレコードを取得する」が選択されているのでそのままでOK!
- Google スプレッドシートと連携するアカウント情報:ステップ1で連携したアカウントが表示されていることを確認しましょう。
次に「データベースの連携」をしていきます。
連携したい「スプレッドシートID」を候補から選びます。
入力欄をクリックすると候補一覧が表示されるので、その中から選びましょう!
今回はテスト用に下のような画像のシートを準備しました!
取得したいレコードの条件に使用するので、削除可否の列を必ず作成するようにしましょう。
同じ要領で「スプレッドシートのタブ名」を選択してください。
「テーブル範囲」も連携したいGoogle スプレッドシートに合わせて設定します。
設定が完了したら「次へ」をクリックします!
「取得したいレコードの条件」を設定します。
今回はGoogle スプレッドシートの「削除」と入力のある行だけを取得したいので、画像の通り設定しましたが、連携するGoogle スプレッドシートに合わせて適宜設定してください。
設定が完了したら「テスト」をクリックします。
テストに成功すると、先ほど指定したGoogle スプレッドシートデータが反映されるので、確認できたら「完了」をクリックしてください。
※取得した値とは?
トリガーやオペレーション設定時に、「テスト」を実行して取得した値のことを指します。
後続のオペレーション設定時の値として利用でき、フローボットを起動する度に変動した値となります。
ステップ5:処理の繰り返し設定
「同じ処理を繰り返す」をクリックします。
ステップ4で指定した条件に合致する案件が一覧として取得できたので、ステップ5では1件ごとのアイテムIDを取得するための設定をしていきます!
「繰り返し対象」として「複数のレコードを取得する(最大300件)」を選択し「アイテムID(Google スプレッドシートの項目名)」を選んでください。
選択が終わったら「完了」ボタンをクリックします。
(テンプレートを活用すると、デフォルトで選択されているので、すでに入力されている場合は、そのまま「完了」ボタンをクリックするだけでOKです!)
ステップ6:Webflowのアイテム削除設定
「コレクションのアイテムを削除」をクリックします。
ステップ4と同様に連携するアカウント情報が正しく反映されているかどうかなど、確認をします。
ここからは削除するアイテムを設定していきます!
「サイトID」・「コレクションID」は候補から選択することができます。
「アイテムID」はステップ5で取得した値を埋め込みます。
削除したいアイテムIDを手入力をしてしまうと、フローボットが起動するたびに同じアイテムIDが反映されてしまうので、必ず取得した値を埋め込んでください!
【取得した値を埋め込む方法】
- 入力欄をクリックして「取得した値」を表示
- 「複数のレコードを取得する」をクリック
- 「アイテムIDのループ変数」を選択
設定が完了したら「テスト」をクリックします。
「テスト成功」の文字が表示されていればOKなので「完了」をクリックしてください。
(削除に成功した場合、nullの文字のみ表示されます!)
ステップ7:Google スプレッドシートのレコード更新
「レコードを更新する」をクリックします。
ここのステップでは、ステップ4で連携したGoogle スプレッドの「完了日」に日付を入れるための設定をしていきます!
まずは、連携するアカウントが正しいかなど、確認をしましょう。
「データベースの連携」はステップ4の連携時と同じ要領で設定します。
「更新したいレコードの条件」を設定します。
ステップ5で取得した「アイテムIDのループ変数」を埋め込んでください。
次に「更新後のレコードの値」を設定します。
追記したい項目のみを設定するので、今回は「完了日」の欄のみを設定します。
入力欄をクリックして「日付」を選択して反映させたい日を設定してください。
設定が完了したら「テスト」をクリックして、テストに成功したらOKです!
Google スプレッドシートを確認して、完了日に日付が入っていることを確認しましょう。
確認できたら、Yoomの画面に戻って「完了」をクリックしてください。
※今回はテストなので、1行のみ更新されます。
実際のフロー起動時は、該当するレコードの分レコードが更新されます。
ステップ8:トリガーをONにして動作を確認
最後に「トリガーをON」をクリックして、自動化の設定は終了です。
正しく、フローボットが起動するか確認しましょう。
設定、お疲れ様でした!
以上が、定期的にWebflowの特定のコレクションアイテムを一括削除する連携手順になります!
Webflowを使った自動化例
サイト内のフォーム回答を自動集計したり、AIで内容を要約してメール通知したりすることが可能です。
さらに、決済サービスやECサイトと連携した商品情報の同期、各種フォームやチャットツールからのコンテンツ投稿など、サイト更新にまつわる煩雑な作業をノーコードで一気に自動化。
手作業による更新漏れを防ぎ、最新の情報を常にスピーディーに発信できる体制を構築しましょう。
Webflowでアイテムが更新されたら、Outlookで通知する
試してみる
GitHubでプルリクエストが作成されたら、Webflowにアイテムを追加する
試してみる
■概要
GitHubでの開発進捗をWebflowサイトに反映させる際、プルリクエストの情報を手作業でコピー&ペーストしていませんか?この作業は手間がかかる上に、転記ミスや更新漏れの原因にもなり得ます。このワークフローを活用すれば、GitHubとWebflowの連携が自動化され、プルリクエストが作成されると同時にWebflowのコレクションにアイテムが追加されるため、こうした課題を円滑に解決します。
■このテンプレートをおすすめする方
・GitHubとWebflowを連携させ、開発の進捗管理を効率化したい方
・プルリクエストの情報をWebflowのCMSに手作業で転記している方
・開発チームとWebサイト管理チーム間の情報共有を円滑にしたい方
■注意事項
・GitHub、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
Webflowのフォームが送信されたらGoogleスプレッドシートに追加する
試してみる
Webflowのフォームが送信されたらGoogleスプレッドシートに追加するフローです。
Trelloで特定のカード情報が更新されたら、ClickUpでタスクを作成する
試してみる
■概要
プロジェクト管理ツールとして人気のClickUpとTrelloですが、両ツール間の情報連携に手間を感じていませんか。
手動での転記作業は、時間もかかり、更新漏れの原因にもなり得ます。
このワークフローを活用すれば、Trelloでカード情報が更新されると、自動でClickUpにタスクが作成されるため、二重入力の手間をなくし、抜け漏れのないタスク管理を実現します。
■このテンプレートをおすすめする方
・TrelloとClickUpを併用し、タスクの二重入力に手間を感じている方
・TrelloとClickUp間の情報連携を自動化し、手作業による更新漏れを防ぎたい方
・プロジェクトの進捗管理をより効率化し、コア業務に集中したいと考えている方
■注意事項
・Trello、ClickUpのそれぞれとYoomを連携してください。
・分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。
Slackで特定のメッセージが送信されたら、テキストからデータを抽出しWebflowでアイテムを追加する
試してみる
■概要
Webflowで構築したサイトのコンテンツ更新で、Slackで受け取った情報を手動でアイテムとして追加する作業に手間を感じていませんか?こうした手作業は、更新漏れや入力ミスといったヒューマンエラーの原因にもなり得ます。このワークフローを活用すれば、Slackへの特定のメッセージ投稿をきっかけに、AIが自動で内容を解析し、Webflowへアイテムとして追加します。WebflowとSlackの連携を効率化し、コンテンツ更新をスムーズにすることが可能です。
■このテンプレートをおすすめする方
・Webflowで構築したサイトのコンテンツ更新をSlackで行っており、手作業での転記に手間を感じている方
・Slackでの連絡を基にWebflowへアイテムを追加する際の、入力ミスや更新漏れを防ぎたいWeb担当者の方
・WebflowとSlackを連携させ、コンテンツ管理業務の自動化や効率化を実現したいと考えている方
■注意事項
・Slack、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。
Stripeで商品が作成されたら、Webflowにアイテムを追加する
試してみる
■概要
Stripeで新しい商品を追加するたびに、Webflowで構築したECサイトにも手作業でアイテムを登録するのは手間がかかり、入力ミスや登録漏れの原因にもなりがちです。このワークフローは、そうした課題を解決するために設計されました。Stripeで商品が作成されると、その情報を基にWebflowのコレクションへアイテムが自動で追加されるため、商品登録に関する一連の作業を効率化し、手作業によるミスを防ぎます。
■このテンプレートをおすすめする方
・WebflowとStripeでECサイトを運営しており、商品登録を手作業で行っている方
・StripeからWebflowへの情報転記における、入力ミスや反映漏れをなくしたい方
・WebflowとStripeを連携させ、ECサイトの商品管理をより効率的に行いたい方
■注意事項
・Stripe、WebflowのそれぞれとYoomを連携してください。
・Stripeはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・Stripeの商品メタデータにWebflowのアイテムIDなど更新に必要なデータを予め設定する必要があります。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
・WebflowのDescriptionを取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
Webflowでアイテムが作成されたら、WooCommerceで商品を作成する
試してみる
■概要
Webflowでデザイン性の高いサイトを構築し、WooCommerceでEコマースを展開しているものの、商品情報の二重入力に手間を感じていませんか?手作業での登録は時間がかかるだけでなく、入力ミスの原因にもなり得ます。
このワークフローを活用すれば、Webflowのコレクションにアイテムを追加するだけで、WooCommerceに商品情報が自動で作成されます。WooCommerceとWebflowのスムーズな連携を実現し、商品登録に関わる一連の作業を効率化します。
■このテンプレートをおすすめする方
・WebflowとWooCommerceを併用し、商品を手作業で登録しているECサイトの運営担当者の方
・WooCommerceとWebflowを連携させ、商品管理のプロセスを自動化したいと考えている方
・サイト更新と商品登録の二重入力をなくし、本来のコア業務に集中したいと考えている方
■注意事項
・Webflow、WooCommerceのそれぞれとYoomを連携してください。
・WebflowのDescriptionを取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
Webflowでアイテムが公開されたら、テキストを抽出してMailchimpでキャンペーンを作成する
試してみる
■概要
Webflowで公開した新しいコンテンツや製品情報を、手作業でMailchimpのメールキャンペーンに反映させる作業に、手間や時間を取られていませんか。このワークフローを活用することで、WebflowとMailchimpをノーコードで連携させ、アイテムが作成されたタイミングで自動的にキャンペーンを作成できます。Webサイトの公開からメールマーケティング施策までをスムーズに繋げ、一貫性のある情報発信を効率的に実現します。
■このテンプレートをおすすめする方
・MailchimpとWebflowを用いて、コンテンツ公開やメール配信を手作業で行っているWeb担当者の方
・Webflowのアイテム情報を活用したメールキャンペーンの作成を自動化し、業務効率を改善したい方
・Webサイト公開から顧客への情報発信までの時間を短縮し、マーケティング活動を迅速化したい方
■注意事項
・Webflow、MailchimpのそれぞれとYoomを連携してください。
・Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
Webflowでフォームが送信されたら、OpenAIで内容を要約してメールで通知する
試してみる
■概要
Webflowで構築したサイトのフォームから届く長文のお問い合わせについて、内容を把握するために都度全文を確認する作業に手間を感じていませんか。このワークフローは、Webflowのフォームが送信されると、その内容をOpenAIが自動で要約し、指定のメールアドレスへ通知するものです。WebflowとOpenAIを連携させることで、問い合わせ内容の迅速な把握と、スピーディーな一次対応の実現を支援します。
■このテンプレートをおすすめする方
・Webflowで作成したフォームからの問い合わせ対応に時間がかかっているWebサイト担当者の方
・WebflowとOpenAIを連携させ、問い合わせ対応の初動を早めたいと考えている方
・フォームから送られる内容の確認と担当者への共有を手作業で行っているチームのリーダーの方
■注意事項
・Webflow、OpenAIのそれぞれとYoomを連携してください。
・Webflowから送信されたフォームの内容を取得する方法は下記を参照ください。
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のコレクションアイテム削除を自動化することで、これまで手作業で行っていたサイトのメンテナンス業務から解放され、ヒューマンエラーのリスクを減らしながら、サイトの情報を最新の状態に保つことができます。
これにより手作業の負担を気にすることなく、コンテンツの品質向上やユーザー体験の改善といったコア業務に集中できる環境が整うでしょう!
今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも、画面の指示に従って操作するだけで直感的に業務フローを構築できるようになります。
もし自動化に少しでも興味を持っていただけたなら、ぜひ登録フォームから無料登録して業務効率化を体験してみてください!
よくあるご質問
Q:アイテムを削除せず「下書き」や「アーカイブ」にできますか?
A:
はい、可能です!
今回はWeblowの「アイテム削除」ですが、「アイテムを更新」というアクションに変更することで「下書き」にできます。
設定項目の中で、下書きにするか選択できるのでぜひご活用ください。
Q:削除処理が完了したことをSlackなどで通知できますか?
A:
はい、通知できます。
SlackやGmailなどへの通知を追加することも可能です。
連携可能なアプリについては、連携アプリ一覧からご確認ください。
テンプレート以外のフローボットを作成したい場合は、基本的なフローボットの作成方法から確認できます。
Q:本番サイトに影響を与えずにフローをテストする方法はありますか?
A:
テスト用のアイテムを準備するのがオススメです!
実際に業務で活用したい本番サイトの構造の中にテスト用アイテムを準備することで、本番サイトへの影響を最小限に減らしつつテストを行うことができます。
なお、削除アクションは成功時もデータが反映されない仕様(nullと表示される)となっています。
そのため、削除データのタイトルやslugなどを残しておきたい場合は事前に控えておきましょう。