Shopifyで商品情報が作成されたら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Shopifyで新商品を登録する際、Webflowで制作したWebサイトにも手作業で同じ情報を反映させることに手間を感じていませんか。この二重入力は時間がかかるだけでなく、情報の不整合や入力ミスの原因にもなりかねません。このワークフローは、ShopifyとWebflowの連携を自動化するもので、Shopifyでの商品情報作成をトリガーに、Webflowのコレクションへアイテムが自動で追加されるため、こうした課題を円滑に解消します。
■このテンプレートをおすすめする方
- ShopifyとWebflowを併用し、商品情報の二重入力の手間をなくしたいECサイト運営者の方
- Shopifyの商品情報をWebflowで制作したサイトへ、正確に自動で反映させたい方
- ECサイトとWebサイトの商品情報を手作業で同期しており、更新作業を効率化したいWeb管理者の方
■このテンプレートを使うメリット
- Shopifyでの商品作成をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業での転記に費やしていた時間を短縮できます。
- 手作業による情報転記がなくなることで、商品名や価格などの入力間違いや更新漏れといったヒューマンエラーの発生を防ぎます。
■フローボットの流れ
- はじめに、ShopifyとWebflowをYoomと連携します。
- 次に、トリガーでShopifyを選択し、「商品情報が作成されたら（Webhook）」を設定します。
- 続いて、オペレーションでShopifyの「商品情報を取得」アクションを設定し、トリガーで取得したIDを元に商品の詳細情報を取得します。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、前のステップで取得した商品情報を紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowにアイテムを追加する際、Shopifyから取得した商品情報（商品名、価格、画像など）を、どのコレクション項目に紐付けるかを任意で設定してください。
- 各項目には、Shopifyから取得した情報のほか、特定のテキストなどの固定値を組み合わせて設定することも可能です。
■注意事項
- Shopify、WebflowのそれぞれとYoomを連携してください。
- Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
「Shopifyに新商品を追加するたびに、Webflowでつくったサイトにも手作業で情報をコピーしている…」
「商品情報の更新が多くて、Webサイトへの反映が追いつかないし、ミスも発生しがち…」
このように、ECプラットフォームとWebサイト間で発生する二重のデータ入力作業に、時間と労力を奪われていませんか？
もし、Shopifyで商品情報が作成されたら、その内容が自動的にWebflowのサイトにも反映される仕組みがあれば便利ですよね。
こうした手作業による非効率やヒューマンエラーといった悩みから解放され、本来注力すべき商品企画やマーケティング活動により多くの時間を費やすことができます！
今回ご紹介する自動化は、プログラミングの知識がなくても簡単に設定できるので、ぜひこの機会に導入して、日々の更新業務をもっと楽にしましょう！
とにかく早く試したい方へ
YoomにはShopifyとWebflowを連携するためのテンプレートが用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
Shopifyで商品情報が作成されたら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Shopifyで新商品を登録する際、Webflowで制作したWebサイトにも手作業で同じ情報を反映させることに手間を感じていませんか。この二重入力は時間がかかるだけでなく、情報の不整合や入力ミスの原因にもなりかねません。このワークフローは、ShopifyとWebflowの連携を自動化するもので、Shopifyでの商品情報作成をトリガーに、Webflowのコレクションへアイテムが自動で追加されるため、こうした課題を円滑に解消します。
■このテンプレートをおすすめする方
- ShopifyとWebflowを併用し、商品情報の二重入力の手間をなくしたいECサイト運営者の方
- Shopifyの商品情報をWebflowで制作したサイトへ、正確に自動で反映させたい方
- ECサイトとWebサイトの商品情報を手作業で同期しており、更新作業を効率化したいWeb管理者の方
■このテンプレートを使うメリット
- Shopifyでの商品作成をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業での転記に費やしていた時間を短縮できます。
- 手作業による情報転記がなくなることで、商品名や価格などの入力間違いや更新漏れといったヒューマンエラーの発生を防ぎます。
■フローボットの流れ
- はじめに、ShopifyとWebflowをYoomと連携します。
- 次に、トリガーでShopifyを選択し、「商品情報が作成されたら（Webhook）」を設定します。
- 続いて、オペレーションでShopifyの「商品情報を取得」アクションを設定し、トリガーで取得したIDを元に商品の詳細情報を取得します。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、前のステップで取得した商品情報を紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowにアイテムを追加する際、Shopifyから取得した商品情報（商品名、価格、画像など）を、どのコレクション項目に紐付けるかを任意で設定してください。
- 各項目には、Shopifyから取得した情報のほか、特定のテキストなどの固定値を組み合わせて設定することも可能です。
■注意事項
- Shopify、WebflowのそれぞれとYoomを連携してください。
- Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
ShopifyとWebflowを連携してできること
ShopifyとWebflowのAPIを連携させることで、Shopifyに商品情報が作成された際に、WebflowのCMSコレクションにアイテムを自動で追加することが可能になります。
これにより、これまで手作業で行っていた情報反映の工数を削減し、転記ミスや更新漏れを防ぐことができます。
以下で具体的な自動化の例をご紹介しますので、気になる内容があれば、ぜひクリックしてみてください！
Shopifyで商品情報が作成されたら、Webflowのコレクションにアイテムを追加する
Shopifyに新しい商品が登録されると、その商品名や価格などの情報が自動でWebflowのCMSコレクションにもアイテムとして追加されます。
これによりWebサイトへの商品情報掲載にかかる手作業をなくし、反映のタイムラグや転記ミスを防げます。
Shopifyで商品情報が作成されたら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Shopifyで新商品を登録する際、Webflowで制作したWebサイトにも手作業で同じ情報を反映させることに手間を感じていませんか。この二重入力は時間がかかるだけでなく、情報の不整合や入力ミスの原因にもなりかねません。このワークフローは、ShopifyとWebflowの連携を自動化するもので、Shopifyでの商品情報作成をトリガーに、Webflowのコレクションへアイテムが自動で追加されるため、こうした課題を円滑に解消します。
■このテンプレートをおすすめする方
- ShopifyとWebflowを併用し、商品情報の二重入力の手間をなくしたいECサイト運営者の方
- Shopifyの商品情報をWebflowで制作したサイトへ、正確に自動で反映させたい方
- ECサイトとWebサイトの商品情報を手作業で同期しており、更新作業を効率化したいWeb管理者の方
■このテンプレートを使うメリット
- Shopifyでの商品作成をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業での転記に費やしていた時間を短縮できます。
- 手作業による情報転記がなくなることで、商品名や価格などの入力間違いや更新漏れといったヒューマンエラーの発生を防ぎます。
■フローボットの流れ
- はじめに、ShopifyとWebflowをYoomと連携します。
- 次に、トリガーでShopifyを選択し、「商品情報が作成されたら（Webhook）」を設定します。
- 続いて、オペレーションでShopifyの「商品情報を取得」アクションを設定し、トリガーで取得したIDを元に商品の詳細情報を取得します。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、前のステップで取得した商品情報を紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowにアイテムを追加する際、Shopifyから取得した商品情報（商品名、価格、画像など）を、どのコレクション項目に紐付けるかを任意で設定してください。
- 各項目には、Shopifyから取得した情報のほか、特定のテキストなどの固定値を組み合わせて設定することも可能です。
■注意事項
- Shopify、WebflowのそれぞれとYoomを連携してください。
- Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
Shopifyで特定の商品情報が作成されたら、Webflowのコレクションにアイテムを追加する
Shopifyで追加された商品のうち、特定のタグがついた商品や特定のコレクションに属する商品など、条件に合致する商品情報のみを絞り込んでWebflowのコレクションに自動で追加する連携です。
これにより、セール対象商品や特定カテゴリの商品だけをサイトに掲載するといった、より柔軟な連携が可能になります。
Shopifyで特定の商品情報が作成されたら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Shopifyで新しい商品を登録するたびに、Webflowで構築したサイトにも手作業で情報をコピー＆ペーストしていませんか。この単純作業は時間を要するだけでなく、入力ミスや更新漏れの原因にもなりがちです。このワークフローを活用すれば、ShopifyとWebflowの連携を自動化し、特定の商品がShopifyに作成された際に、Webflowのコレクションへ自動でアイテムが追加されるため、こうした課題を解消し、サイト更新業務を効率化できます。
■このテンプレートをおすすめする方
- ShopifyとWebflowでサイトを運営し、商品登録の二重入力に手間を感じているEC担当者の方
- Webflowで構築したサイトに、Shopifyの商品情報を手動で反映させているWebサイト管理者の方
- ShopifyとWebflowを連携させ、コンテンツコマースなどのサイト運用を効率化したいと考えている方
■このテンプレートを使うメリット
- Shopifyへの商品作成をトリガーに、Webflowへアイテムが自動で追加されるため、これまで手作業で行っていたデータ入力の時間を短縮できます。
- ShopifyとWebflow間での手動転記作業がなくなるため、入力ミスや更新漏れといったヒューマンエラーを防ぎ、データの正確性を保つことに繋がります。
■フローボットの流れ
- はじめに、ShopifyとWebflowをYoomと連携します。
- 次に、トリガーでShopifyを選択し、「商品情報が作成されたら（Webhook）」というアクションを設定します。
- 次に、オペレーションで分岐機能を設定し、特定の条件で後続の処理を分岐させます。
- 続いて、オペレーションでShopifyの「商品情報を取得する」アクションを設定し、トリガーで連携された商品の詳細情報を取得します。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加する」アクションを設定し、取得した商品情報をWebflowに追加します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- 分岐機能では、前段で取得したShopifyの商品情報を利用し、後続のオペレーションを分岐させるための条件を任意でカスタマイズできます。
- Shopifyのオペレーションでは、商品情報を取得する際の条件などを、固定値や前段で取得した情報を変数として用いて任意に設定可能です。
- Webflowにアイテムを追加するオペレーションでは、コレクションの各項目に対して、固定値やShopifyから取得した情報を変数として自由に設定できます。
■注意事項
- Shopify、WebflowのそれぞれとYoomを連携してください。
- Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
- 分岐はミニプラン以上のプランでご利用いただける機能（オペレーション）となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
- ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
ShopifyとWebflowの連携フローを作ってみよう
それでは、さっそく実際にShopifyとWebflowを連携したフローを作成してみましょう！
今回はYoomを使用して、ノーコードでShopifyとWebflowの連携を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
フローの作成方法
今回はShopifyで商品情報が作成されたら、Webflowのコレクションにアイテムを追加するフローを作成していきます！
作成の流れは大きく分けて以下です。
- ShopifyとWebflowをマイアプリ連携
- 該当のテンプレートをコピー
- Shopifyのトリガーとアクション設定およびWebflowのアクション設定
- トリガーをONにし、フローが起動するかを確認
Shopifyで商品情報が作成されたら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Shopifyで新商品を登録する際、Webflowで制作したWebサイトにも手作業で同じ情報を反映させることに手間を感じていませんか。この二重入力は時間がかかるだけでなく、情報の不整合や入力ミスの原因にもなりかねません。このワークフローは、ShopifyとWebflowの連携を自動化するもので、Shopifyでの商品情報作成をトリガーに、Webflowのコレクションへアイテムが自動で追加されるため、こうした課題を円滑に解消します。
■このテンプレートをおすすめする方
- ShopifyとWebflowを併用し、商品情報の二重入力の手間をなくしたいECサイト運営者の方
- Shopifyの商品情報をWebflowで制作したサイトへ、正確に自動で反映させたい方
- ECサイトとWebサイトの商品情報を手作業で同期しており、更新作業を効率化したいWeb管理者の方
■このテンプレートを使うメリット
- Shopifyでの商品作成をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業での転記に費やしていた時間を短縮できます。
- 手作業による情報転記がなくなることで、商品名や価格などの入力間違いや更新漏れといったヒューマンエラーの発生を防ぎます。
■フローボットの流れ
- はじめに、ShopifyとWebflowをYoomと連携します。
- 次に、トリガーでShopifyを選択し、「商品情報が作成されたら（Webhook）」を設定します。
- 続いて、オペレーションでShopifyの「商品情報を取得」アクションを設定し、トリガーで取得したIDを元に商品の詳細情報を取得します。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、前のステップで取得した商品情報を紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowにアイテムを追加する際、Shopifyから取得した商品情報（商品名、価格、画像など）を、どのコレクション項目に紐付けるかを任意で設定してください。
- 各項目には、Shopifyから取得した情報のほか、特定のテキストなどの固定値を組み合わせて設定することも可能です。
■注意事項
- Shopify、WebflowのそれぞれとYoomを連携してください。
- Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
ステップ1：ShopifyとWebflowをマイアプリ連携
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。
1．Shopifyのマイアプリ連携
Yoomにログインし、画面左側の「マイアプリ」をクリックします。
続いて、画面右側の「新規接続」をクリックし、検索窓にShopifyと入力しましょう。
※Shopifyは、チームプラン・サクセスプランをご利用の方向けのアプリです。フリープランやミニプランで使うと、フローボットのオペレーションやデータコネクトがエラーになってしまうのでご注意ください。
有料プラン（チームプラン・サクセスプラン）には2週間の無料トライアルがあります。トライアル期間中なら、普段は制限されているShopifyも問題なくお試しいただけます。ぜひこの機会にいろいろと体験してみてくださいね。
以下のような画面が表示されるので、内容に従って入力します。
※詳しい登録方法はこちらをご確認ください。
「追加」をクリックすると、マイアプリにShopifyが表示されます。
2．Webflowのマイアプリ連携
Yoomの画面左側にある「マイアプリ」→「新規接続」をクリックしましょう。
「アプリ名で検索」でWebflowを探すか、アプリ一覧から探してください。
以下の画面が表示されるので、Webflowでアクセストークンを確認し入力しましょう。
入力後、「追加」をクリックし、マイアプリにWebflowが表示されていれば連携の完了です。
ステップ2：テンプレートをコピーする
続いてYoomのテンプレートをコピーします。
以下バナーの「試してみる」のアイコンをクリックします。
Shopifyで商品情報が作成されたら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Shopifyで新商品を登録する際、Webflowで制作したWebサイトにも手作業で同じ情報を反映させることに手間を感じていませんか。この二重入力は時間がかかるだけでなく、情報の不整合や入力ミスの原因にもなりかねません。このワークフローは、ShopifyとWebflowの連携を自動化するもので、Shopifyでの商品情報作成をトリガーに、Webflowのコレクションへアイテムが自動で追加されるため、こうした課題を円滑に解消します。
■このテンプレートをおすすめする方
- ShopifyとWebflowを併用し、商品情報の二重入力の手間をなくしたいECサイト運営者の方
- Shopifyの商品情報をWebflowで制作したサイトへ、正確に自動で反映させたい方
- ECサイトとWebサイトの商品情報を手作業で同期しており、更新作業を効率化したいWeb管理者の方
■このテンプレートを使うメリット
- Shopifyでの商品作成をトリガーにWebflowへ自動でアイテムが追加されるため、これまで手作業での転記に費やしていた時間を短縮できます。
- 手作業による情報転記がなくなることで、商品名や価格などの入力間違いや更新漏れといったヒューマンエラーの発生を防ぎます。
■フローボットの流れ
- はじめに、ShopifyとWebflowをYoomと連携します。
- 次に、トリガーでShopifyを選択し、「商品情報が作成されたら（Webhook）」を設定します。
- 続いて、オペレーションでShopifyの「商品情報を取得」アクションを設定し、トリガーで取得したIDを元に商品の詳細情報を取得します。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、前のステップで取得した商品情報を紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowにアイテムを追加する際、Shopifyから取得した商品情報（商品名、価格、画像など）を、どのコレクション項目に紐付けるかを任意で設定してください。
- 各項目には、Shopifyから取得した情報のほか、特定のテキストなどの固定値を組み合わせて設定することも可能です。
■注意事項
- Shopify、WebflowのそれぞれとYoomを連携してください。
- Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
以下の画像のような画面が表示されたらテンプレートのコピーは完了です。
ステップ3：トリガーとなるShopifyの設定
Shopifyで商品情報が作成されたことを自動化のトリガーにするための設定を行います。
以下の赤枠をクリックしましょう。
連携アカウントとアクションを選択する画面が表示されるので、今回連携するShopifyのアカウントを確認し「次へ」をクリックします。
Webhookの設定画面が表示されるため、URLをコピーしたら、注意事項を参考にしてShopifyに設定しましょう。
設定ができたら実際に商品作成を行うか、Webhookの画面で以下の「テストを送信」をクリックします。
なお、「テストを送信」により、Yoomでテストを行う場合、ステップ4のテストがエラーになるのでご注意ください。（テストがエラーになっても設定を行うことはでき、フローを起動することで問題なく連携は可能です）
「テスト」をクリックし、取得した値にShopifyから取得した情報が表示されているか確認しましょう。
この後、この取得した値の内容を入力に使用することができます。
※取得した値に関して、詳しくはこちらをご確認ください。
テスト成功後「保存する」をクリックしましょう。
ステップ4：Shopifyの商品情報を取得する設定
商品情報を取得するための設定を行いましょう。
以下の赤枠をクリックします。
連携アカウントとアクションを選択する画面が表示されるので、ステップ3と同じアカウントであることを確認し「次へ」をクリックします。
商品IDには以下のようにShopifyから取得した値より「商品ID」を設定しましょう。
取得フィールドを入力します。
Webflowに設定したいフィールド名を設定しましょう。
今回は例を参考にフィールドをカンマで区切って入力しました。
設定ができたら「テスト」をクリックし、実際にShopifyから取得した値が表示されているか確認しましょう。
確認ができたら「保存する」をクリックします。
ステップ5：Webflowにアイテムを作成する設定
Shopifyの情報を用いてWebflowでアイテムを作成するための設定を行います。
以下の赤枠をクリックしましょう。
連携アカウントとアクションを選択する画面が表示されるので、今回連携するWebflowのアカウントを確認し「次へ」をクリックします。
サイトID、コレクションIDは以下のように表示される候補から選択しましょう。
フィールド情報を入力していきます。
フィールドは以下のように表示される候補から選択しましょう。
値には、Shopifyから取得した値から各フィールドに該当する項目を設定します。固定値を登録する場合は、直接入力してください。
設定ができたら「テスト」をクリックし、実際にアイテムIDなど取得できているか確認しましょう。
また、Webflowでもアイテムの作成が確認できたら「保存する」をクリックし、設定を完了させます。
ステップ6：トリガーをONに設定しフロー稼働の準備完了
以下の画面の赤枠部分「トリガーをON」をクリックすることで、フローボットが自動で起動します。
設定お疲れ様でした！
ShopifyやWebflowを使ったその他の自動化例
ShopifyやWebflowのAPIを使用することで、さまざまな業務を自動化することができます。
ここでは、複数のテンプレートをご紹介するので、気になるものがあればぜひ試してみてくださいね！
Shopifyを使った便利な自動化例
他のアプリをトリガーとして利用したテンプレートを使うことで、Shopifyへの商品登録を自動化できます。
テンプレートを設定するだけで、手動での商品登録が削減されるため、人為的ミスを防ぎ、業務の効率化を図りたいときにおすすめです。
Shopifyで商品情報が作成されたら、Google Driveにフォルダを作成する
試してみる
■概要
Shopifyで商品情報が作成されたら、Google Driveにフォルダを作成するフローです。
■このテンプレートをおすすめする方
1.Shopifyの商品情報に基づいて業務を行う方
・新商品ごとに必要なファイルを特定のフォルダに自動で保存して業務効率化を図りたい方
・商品画像や説明資料などを商品情報と紐づけてGoogle Driveに保存したい方
2.商品管理担当者
・商品情報に基づいた書類作成やマーケティング資料作成などを効率化したい方
・Google Drive上で商品情報を検索して関連ファイルに簡単にアクセスしたい方
■このテンプレートを使うメリット
ShopifyはECサイト運営に不可欠なプラットフォームですが、商品が増えるにつれて関連ファイルの管理が煩雑になることがあります。
このフローを導入すると、商品ごとに自動的にGoogle Driveにフォルダが作成されて関連ファイルを一元管理することが可能になります。これによって、必要な情報を素早く見つけ出して商品ページの更新やマーケティング施策をスムーズに進めることができます。また、手作業でのフォルダ作成の手間を省いてヒューマンエラーを防ぐことも可能となります。
■注意事項
・Google Drive、ShopifyのそれぞれとYoomを連携してください。
・Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
Shopifyに注文が発生したら、Slackに通知する
試してみる
■概要
Shopifyに注文が発生したら、Slackに通知するフローです。
■このテンプレートをおすすめする方
1.Shopifyストアオーナー
・新規注文や注文状況の変更をリアルタイムで把握したい方
・Slackでチームメンバーと連携し、迅速な対応をしたい方
・受注処理や顧客対応の効率化を図りたい方
2.ECサイト運営担当者
・注文情報をSlackで共有し、チーム内での情報連携を強化したい方
・Slackの通知機能を活用して、業務フローを自動化したい方
・ShopifyとSlackを連携させて、業務効率を向上させたい方
■このテンプレートを使うメリット
・Shopifyで注文が発生した瞬間にSlackに通知が届くため、迅速な対応が可能になります。
・注文情報をSlackで共有することで、チームメンバー間での情報連携がスムーズになり、顧客対応の質が向上します。
■注意事項
・Shopify、SlackのそれぞれとYoomを連携させてください。
・Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
Shopifyの顧客データをSalesforceのリード情報として登録する
試してみる
■概要
ECサイト運営においてShopifyで獲得した新規顧客情報は重要な資産ですが、その都度Salesforceへ手作業で転記するのは手間がかかる作業ではないでしょうか。このワークフローを活用すれば、Shopifyで新しい顧客情報が作成されると、自動でSalesforceにリード情報として登録されるため、データ入力の手間を省き、迅速な顧客対応を実現できます。
■このテンプレートをおすすめする方
- ShopifyとSalesforce間のデータ連携を手作業で行っている方
- 顧客データの入力ミスや転記漏れを防ぎ、データ精度を高めたいと考えている方
- 新規顧客へのアプローチを迅速化し、営業機会の損失を防ぎたいマーケティング担当者の方
■このテンプレートを使うメリット
- Shopifyで顧客情報が作成された際に、Salesforceへ自動でデータが登録されるため、これまで手作業に費やしていた時間を短縮できます。
- 手作業によるデータ転記がなくなることで、入力間違いや登録漏れといったヒューマンエラーのリスクを軽減し、データの一貫性を保つことに繋がります。
■フローボットの流れ
- はじめに、ShopifyとSalesforceをYoomと連携します。
- 次に、トリガーでShopifyを選択し、「顧客情報が作成されたら（Webhook）」というアクションを設定します。
- 続いて、オペレーションでSalesforceを選択し、「レコードを追加する」アクションを設定して、Shopifyから取得した顧客情報をマッピングします。
- 最後に、オペレーションでShopifyの「顧客情報を更新」アクションを設定し、例えばSalesforceへ連携済みである旨のタグを付与するなど、処理ステータスを管理します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Salesforceの「レコードを追加する」オペレーションでは、トリガーで取得したShopifyの顧客情報（氏名、メールアドレス、住所など）を、Salesforceのリード情報の各項目に変数として設定することが可能です。
- Shopifyの「顧客情報を更新する」オペレーションでは、Salesforceへの連携が完了したことを示すタグを付与するなど、業務に合わせた更新内容を自由に設定できます。
■注意事項
- ShopifyとSalesforceのそれぞれとYoomを連携してください。
- ShopifyとSalesforceはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
ecforceで商品が登録されたらShopifyにも追加する
試してみる
■概要
ecforceで商品を登録した後、Shopifyにも同じ内容を手作業で入力していませんか。複数のECサイトを運営していると、商品登録の二度手間や、情報の転記ミスが発生しやすくなります。このワークフローを活用すれば、ecforceに商品情報を登録するだけで、Shopifyにも自動で商品が追加されるため、ECサイト間の商品登録業務を効率化し、ミスなく迅速に商品を展開できます。
■このテンプレートをおすすめする方
- ecforceとShopifyの両方で商品を販売しており、登録作業に手間を感じている方
- 複数のECサイトの商品情報を常に同期させ、管理を効率化したいEC担当者の方
- 商品登録時の入力ミスや反映漏れを防ぎ、業務の正確性を高めたいと考えている方
■このテンプレートを使うメリット
- ecforceへの商品登録をトリガーに、Shopifyへも自動で商品が追加されるため、二重入力の手間を省き、作業時間を短縮できます。
- 手作業でのデータ転記が不要になることで、商品名や価格の入力間違い、登録漏れといったヒューマンエラーの防止に繋がります。
■フローボットの流れ
- はじめに、ecforceとShopifyをYoomと連携します。
- 次に、トリガーでecforceを選択し、「商品情報が登録されたら」というアクションを設定します。
- 次に、ecforceの「商品情報を取得する」アクションを設定し、トリガーで取得したIDをもとに商品の詳細情報を取得します。
- 最後に、Shopifyの「商品を追加する」アクションを設定し、ecforceで取得した情報を紐付けて商品を追加します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Shopifyに商品を追加する際、ecforceから取得した情報（商品名、価格、説明文など）をどの項目に反映させるか、自由にマッピング設定が可能です。
- 商品ステータスやタグ、在庫情報など、Shopify側で設定する詳細な商品内容を任意で指定、または固定値として設定できます。
■注意事項
- ecforce、ShopifyのそれぞれとYoomを連携してください。
- ecforce、Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
Notionで商品情報が追加されたら、DeepLで翻訳しShopifyに反映する
試してみる
■概要
Notionで管理している商品情報を、海外向けにShopifyで販売する際、手作業で翻訳し登録していませんか？この作業は時間もかかり、コピー＆ペーストによるミスの原因にもなりがちです。このワークフローを活用すれば、Notionに商品情報を追加するだけで、DeepLによる翻訳からShopifyへの情報反映までを自動化でき、ECサイトの多言語対応を効率化することが可能です。
■このテンプレートをおすすめする方
- NotionとShopifyで商品を管理し、多言語対応の手作業に課題を感じているEC担当者の方
- 手作業での翻訳やデータ入力によるミスをなくし、商品登録の品質を向上させたい方
- 海外展開を視野に入れ、商品情報の翻訳と登録プロセスを効率化したいと考えている方
■このテンプレートを使うメリット
- Notionに情報を追加するだけでDeepLでの翻訳やShopifyへの反映が自動で行われるため、手作業での登録にかかる時間を短縮できます。
- 手作業による翻訳内容の転記ミスや、商品情報の入力漏れといったヒューマンエラーを防ぎ、登録情報の正確性を保ちます。
■フローボットの流れ
- はじめに、Notion、DeepL、ShopifyをYoomと連携します。
- 次に、トリガーでNotionを選択し、「特定のデータソースのページが作成・更新されたら」というアクションを設定します。
- 次に、オペレーションでNotionの「レコードを取得する（ID検索）」アクションを設定し、トリガーで反応したページの情報を取得します。
- 次に、オペレーションで「分岐機能」を設定し、特定の条件に基づいて後続の処理を実行するかどうかを判断させます。
- 次に、オペレーションでDeepL APIの「テキストを翻訳」アクションを設定し、Notionから取得した商品情報を翻訳します。
- 最後に、オペレーションでShopifyの「商品情報を更新」アクションを設定し、翻訳された情報を該当の商品ページに反映させます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Notionのトリガー設定では、フローを起動する対象のデータソースIDや、更新をチェックする間隔を任意で設定してください。
- Notionのレコード取得設定では、情報を取得したいデータソースIDと、対象となるレコードの条件を任意で設定できます。
- 分岐機能では、Notionから取得した情報をもとに、翻訳や更新処理に進むための条件を自由にカスタマイズできます。
- DeepL APIでの翻訳設定では、翻訳したいテキスト項目と、翻訳後の言語を任意で指定してください。
- Shopifyの商品情報更新設定では、更新対象の商品IDと、翻訳したテキストを反映させる商品説明などを指定できます。
■注意事項
- Notion、DeepL、ShopifyのそれぞれとYoomを連携してください。
- 分岐はミニプラン以上、Shopifyとの連携はチームプラン・サクセスプランでのみご利用いただけます。その他のプランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
- ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
Webflowを使った便利な自動化例
フォームアプリと連携することで、送信された回答をもとにWebflowにアイテムを自動で作成できます。
手作業による入力業務を削減し、人為的ミスを削減できる便利なテンプレートのため、ぜひ試してみてください！
Googleカレンダーの予定をもとにコンテンツを生成し、Webflowのコレクションにアイテムを自動追加する
試してみる
■概要
Googleカレンダーに登録したイベントやタスクの情報を、手作業でWebflowのCMSアイテムとして登録する作業に手間を感じていませんか？
また、予定に基づいてコンテンツを作成する際、毎回内容を考えるのが負担になることもあるかもしれません。
このワークフローを活用すれば、Googleカレンダーに新しい予定が作成されると、その情報を基にAIがコンテンツを生成します。
さらに、Webflowのコレクションへ自動でアイテムを追加するため、コンテンツ公開までのプロセスを効率化できます。
■このテンプレートをおすすめする方
- Googleカレンダーでスケジュール管理し、Webflowでコンテンツを公開している方
- 手作業での情報入力やコンテンツ作成に時間を費やし、業務効率化を目指している方
- Googleカレンダーの予定に基づいたコンテンツ作成とWebflowへの公開作業を自動化したい方
■このテンプレートを使うメリット
- Googleカレンダーに予定を登録するだけで、AIによるコンテンツ生成からWebflowへのアイテム追加までが自動化され、手作業の時間を削減できます。
- 手動でのデータ入力やコンテンツ作成に伴う誤字脱字、情報抜けといったヒューマンエラーを防ぎ、コンテンツの品質維持に貢献します。
■フローボットの流れ
- はじめに、GoogleカレンダーとWebflowをYoomと連携します。
- トリガーでGoogleカレンダーの「予定が作成されたら」というアクションを選択し、指定したカレンダーに新しい予定が追加されるとフローボットが起動するように設定します。
- 次に、「テキストを生成する」アクションを選択し、Googleカレンダーから取得した予定のタイトルや詳細情報を基に、Webflowに登録するコンテンツ内容をAIに生成させます。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定します。前段のAI機能で生成されたテキストや、Googleカレンダーの情報をWebflowの指定したコレクションに新しいアイテムとして追加します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- AI機能の「テキストを生成する」アクションでは、Googleカレンダーから取得した予定のタイトル、説明、日時などの情報を変数としてプロンプトに組み込むことができます。
- Webflowの「コレクションにアイテムを追加」アクションでは、AIが生成したテキストやGoogleカレンダーから取得した情報を、Webflowのコレクションフィールド（例：記事タイトル、本文、公開日など）に引用できます。
■注意事項
- Googleカレンダー、WebflowのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
Jotformの回答内容でWebflowのコレクションにアイテムを追加する
試してみる
■概要
Jotformで集めたアンケートや申し込み情報を、一つひとつWebflowのCMSにコピー＆ペーストしていませんか？
こうした手作業は時間がかかるだけでなく、入力ミスなどのヒューマンエラーの原因にもなります。
このワークフローを利用すれば、Jotformのフォームが送信されると、その内容が自動でWebflowのコレクションに追加されるため、データ連携の工数を削減し、正確性を高めることができます。
■このテンプレートをおすすめする方
- Jotformで集めた情報をWebflowでコンテンツとして公開しているWeb担当者の方
- 手作業でのデータ移行に非効率を感じ、自動化による業務改善を目指している方
- フォームからのリード情報を迅速かつ正確にWebサイトへ反映させたいマーケティング担当の方
■このテンプレートを使うメリット
- Jotformへの回答後、自動でWebflowにアイテムが追加されるため、手作業での転記にかかる時間を削減できます。
- 手作業によるデータのコピー＆ペーストが不要になるため、入力ミスや反映漏れといったヒューマンエラーを防ぎます。
■フローボットの流れ
- はじめに、JotformとWebflowをYoomと連携します。
- 次に、トリガーでJotformを選択し、「フォームが送信されたら」というアクションを設定します。
- 次に、オペレーションでJotformの「最新の回答を取得する」アクションを設定し、送信されたフォームの内容を取得します。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、取得した回答内容を連携します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowで「コレクションにアイテムを追加」アクションを設定する際、アイテムを追加したいサイトIDとコレクションIDを任意で設定してください。
- Jotformから取得した回答内容を、Webflowのどのフィールドに紐付けるか、フィールド情報を任意でマッピング設定してください。
■注意事項
- JotformとWebflowのそれぞれとYoomを連携してください。
- JotformのWebhook設定方法については下記をご覧ください。
https://intercom.help/yoom/ja/articles/8105581
Webflowのフォームが送信されたらMicrosoft Excelに追加する
試してみる
■概要
Webflowのフォームが送信されたらMicrosoft Excelに追加するフローです。
■このテンプレートをおすすめする方
1.Webflowを導入してWebサイトの運営を行っている方
・問い合わせやリード情報の管理を自動化したい方
・Webflowで自社サイトの運営をしている企業
2.Microsoft Excelで情報管理をしている方
・Microsoft Excelでフォーム内容の一元管理をしている方
・フォーム内容の追加を自動化したい方
■このテンプレートを使うメリット
Webflowのフォームを利用することで、問い合わせやリード情報の収集を効率的に行うことができますが、毎回Webflowにログインして確認するのは手間です。
また、フォーム内容を管理するためにMicrosoft Excelに手動で追加している場合、誤入力や入力漏れが発生する可能性があります。
Microsoft Excelへのフォーム内容の追加を自動化したい方に、このテンプレートは適しています。
Webflowのフォーム内容が自動でMicrosoft Excelに追加されるため、毎回Webflowにログインする手間が不要となり、業務の効率化を図ることができます。
また、データ入力が自動化されることで、正確なデータがMicrosoft Excelに反映されるようになり、データの正確性を保つことができます。
■注意事項
・Webflow、Microsoft ExcelのそれぞれとYoomを連携してください。
・Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
Webflowでアイテムが公開されたら、テキストを抽出してHubSpotで製品を作成する
試してみる
■概要
Webflowで新しい製品やコンテンツのアイテムを公開した後、HubSpotにその情報を手作業で登録するのは手間がかかり、転記ミスが発生する原因にもなりかねません。このワークフローを活用することで、WebflowとHubSpotの連携を自動化し、Webflowでアイテムが公開されると、その内容からテキストを抽出し、HubSpotに製品として自動で作成します。これにより、データ入力の手間を省き、正確な情報管理を実現できます。
■このテンプレートをおすすめする方
- WebflowとHubSpotを併用し、製品情報の手動登録に課題を感じている方
- サイトのアイテム公開とCRMの製品登録の連携を自動化したいマーケティング担当者の方
- WebflowからHubSpotへのデータ入力ミスを防ぎ、業務の正確性を高めたい方
■このテンプレートを使うメリット
- Webflowでのアイテム公開を起点にHubSpotへ製品が自動登録されるため、手作業の時間を削減し、本来の業務に集中できます。
- 手動でのデータ転記が不要になることで、入力情報の誤りや登録漏れといったヒューマンエラーを防ぎ、データの整合性を保ちます。
■フローボットの流れ
- はじめに、HubSpotとWebflowをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
- 続いて、オペレーションでテキスト抽出機能を選択し、Webflowから取得した情報から必要なテキストを抽出します。
- 最後に、オペレーションでHubSpotを選択し、「製品を作成」アクションを設定して、抽出した情報を基に製品データを作成します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowから取得したアイテム情報のうち、HubSpotに登録したい情報をテキスト抽出オペレーションで任意に設定してください。
- HubSpotで製品を作成する際に、前のステップで抽出したテキスト情報や、その他固定値などを組み合わせて製品情報を設定してください。
■注意事項
Webflowでアイテムが公開されたら、テキストを抽出してMailchimpでキャンペーンにコンテンツを追加する
試してみる
■概要
Webflowで新しいコンテンツを公開するたびに、その内容をコピーしてMailchimpのキャンペーンに手動で設定していませんか。この反復作業は手間がかかるだけでなく、転記ミスなどのヒューマンエラーを引き起こす原因にもなり得ます。このワークフローを活用すれば、WebflowとMailchimpをスムーズに連携でき、Webflowでアイテムが公開されたタイミングで、自動でMailchimpのキャンペーンにコンテンツが追加されるため、こうした課題を解消し、コンテンツ配信業務の効率化を実現します。
■このテンプレートをおすすめする方
- Webflowで公開したコンテンツをMailchimpで配信しており、手作業での転記に手間を感じている方
- MailchimpとWebflowを連携し、コンテンツマーケティングの運用をより効率化したいと考えている方
- 手作業による情報更新でのミスをなくし、コンテンツ配信の品質を安定させたいマーケティング担当者の方
■このテンプレートを使うメリット
- Webflowでのアイテム公開をトリガーに、Mailchimpへのコンテンツ追加が自動で実行されるため、これまで手作業で行っていた転記業務の時間を短縮できます。
- MailchimpとWebflow間のシステム連携によって手作業をなくすことで、コピー＆ペースト時の入力間違いや情報更新の漏れといったヒューマンエラーを防止します。
■フローボットの流れ
- はじめに、MailchimpとWebflowをYoomと連携します
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します
- 続いて、オペレーションでテキスト抽出機能を選択し、「テキスト抽出」アクションでWebflowから取得した情報から必要なテキストを抽出します
- 最後に、オペレーションでMailchimpの「キャンペーンにコンテンツを追加（Plain-textメール）」アクションを設定し、抽出したテキスト情報を紐付けます
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- テキスト抽出のオペレーションにて、Webflowのアイテムから抽出したい項目を任意で設定してください。
- Mailchimpにコンテンツを追加するアクションでは、事前のアクションで取得した値や任意のテキストを活用して、キャンペーンの内容を設定してください。
■注意事項
まとめ
ShopifyとWebflowの連携を自動化することで、これまでECサイトとWebサイトで個別に行っていた商品情報の登録作業を削減し、手作業によるミスを防ぐことができます。
これにより、担当者は情報更新のたびに発生する定型業務から解放され、より付加価値の高いマーケティング施策やコンテンツ企画に集中できる環境が整うはずです！
今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも、直感的な操作で簡単に業務フローを構築できます。
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらの登録フォームから無料登録して、Yoomによる業務効率化を体験してみてください！
よくあるご質問
Q：連携が失敗した場合、通知はどうなりますか？
A：自動化が失敗した場合、Yoomに登録したメールアドレスに通知が届きます。
また、エラー時の対応方法については、こちらをご覧ください。
Q：連携はリアルタイムで行われますか？
A：解説したテンプレートは、Webhookを利用しているため、商品情報をリアルタイムでWebflowに連携できます。
そのため、異なるツール間で、最新の情報をタイムラグなしで確認できます。
Webhookを使ったトリガーの詳細については、こちらをご確認ください。
Q：Shopifyで「下書き」の商品も連携されてしまいますか？
A：今回紹介したフローでは下書きの商品を登録した際もWebflowでアイテムが作成されます。
解決策として、トリガーアクションの「商品情報が作成されたら（Webhook）」の後に「分岐」機能を設定し、ステータスが「アクティブ」の時にのみWebflowのアイテム作成を行うようにすることができます。
「分岐」についてはこちらをご確認ください。
