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

‍■概要

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

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

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

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

• Shopifyでの商品作成をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業での転記に費やしていた時間を短縮できます。
• 手作業による情報転記がなくなることで、商品名や価格などの入力間違いや更新漏れといったヒューマンエラーの発生を防ぎます。

■フローボットの流れ

1. はじめに、ShopifyとWebflowをYoomと連携します。
2. 次に、トリガーでShopifyを選択し、「商品情報が作成されたら（Webhook）」を設定します。
3. 続いて、オペレーションでShopifyの「商品情報を取得」アクションを設定し、トリガーで取得したIDを元に商品の詳細情報を取得します。
4. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、前のステップで取得した商品情報を紐付けます。

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

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

• Webflowにアイテムを追加する際、Shopifyから取得した商品情報（商品名、価格、画像など）を、どのコレクション項目に紐付けるかを任意で設定してください。
• 各項目には、Shopifyから取得した情報のほか、特定のテキストなどの固定値を組み合わせて設定することも可能です。

■注意事項

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