Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する
試してみる
■概要
Webflowで作成したブログ記事やニュースなどのコンテンツを、WordPressで運用しているサイトにも掲載するため、都度手作業でコピー＆ペーストをしていませんか。
この作業は手間がかかるだけでなく、転記ミスや更新漏れの原因にもなりがちです。
このワークフローは、WebflowとWordPressを連携させることで、Webflowで新しいアイテムが作成された際に、その内容を元にWordPressへ自動で新規投稿を作成します。コンテンツ管理の二度手間を解消し、業務を効率化します。
■このテンプレートをおすすめする方
- WebflowとWordPressの両方でコンテンツを管理しており、二重入力の手間を省きたいWeb担当者の方
- Webflowで作成したCMSアイテムを、WordPressサイトへ迅速かつ正確に反映させたい方
- 手作業によるコンテンツの転記ミスを防ぎ、更新作業の属人化を解消したいと考えているチームリーダーの方
■このテンプレートを使うメリット
- Webflowでアイテムを作成するだけでWordPressへの投稿が自動で完了するため、コピー＆ペーストなどの転記作業にかかっていた時間を短縮できます。
- 人の手によるデータ転記が不要になるため、タイトルや本文の内容間違い、投稿漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、WebflowとWordPressをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでWordPressを選択し、「新規投稿を作成」アクションを設定し、トリガーで取得したWebflowのアイテム情報を紐付けます。
■このワークフローのカスタムポイント
- WordPressで新規投稿を作成するアクションでは、投稿のタイトルや本文、抜粋などの項目を設定する際に、Webflowから取得した値を動的に埋め込むことが可能です。
- 投稿ステータス（公開、下書きなど）やカテゴリ、タグといった項目に、特定の値を固定で設定することもできます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■注意事項
- Webflow、WordPressのそれぞれとYoomを連携してください。
とにかく早く試したい方へ
YoomにはWebflowでアイテムが作成されたら、WordPressで新規投稿を作成する連携のテンプレートが用意されています。
今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する
試してみる
■概要
Webflowで作成したブログ記事やニュースなどのコンテンツを、WordPressで運用しているサイトにも掲載するため、都度手作業でコピー＆ペーストをしていませんか。
この作業は手間がかかるだけでなく、転記ミスや更新漏れの原因にもなりがちです。
このワークフローは、WebflowとWordPressを連携させることで、Webflowで新しいアイテムが作成された際に、その内容を元にWordPressへ自動で新規投稿を作成します。コンテンツ管理の二度手間を解消し、業務を効率化します。
■このテンプレートをおすすめする方
- WebflowとWordPressの両方でコンテンツを管理しており、二重入力の手間を省きたいWeb担当者の方
- Webflowで作成したCMSアイテムを、WordPressサイトへ迅速かつ正確に反映させたい方
- 手作業によるコンテンツの転記ミスを防ぎ、更新作業の属人化を解消したいと考えているチームリーダーの方
■このテンプレートを使うメリット
- Webflowでアイテムを作成するだけでWordPressへの投稿が自動で完了するため、コピー＆ペーストなどの転記作業にかかっていた時間を短縮できます。
- 人の手によるデータ転記が不要になるため、タイトルや本文の内容間違い、投稿漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、WebflowとWordPressをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでWordPressを選択し、「新規投稿を作成」アクションを設定し、トリガーで取得したWebflowのアイテム情報を紐付けます。
■このワークフローのカスタムポイント
- WordPressで新規投稿を作成するアクションでは、投稿のタイトルや本文、抜粋などの項目を設定する際に、Webflowから取得した値を動的に埋め込むことが可能です。
- 投稿ステータス（公開、下書きなど）やカテゴリ、タグといった項目に、特定の値を固定で設定することもできます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■注意事項
- Webflow、WordPressのそれぞれとYoomを連携してください。
「Webflowで管理しているCMSアイテムを、Wordpressサイトにも効率的に反映させたい！」
「新しいアイテムを追加するたびに、手動でWordpressに投稿を作成するのは手間がかかるし、コピー＆ペーストのミスも心配…」
このように、WebflowとWordpress間でのコンテンツ連携作業に、非効率さや煩わしさを感じていませんか？
もし、Webflowに新しいアイテムが作成されたら、その内容を自動的にWordpressに投稿として作成する仕組みがあれば、こうした定型作業を削減できます。
その結果、より創造的なコンテンツ企画やサイト分析といった重要な業務に集中できる時間を生み出すことができるかもしれません。
今回ご紹介する自動化は、プログラミングの知識がなくてもノーコードで簡単に設定可能です。
手間や時間もかからないので、ぜひこの機会に導入して日々の業務をもっと楽にしましょう！
WebflowとWordpressを連携してできること
WebflowとWordpressのAPIを連携させれば、手動で行っていた両ツール間のデータ転記作業をなくし、様々な業務を自動化できます。
例えば、Webflowに新しいアイテムが追加されたら、その情報を基にWordpressへ自動で投稿を作成したり、Webflow側でステータスが変更されたら、Wordpressの投稿ステータスも更新することが可能になります。
ここでは具体的な自動化の例を複数ご紹介しますので、気になる内容があれば、ぜひクリックしてみてください！
Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する
Webflowで新しいブログ記事やニュースなどのCMSアイテムを作成・公開するだけで、その内容を自動的にWordpressに新規投稿として作成することが可能です。
コンテンツの二重入力の手間を完全に排除し、複数サイトへの情報展開を迅速かつ正確に行うことができます。
Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する
試してみる
■概要
Webflowで作成したブログ記事やニュースなどのコンテンツを、WordPressで運用しているサイトにも掲載するため、都度手作業でコピー＆ペーストをしていませんか。
この作業は手間がかかるだけでなく、転記ミスや更新漏れの原因にもなりがちです。
このワークフローは、WebflowとWordPressを連携させることで、Webflowで新しいアイテムが作成された際に、その内容を元にWordPressへ自動で新規投稿を作成します。コンテンツ管理の二度手間を解消し、業務を効率化します。
■このテンプレートをおすすめする方
- WebflowとWordPressの両方でコンテンツを管理しており、二重入力の手間を省きたいWeb担当者の方
- Webflowで作成したCMSアイテムを、WordPressサイトへ迅速かつ正確に反映させたい方
- 手作業によるコンテンツの転記ミスを防ぎ、更新作業の属人化を解消したいと考えているチームリーダーの方
■このテンプレートを使うメリット
- Webflowでアイテムを作成するだけでWordPressへの投稿が自動で完了するため、コピー＆ペーストなどの転記作業にかかっていた時間を短縮できます。
- 人の手によるデータ転記が不要になるため、タイトルや本文の内容間違い、投稿漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、WebflowとWordPressをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでWordPressを選択し、「新規投稿を作成」アクションを設定し、トリガーで取得したWebflowのアイテム情報を紐付けます。
■このワークフローのカスタムポイント
- WordPressで新規投稿を作成するアクションでは、投稿のタイトルや本文、抜粋などの項目を設定する際に、Webflowから取得した値を動的に埋め込むことが可能です。
- 投稿ステータス（公開、下書きなど）やカテゴリ、タグといった項目に、特定の値を固定で設定することもできます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■注意事項
- Webflow、WordPressのそれぞれとYoomを連携してください。
Webflowでアイテムが非公開になったら、WordPressで関連の投稿を非公開に更新する
Webflow側で特定のCMSアイテムを非公開にしたら、Wordpress上の対応する投稿も自動で非公開に更新することが可能です。
これにより、手動での更新作業が不要になり、サイト間での情報ステータスの一貫性を常に保つことができます。
Webflowでアイテムが非公開になったら、WordPressで関連の投稿を非公開に更新する
試してみる
■概要
WebflowとWordPressを併用してWebサイトを運営する際、コンテンツの公開ステータス管理に手間を感じていませんか。
片方で記事を非公開にした後、もう片方で手動で更新するのは面倒な上、更新漏れのリスクも伴います。
このワークフローを活用すれば、Webflowでアイテムを非公開にするだけで、関連するWordPressの投稿が自動で非公開に更新されるため、二重管理の手間やヒューマンエラーを解消し、効率的なサイト運用を実現します。
■このテンプレートをおすすめする方
- WebflowとWordPressを連携させ、コンテンツ管理を効率化したいWeb担当者の方
- 両CMS間での手作業による更新作業に時間を費やしており、ミスを減らしたい方
- Webサイトの運用フローを自動化し、コンテンツ制作などのコア業務に集中したい方
■このテンプレートを使うメリット
- Webflowでの更新がWordPressに自動で反映されるため、手作業での更新作業にかかっていた時間を短縮し、迅速なコンテンツ管理が可能になります
- 手動での更新作業が不要になることで、更新漏れや誤った投稿を非公開にしてしまうといったヒューマンエラーの防止に繋がります
■フローボットの流れ
- はじめに、WebflowとWordPressをYoomと連携します
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが非公開になったら」というアクションを設定して、監視対象のコレクションを指定します
- 次に、オペレーションでWordPressの「投稿を検索」アクションを設定し、非公開になったWebflowのアイテム情報をもとに関連する投稿を検索します
- 検索結果が複数件ある可能性を考慮し、「繰り返し機能」を用いて、見つかった全ての投稿に対して処理を行うように設定します
- 最後に、オペレーションでWordPressの「投稿を更新」アクションを設定し、検索で見つかった投稿を非公開ステータスに更新します
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- WordPressで投稿を更新する際に、ステータスを「非公開」にするか「下書き」にするかなど、更新内容を任意で設定することが可能です
- 「投稿を更新」のアクションでは、更新対象の投稿IDなどを、前段の「投稿を検索」アクションで取得した値を変数として設定する必要があります
■注意事項
- Webflow、WordPressのそれぞれとYoomを連携してください。
- 「同じ処理を繰り返す」オペレーション間の操作は、チームプラン・サクセスプランでのみご利用いただける機能となっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
WebflowとWordpressの連携フローを作ってみよう
それでは、さっそく実際にWebflowとWordpressを連携したフローを作成してみましょう！
今回はYoomを使用して、ノーコードでWebflowとWordpressの連携を進めていきます。
もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
フローの作成方法
今回は「Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する」フローを作成していきます！
作成の流れは大きく分けて以下です。
- WebflowとWordpressのマイアプリ連携
- 該当のテンプレートをコピーする
- Webflowのトリガー設定とWordpressのアクション設定
- トリガーをONにして、フローが起動するかを確認する
Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する
試してみる
■概要
Webflowで作成したブログ記事やニュースなどのコンテンツを、WordPressで運用しているサイトにも掲載するため、都度手作業でコピー＆ペーストをしていませんか。
この作業は手間がかかるだけでなく、転記ミスや更新漏れの原因にもなりがちです。
このワークフローは、WebflowとWordPressを連携させることで、Webflowで新しいアイテムが作成された際に、その内容を元にWordPressへ自動で新規投稿を作成します。コンテンツ管理の二度手間を解消し、業務を効率化します。
■このテンプレートをおすすめする方
- WebflowとWordPressの両方でコンテンツを管理しており、二重入力の手間を省きたいWeb担当者の方
- Webflowで作成したCMSアイテムを、WordPressサイトへ迅速かつ正確に反映させたい方
- 手作業によるコンテンツの転記ミスを防ぎ、更新作業の属人化を解消したいと考えているチームリーダーの方
■このテンプレートを使うメリット
- Webflowでアイテムを作成するだけでWordPressへの投稿が自動で完了するため、コピー＆ペーストなどの転記作業にかかっていた時間を短縮できます。
- 人の手によるデータ転記が不要になるため、タイトルや本文の内容間違い、投稿漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、WebflowとWordPressをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでWordPressを選択し、「新規投稿を作成」アクションを設定し、トリガーで取得したWebflowのアイテム情報を紐付けます。
■このワークフローのカスタムポイント
- WordPressで新規投稿を作成するアクションでは、投稿のタイトルや本文、抜粋などの項目を設定する際に、Webflowから取得した値を動的に埋め込むことが可能です。
- 投稿ステータス（公開、下書きなど）やカテゴリ、タグといった項目に、特定の値を固定で設定することもできます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■注意事項
- Webflow、WordPressのそれぞれとYoomを連携してください。
ステップ1:WebflowとWordpressのマイアプリ連携
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。
1.Webflowの登録方法
Yoomにログインすると、左側に表示されるマイアプリを選択します。
「＋新規接続」ボタンが表示されるので、クリックしWebflowと検索してください。
Webflowの新規登録画面が表示されるので、注釈を確認しながら「アカウント名」と「アクセストークン」を入力しましょう。
入力できたら「追加」ボタンをクリックし、Webflowのマイアプリ連携完了です！
2.Wordpressの登録方法
続いて、Wordpressの連携を行います！
マイアプリ画面で「新規接続」をクリックしたらWordpressを検索してください。
WordPresのs新規登録画面が表示されます。
「アカウント名」「ドメイン」「ユーザー名」「パスワード」を注意書きをよく読んだ上で、入力していきましょう。
入力が完了したら「追加」をクリックしWordPressの連携完了です！
ステップ2:テンプレートのコピー
さっそく、フロー作成を始めてみましょう！
Yoomには便利なテンプレートが用意されているので、初めてでもスムーズに自動化を始められます。
まずは、画面下部のバナーにある「試してみる」ボタンをクリックしてください。
Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する
試してみる
■概要
Webflowで作成したブログ記事やニュースなどのコンテンツを、WordPressで運用しているサイトにも掲載するため、都度手作業でコピー＆ペーストをしていませんか。
この作業は手間がかかるだけでなく、転記ミスや更新漏れの原因にもなりがちです。
このワークフローは、WebflowとWordPressを連携させることで、Webflowで新しいアイテムが作成された際に、その内容を元にWordPressへ自動で新規投稿を作成します。コンテンツ管理の二度手間を解消し、業務を効率化します。
■このテンプレートをおすすめする方
- WebflowとWordPressの両方でコンテンツを管理しており、二重入力の手間を省きたいWeb担当者の方
- Webflowで作成したCMSアイテムを、WordPressサイトへ迅速かつ正確に反映させたい方
- 手作業によるコンテンツの転記ミスを防ぎ、更新作業の属人化を解消したいと考えているチームリーダーの方
■このテンプレートを使うメリット
- Webflowでアイテムを作成するだけでWordPressへの投稿が自動で完了するため、コピー＆ペーストなどの転記作業にかかっていた時間を短縮できます。
- 人の手によるデータ転記が不要になるため、タイトルや本文の内容間違い、投稿漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、WebflowとWordPressをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでWordPressを選択し、「新規投稿を作成」アクションを設定し、トリガーで取得したWebflowのアイテム情報を紐付けます。
■このワークフローのカスタムポイント
- WordPressで新規投稿を作成するアクションでは、投稿のタイトルや本文、抜粋などの項目を設定する際に、Webflowから取得した値を動的に埋め込むことが可能です。
- 投稿ステータス（公開、下書きなど）やカテゴリ、タグといった項目に、特定の値を固定で設定することもできます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■注意事項
- Webflow、WordPressのそれぞれとYoomを連携してください。
テンプレートのコピーが完了しました！
続いて、「OK」ボタンをクリックして、設定を始めましょう。
ステップ3:Webflowでコレクションにアイテムが作成されたら起動するトリガーの設定
まずは、「コレクションのアイテムが作成されたら」という項目の設定方法を説明します！
次の画面は自動で設定が反映されます。
確認できたら、そのまま次のページに進んでください。
次のページでは、使用したいサイトIDを選択しWebhookURLの登録を行います。
枠内をクリックし、表示された候補から任意で選択してください。
設定できたら「WebhookURLを登録」をクリックし、成功したら次のページに進みましょう。
続いて、先ほど設定したWebhookの受信設定を行います。
Webflowの画面に移行し、テスト用のコレクションのアイテムを作成してください。
作成が完了したら、再びYoomの画面に戻って、「テスト」ボタンをクリックします。
テストが成功したら、先ほど登録したコレクションのアイテムの情報が取得した値（アウトプット）に表示されるので、確認し「保存する」ボタンを押しましょう。
ここで取得した値は、次のステップで活用することができますよ！
アウトプットについて | Yoomヘルプセンター
ステップ4:WordPressに新規投稿を作成する
次に、「新規投稿を作成」という項目の設定方法を紹介します。
アカウント情報が正しく取得されているのを確認後、次のページに進みましょう。
スラッグは、下記画像の通り設定されているのでこのままにしましょう。
このように設定することで、Webflowに作成したアイテムのスラッグを取得し、Wordpressのスラッグに自動で反映できます。
ステータスは、用途に応じでプルダウンより選択してください。
内容を確認してから投稿したい場合、下書き保存などにしておくといいですね。
タイトルもWebflowのアイテム名を自動で反映できるように設定されているので、このままにしてください。
その他の項目は、必要に応じて設定しましょう！
ここまでの設定が完了したら、「テスト」ボタンをクリックします。
テストが成功すると、Wordpressに新規投稿が作成されるので確認してください。
確認できたら「保存する」ボタンを押して設定完了です。
ステップ5:トリガーをONにする
これで「Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する」フローの完成です！
「トリガーをON」ボタンをクリックして、フローが正しく動作するか確認してみましょう。
WordpressのデータをWebflowに連携したい場合
今回はWebflowからWordpressへデータを連携する方法をご紹介しました。
逆にWordpressからWebflowへのデータ連携を実施したい場合は、下記のテンプレートも併せてご利用ください。
Wordpressをメインのコンテンツ管理ツールとして利用している場合に特に便利です。
Wordpressで投稿が公開されたら、Webflowにアイテムを追加する
Wordpressで新しい投稿を公開すると、その内容を自動的にWebflowのCMSコレクションに新しいアイテムとして追加できます。
Wordpressを起点としたコンテンツ管理フローを維持したまま、Webflowサイトへの情報展開を自動化することが可能です。
Wordpressで投稿が公開されたら、Webflowにアイテムを追加する
試してみる
■概要
WordPressとWebflowの両方でサイトを運営していると、コンテンツの二重投稿や管理に手間を感じることはありませんか。
特に、WordPressで公開した記事を手作業でWebflowに転記している場合、時間もかかりミスも発生しがちです。
このワークフローを活用すれば、WordPressでの投稿公開をきっかけに、Webflowのコレクションへアイテムが自動で追加されるため、こうしたコンテンツ管理の課題を解消し、運用を効率化できます。
■このテンプレートをおすすめする方
- WordPressとWebflowを併用し、コンテンツの二重入力に手間を感じているWeb担当者の方
- WordPressのブログ記事をWebflowサイトに自動で同期し、コンテンツの更新作業を効率化したい方
- ノーコードでWordPressとWebflowを連携させ、サイト運用の自動化を実現したい方
■このテンプレートを使うメリット
- WordPressでの投稿公開後、自動でWebflowにアイテムが追加されるため、これまで手作業で行っていた転記の手間と時間を削減できます
- 手動でのコピー＆ペースト作業がなくなることで、転記ミスや更新漏れといったヒューマンエラーを防ぎ、コンテンツの品質を保つことに繋がります
■フローボットの流れ
- はじめに、WordPressとWebflowをYoomと連携します
- 次に、トリガーでWordPressを選択し、「投稿が公開されたら」というアクションを設定し、投稿の公開をフローの起動条件とします
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、WordPressの投稿内容がWebflowに自動で追加されるように設定します
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowの「コレクションにアイテムを追加」オペレーションでは、アイテムを追加したいコレクションIDを任意で指定してください
- アイテムの各フィールド（名前や本文など）には、トリガーで取得したWordPressの投稿タイトルや内容といった情報を変数として埋め込む設定や、固定値を入力する設定が可能です
■注意事項
- WordPress、WebflowのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
Wordpressで特定の投稿が公開されたら、Webflowにアイテムを追加する
Wordpressで特定のカテゴリやタグを持つ投稿が公開された場合にのみ、その情報をWebflowにアイテムとして追加することができます。
必要な情報だけを選択的にWebflowサイトへ連携し、コンテンツの整理・管理を効率化することが可能です。
Wordpressで特定の投稿が公開されたら、Webflowにアイテムを追加する
試してみる
■概要
WordPressで作成したコンテンツを、Webflowで構築したサイトにも手作業で転記するのは手間がかかり、更新漏れのリスクも伴います。特に二つのプラットフォームを併用している場合、コンテンツ管理の煩雑さは大きな課題となりがちです。
このワークフローを活用すれば、WordPressとWebflowをノーコードで連携させ、投稿の公開をきっかけにWebflowへ自動でアイテムを追加できます。手作業による二重入力をなくし、コンテンツ運用を効率化します。
■このテンプレートをおすすめする方
- WordPressとWebflowを併用し、コンテンツの二重管理に課題を感じているWeb担当者の方
- WordPressで公開した記事や実績を、Webflowサイトへスピーディーに反映させたい方
- WebflowとWordPress間の手作業での連携による、入力ミスや更新漏れを防止したい方
■このテンプレートを使うメリット
- WordPressでの投稿公開後、自動でWebflowにアイテムが追加されるため、これまで手作業での転記に費やしていた時間を短縮できます。
- WebflowとWordPress間での手動連携が不要となり、コピー＆ペーストによる情報の入力ミスや、更新漏れといったヒューマンエラーを防ぎます。
■フローボットの流れ
- はじめに、WordPressとWebflowをYoomと連携します。
- 次に、トリガーでWordPressを選択し、「投稿が公開されたら」というアクションを設定します。
- 次に、オペレーションで分岐機能を設定し、特定の条件（例：特定のカテゴリの投稿のみなど）に合致した場合にのみ後続の処理が実行されるようにします。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、WordPressから取得した投稿のタイトルや本文などを紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowのアイテム追加オペレーションでは、追加先のコレクションやフィールドを任意で設定できます。WordPressの投稿から取得したタイトルや本文といった値を、Webflowの対応する項目に変数として埋め込んだり、特定のフィールドに固定値を入力するなどのカスタムが可能です。
■注意事項
- WordPress、WebflowのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
- 分岐はミニプラン以上のプランでご利用いただける機能（オペレーション）となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
- ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
WebflowやWordPressを使ったその他の自動化例
今回ご紹介した連携以外でも、WebflowやWordPressのAPIを活用してさまざまな業務を自動化することが可能です。
もし気になるものがあればぜひこちらもお試しになってみてください！
Webflowを使った自動化例
注文発生時にデータベースへの自動データ追加を実現します。
また、コンテンツアイテム作成時には他CMSでの新規投稿作成、アイテム削除時にはチャットツールへの通知も可能です。
さらに、フォームの回答や決済サービスでの商品更新をトリガーに、CMSのコンテンツを自動で追加・更新することもできます。
これにより、手動での情報転記や更新の手間を削減し、Webサイト運営とコンテンツ管理の効率も向上するでしょう。
Webflowで注文が発生したらGoogleスプレッドシートに追加する
試してみる
■概要
Webflowで注文が発生したらGoogleスプレッドシートに追加するフローです。
■このテンプレートをおすすめする方
1.WebflowでWebサイトの運営を担当している方
・自社のECサイト運営を担当している方
・WebflowとGoogleスプレッドシートの連携を効率化したい方
2.Google スプレッドシートを利用してデータ管理をしている方
・Google スプレッドシートで商品の在庫管理や受注管理を担当している方
・Webflowからの注文情報を手動でGoogle スプレッドシートに追加している方
■このテンプレートを使うメリット
Webflowからの注文情報をGoogle スプレッドシートで管理している場合、手動による追加作業は手間です。
また、Webflowからの注文発生後にスピーディーな対応が求められる場合、手動作業は非効率的で時間がかかります。
このテンプレートは、Webflowで注文が発生すると自動でGoogle スプレッドシートに追加することができるため、注文情報の追加作業を効率化することができます。
Google スプレッドシートへの注文情報の追加がスピーディーになることで、在庫管理や受注管理の業務をスムーズに進めることが可能です。
注文情報の入力ミスや転機漏れも低減するため、データの確認や分析業務が楽になります。
■注意事項
・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。
Typeformの回答内容でWebflowのコレクションにアイテムを追加する
試してみる
■概要
Typeformで収集したアンケート回答やお問い合わせ内容を、Webflowで作成したWebサイトのCMSに手作業で転記していませんか。この作業は時間がかかるだけでなく、コピー＆ペーストのミスも起こりがちです。このワークフローを活用すれば、Typeformのフォームが送信されると、その内容が自動でWebflowのコレクションアイテムとして追加されるため、こうした課題を解消し、迅速なコンテンツ更新を実現します。
■このテンプレートをおすすめする方
- Typeformで収集した顧客の声や事例をWebflowサイトに掲載している方
- 手作業によるデータ転記に時間を取られ、本来の業務に集中できていない方
- Webサイトへのコンテンツ反映を効率化し、情報発信のスピードを上げたい方
■このテンプレートを使うメリット
- Typeformに回答が送信されると、自動でWebflowにアイテムが追加されるため、データ転記にかかっていた作業時間を短縮できます。
- 手作業によるコピー＆ペーストが不要になるため、転記ミスや入力漏れといったヒューマンエラーを防ぎ、データの正確性を保ちます。
■フローボットの流れ
- はじめに、TypeformとWebflowをYoomと連携します。
- 次に、トリガーでフォームトリガー機能を選択し、「フォームが送信されたら」というアクションを設定し、対象のフォームを選択します。
- 最後に、オペレーションでWebflowを選択し、「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容を紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- フォームトリガーの設定で、自動化の対象としたいTypeformのフォームや、取得したい回答項目を任意で設定してください。
- Webflowのアクション設定では、アイテムを追加したい「サイトID」および「コレクションID」を正しく指定する必要があります。
- Typeformの各回答を、Webflowコレクションのどのフィールドに反映させるか、データのマッピングを任意で設定することが可能です。
■注意事項
- TypeformとWebflowのそれぞれとYoomを連携してください。
- トリガーでのアウトプット取得方法は下記を参考にしてください。
https://intercom.help/yoom/ja/articles/9103858
Stripeで商品が更新されたら、Webflowのアイテムも更新する
試してみる
■概要
WebflowとStripeを連携したECサイト運営において、商品情報の同期作業は手間に感じられることも少なくありません。Stripeで商品を更新するたびに、手作業でWebflowの情報を修正するのは時間がかかり、入力ミスの原因にもなり得ます。このワークフローを活用することで、Stripeの商品更新をきっかけにWebflowのアイテム情報を自動で更新し、手作業による更新の手間やヒューマンエラーを減らすことができます。
■このテンプレートをおすすめする方
- WebflowとStripeを連携させ、ECサイトの商品管理を効率化したい方
- Stripeの商品情報を手動でWebflowに反映させているWeb担当者の方
- 商品情報の更新ミスを防ぎ、正確なサイト運営を目指すECサイト運営者の方
■このテンプレートを使うメリット
- Stripeでの商品更新がWebflowに自動で反映されるため、これまで手作業で行っていた二重入力の手間を省き、時間を短縮することができます
- 手作業によるデータ転記が不要になるため、価格や在庫情報の入力間違いといったヒューマンエラーを防ぎ、サイト情報の正確性を保ちます
■フローボットの流れ
- はじめに、StripeとWebflowをYoomと連携します。
- 次に、トリガーでStripeを選択し、「商品が更新されたら」というアクションを設定します。
- 最後に、オペレーションでWebflowの「コレクションのアイテムを更新」アクションを設定し、トリガーで取得した情報をもとに更新内容を指定します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowの「コレクションのアイテムを更新」アクションでは、更新対象となるフィールド情報を任意で設定することができます。例えば、Stripeの価格情報をWebflowの価格フィールドに紐付けるといった設定が可能です。
■注意事項
- Stripe、WebflowのそれぞれとYoomを連携してください。
- Stripeはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
- チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
- Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する
試してみる
■概要
Webflowで作成したブログ記事やニュースなどのコンテンツを、WordPressで運用しているサイトにも掲載するため、都度手作業でコピー＆ペーストをしていませんか。
この作業は手間がかかるだけでなく、転記ミスや更新漏れの原因にもなりがちです。
このワークフローは、WebflowとWordPressを連携させることで、Webflowで新しいアイテムが作成された際に、その内容を元にWordPressへ自動で新規投稿を作成します。コンテンツ管理の二度手間を解消し、業務を効率化します。
■このテンプレートをおすすめする方
- WebflowとWordPressの両方でコンテンツを管理しており、二重入力の手間を省きたいWeb担当者の方
- Webflowで作成したCMSアイテムを、WordPressサイトへ迅速かつ正確に反映させたい方
- 手作業によるコンテンツの転記ミスを防ぎ、更新作業の属人化を解消したいと考えているチームリーダーの方
■このテンプレートを使うメリット
- Webflowでアイテムを作成するだけでWordPressへの投稿が自動で完了するため、コピー＆ペーストなどの転記作業にかかっていた時間を短縮できます。
- 人の手によるデータ転記が不要になるため、タイトルや本文の内容間違い、投稿漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、WebflowとWordPressをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでWordPressを選択し、「新規投稿を作成」アクションを設定し、トリガーで取得したWebflowのアイテム情報を紐付けます。
■このワークフローのカスタムポイント
- WordPressで新規投稿を作成するアクションでは、投稿のタイトルや本文、抜粋などの項目を設定する際に、Webflowから取得した値を動的に埋め込むことが可能です。
- 投稿ステータス（公開、下書きなど）やカテゴリ、タグといった項目に、特定の値を固定で設定することもできます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■注意事項
- Webflow、WordPressのそれぞれとYoomを連携してください。
Webflowでアイテムが削除されたら、Slackに通知する
試してみる
■概要
Webflowで構築したサイトのコンテンツをチームで管理していると、誰がいつどのアイテムを削除したのか把握しきれず、意図しない変更に気づくのが遅れてしまうことはないでしょうか。このワークフローは、そうしたWebサイト運営における情報共有の課題を解決します。Webflowでコレクションのアイテムが削除された際に、その内容を自動でSlackに通知するため、コンテンツの変更履歴をスピーディーに追跡し、サイト管理の透明性を高めることが可能です。
■このテンプレートをおすすめする方
- Webflowで構築したサイトのコンテンツ管理を担当し、変更履歴の把握に課題を感じている方
- チームでWebflowサイトを運用しており、アイテムの削除情報をSlackで迅速に共有したい方
- 手動での確認作業をなくし、WebflowとSlackの連携によってサイト運営を効率化したい方
■このテンプレートを使うメリット
- Webflowでアイテムが削除されると自動でSlackに通知が届くため、手動での確認作業や情報共有の手間を省き、本来の業務に集中できます
- 重要なコンテンツが意図せず削除された場合でも即座に検知できるので、確認漏れといったヒューマンエラーを防ぎ、迅速な対応を可能にします
■フローボットの流れ
- はじめに、WebflowとSlackをYoomと連携します
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが削除されたら」というアクションを設定し、対象のサイトとコレクションを指定します
- 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、削除されたアイテムの情報を指定のチャンネルに通知するように設定します
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Slackのオペレーション設定では、通知を送信したいチャンネルを任意で設定してください
- 通知するメッセージの内容は、トリガーで取得した削除アイテムの情報を含めたり、任意のテキストを追加したりして、自由にカスタマイズが可能です
■注意事項
- Webflow、SlackのそれぞれとYoomを連携してください。
WordPressを使った自動化例
記事公開時のデータベースへデータ追加・新規投稿作成、チャットツールへの自動通知を実現します。
また、コンテンツ更新時のチャットツールへの通知や、Eコマースでの商品情報作成をトリガーとしたコンテンツ管理システムへの投稿自動作成も可能です。
これにより、人的ミスのリスクを低減し、情報発信の迅速化とコンテンツ管理の効率化を両立できそうです。
Notionでステータスが更新されたら、WordPress.orgで新規投稿を作成する
試してみる
■概要
Notionでコンテンツを管理し、WordPress.orgに記事を転記する際に、手間や時間がかかると感じていませんか。
手作業によるコピー＆ペーストでは、転記ミスや公開設定の漏れなどが発生する可能性もあります。
このワークフローを活用することで、Notionデータベースのステータス更新をきっかけに、WordPress.orgへの投稿を自動で行えるようになります。
■このテンプレートをおすすめする方
- Notionで記事を管理し、WordPress.orgに手動で投稿しているコンテンツ担当者の方
- 複数人でのコンテンツ制作フローにおいて、投稿作業の効率化を目指しているメディア運営者の方
- 手作業による転記ミスや公開漏れを防ぎ、コンテンツ公開のプロセスを改善したい方
■このテンプレートを使うメリット
- Notionのステータスを更新するだけでWordPress.orgに自動投稿されるため、手作業で行っていた転記や投稿作業の時間を短縮することができます。
- 内容の間違いや設定の漏れといったヒューマンエラーを防ぎ、コンテンツの品質を保ちます。
■フローボットの流れ
- はじめに、NotionとWordPress.orgをYoomと連携します。
- 次に、トリガーでNotionを選択し、「特定のデータソースのページが作成・更新されたら」というアクションを設定します。
- オペレーションでNotionの「レコードを取得する（ID検索）」を設定し、更新されたページの詳細情報を取得します。
- 「分岐機能」を設定し、取得したページのステータスが「公開」の場合のみ、後続の処理に進むといった条件を指定します。
- Notionの「特定のページのブロック情報を取得」を設定し、ページの本文を取得します。
- 「データ変換機能」を利用して、取得したブロック情報をWordPress.orgで扱える形式に変換します。
- 最後に、オペレーションでWordPressの「新規投稿を作成」を設定し、取得・変換したデータを反映させます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Notionのトリガー設定では、監視の対象としたいデータソースを指定してください。
- Notionのレコード取得アクションでは、対象のデータソースや取得したいレコードの条件を指定してください。
- 分岐機能では、例えばステータスが「公開」になった場合のみ後続の処理を実行するなど、取得した値を用いて実行条件を自由に設定できます。
- WordPress.orgでの投稿作成アクションでは、Notionから取得した値を埋め込み、動的なタイトルやコンテンツ内容を設定できます。
■注意事項
- NotionとWordPress.orgのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
プランによって最短の起動間隔が異なりますので、ご注意ください。 - 分岐はミニプラン以上のプランでご利用いただける機能（オペレーション）となっております。
フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。 - ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリやオペレーションを使用することができます。
Shopifyで商品情報が作成されたら、WordPressの投稿を作成する
試してみる
■概要
「Shopifyで商品情報が作成されたら、WordPressの投稿を作成する」フローは、オンラインショップとブログの連携をスムーズにする業務ワークフローです。
新しい商品をShopifyに登録すると、その情報が自動的にWordPressに投稿されるため、手動での入力作業が不要になります。
これにより、商品紹介やブログ更新が効率化され、ショップ運営にかかる時間を削減できます。
■このテンプレートをおすすめする方
- Shopifyを利用してオンラインショップを運営している方
- WordPressを活用してブログや商品紹介ページを運営している方
- 商品情報の更新作業を自動化して効率化したいと考えている方
- 手動でのデータ入力によるミスを減らしたい方
- 複数のプラットフォームを連携させて一元管理を目指している経営者や担当者の方
■このテンプレートを使うメリット
Shopifyで商品情報が作成されたら、自動的にWordPressの投稿が作成されるため、手動での入力の手間を省けます。
ShopifyとWordPressの連携で、商品情報を登録するとWordPressで投稿されるため、情報の整合性が保たれます。
自動化によって、入力作業におけるヒューマンエラーを防止でき、正確な情報管理が可能です。
WordPressで投稿が公開されたらGoogleスプレッドシートに追加する
試してみる
■概要
WordPressで投稿が公開されたらGoogleスプレッドシートに追加するフローです。
■このテンプレートをおすすめする方
1.WordPressを使用してコンテンツ管理を行う企業
・記事制作を行うコンテンツエディター
・WordPressで公開した記事の管理をする方
2.Googleスプレッドシートを活用している企業
・共有シートを活用して顧客管理の一元管理を行う営業担当
・情報の共有に活用してるチーム
■このテンプレートを使うメリット
WordPressはコンテンツ作成や公開を行い、効率的なプロモーション活動に繋げるために有効的なツールです。
さらにGoogleスプレッドシートで公開したコンテンツの管理を行うことで、他の情報との紐付けがスムーズになります。
しかし、WordPressの情報を都度手入力でGoogleスプレッドシートに追加するのは、業務の標準化を妨げます。
このフローを使用することで、WordPressで投稿が公開されたら即座にGoogleスプレッドシートに登録を行い、情報共有速度を上げることができます。
また引用した情報を活用し入力を行うことで、手入力で起きていた入力ミスを未然に防ぎ、業務を効率化します。
■注意事項
・WordPress、GoogleスプレッドシートのそれぞれとYoomを連携してください。
WordPressで記事が公開されたら、記事内容をpdfにしてDiscordに送る
試してみる
■概要
WordPressで記事を公開した後、内容をPDF化してチームに共有する作業に手間を感じていませんか。特にDiscordなどのチャットツールで共有する場合、毎回手動でファイルをアップロードするのは面倒であり、共有漏れのリスクも伴います。このワークフローを活用すれば、WordPressで記事を公開するだけで、記事内容のPDF化からDiscordへのファイル送信までを自動化し、こうした情報共有に関する課題を解消します。
■このテンプレートをおすすめする方
- WordPressでのコンテンツ公開と、その後の共有作業に手間を感じているメディア担当者の方
- Discordをチームのコミュニケーションツールとして活用し、情報共有を効率化したいと考えている方
- 記事公開後のレビューやアーカイブ作成のプロセスを自動化し、作業漏れを防ぎたいマネージャーの方
■このテンプレートを使うメリット
- WordPressでの記事公開をトリガーに、PDF化から共有までが自動で完結するため、手作業に費やしていた時間を削減できます。
- 手動でのファイル作成ミスや、特定チャンネルへの共有忘れといったヒューマンエラーを防ぎ、確実な情報共有を実現します。
■フローボットの流れ
- はじめに、WordPress、Googleドキュメント、DiscordをそれぞれYoomと連携します。
- 次に、トリガーでWordPressを選択し、「投稿が公開されたら」というアクションを設定し、フローが起動するきっかけを作成します。
- 次に、オペレーションでGoogleドキュメントの「書類を発行する」アクションを設定し、WordPressから取得した記事内容をもとにPDFファイルを作成します。
- 最後に、オペレーションでDiscordの「ファイルを送信」アクションを設定し、作成されたPDFファイルを指定のチャンネルに自動で送信します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Discordでファイルを送信するアクションを設定する際に、通知を送信したいチャンネルを任意で設定してください。
- 送信メッセージには、WordPressのトリガーで取得した記事タイトルやURLといった情報を変数として埋め込むことで、より分かりやすい通知が作成可能です。
■注意事項
- WordPress、Googleドキュメント、DiscordのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
WordPressで記事が更新されたら、Google Chatに通知する
試してみる
■概要
WordPressで記事が更新されたら、Google Chatのスペースに通知するフローです。
■このテンプレートをおすすめする方
1.WordPressでブログやWebサイトを運営している方
・記事の公開情報をチームメンバーや関係者に迅速に共有したい方
・記事公開後のプロモーション活動やSNS投稿を効率化したい方
・手作業での通知の手間を省きたい方
2.WordPressとGoogle Chatを連携させて情報共有を効率化したいチーム
・記事更新をGoogle Chatで通知することで、チームメンバーの意識向上やサイトへのトラフィック増加につなげたい方
・記事更新後にGoogle Chat上で議論やフィードバックを行いたい方
3.手入力の作業を減らし、WordPressとGoogle Chatのアクションを自動化したいと考えている方
・業務効率化を目指している中小企業の経営者
・入力作業の多い総務、事務の担当者
■このテンプレートを使うメリット
・WordPressで記事が更新された情報を手動でGoogle Chatへ入力する必要がなくなり、大幅な時間短縮に繋がることによって業務の効率化を図ることができます。
・WordPressで記事が更新された直後にGoogle Chatのスペースに通知が届くため、迅速な情報共有が可能となります。
・Google Chatのスペースに通知する内容や通知先のチャンネルなどを自由にカスタマイズすることができるため、自社の運用に合わせて柔軟に対応できます。
・手入力による通知に伴うミス（通知漏れや誤送信などのヒューマンエラー）を防止ぐことができます。
・記事の更新情報をGoogle Chatで共有することで、チームメンバー間での情報連携がスムーズになり、効率的なプロモーション活動に繋がります。
■注意事項
・WordPress、Google ChatそれぞれとYoomを連携してください。
・Google Chatとの連携はGoogle Workspaceの場合のみ可能です。詳細は下記をご参照ください。
https://intercom.help/yoom/ja/articles/6647336
まとめ
WebflowとWordpressの連携を自動化することで、これまで手作業で行っていたサイト間のコンテンツ転記作業から解放され、ヒューマンエラーを削減できます。
これにより、コンテンツ担当者は単純作業に時間を奪われず、コンテンツの企画やWebサイトの改善といった本来注力すべきコア業務に集中できる環境が整います！
今回ご紹介したような業務自動化は、ノーコード連携ツール「Yoom」を活用すれば、プログラミングの知識がない方でも直感的な操作で簡単にフローを構築可能です。
もしWebサイト運営の効率化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して業務の効率化を体験してみてください！
関連記事：【簡単設定】Wordpressで投稿が公開されたら、Webflowにアイテムを追加する方法
よくあるご質問
Q：双方向でのデータ同期は可能ですか？
A：はい。可能です。
Yoomでは、WordpressのデータをWebflowに連携するテンプレートも用意していますので、ぜひ活用してみてください。
ただし、あるフローの結果がトリガーとなるようなフローはデータがループしてしまうためご注意ください。
WebflowとWordPressのAPIを今すぐ連携！
Q：一度連携した投稿の更新も同期されますか？
A：はい、可能です。
トリガーアクションとして、Webflowの「コレクションのアイテムが更新されたら」を設定することで、Webflowの既存記事の更新をトリガーにして連携することができます。
Q：連携が失敗した場合のエラー通知はありますか？
A：連携エラーが発生すると通知が行われます。
連携エラーが発生した場合は、フローボットが停止しYoomに登録されているメールアドレスへ通知が届きます。
通知内にエラー原因などを記載しておりますので、エラー原因をご確認ください。
対処方法が分からないなどでお困りの際はヘルプページまたは、こちらをご確認ください。
