ZapierでWebflowをサードパーティアプリと接続する - Webflowヘルプ

ZapierでWebflowを他のアプリと連携し、自動化を実現。

Mr Bird
Mr Bird
@mrbirddev
📄

Zapierを使えば、WebflowのAPIを通じて1000以上のアプリと接続し、Webflow CMSやEcommerceの様々なアクションを自動化できます。

始める前に

まだの場合は、Zapierアカウントを作成してください。Logicの廃止に影響を受けたWebflowの顧客で、新しいZapierアカウントに登録する場合、Zapierから特別な割引を受けられる可能性があります。

Zapierの仕組み

Zapierでの接続は「Zap」と呼ばれます。すべてのZapはトリガー（アプリ内のイベント）から始まり、アクション（別のアプリで実行される自動化）に繋がります。

例: トリガー — 新しいスプレッドシート行が追加される。 アクション — ZapierがWebflowに新しいCMSアイテムを作成する。

Zapierの仕組みについて詳しく学ぶ。

WebflowアカウントをZapierに接続する方法

WebflowアカウントをZapierに接続するには、Zapierのアプリアカウント接続に関するドキュメントの手順に従ってください。Zapierのアクセスを特定のサイトやワークスペースに制限することができます。

Zapierは安全な接続のためにOAuthを使用します。すでにWebflowアカウントにログインしている場合、すぐに認証画面が表示されます。

📄

Zapierはパスワードなどのアカウント情報にアクセスできません。

Webflowフォームの送信を他のアプリに送る方法

WebflowフォームデータをZapierに送信し、フォーム送信を数百のアプリ（Mailchimp、Salesforce、Google Driveなど）にルーティングできます。

📄

フォームをZapに接続する前に、Webflowフォームを通じて少なくとも1件の送信を受け取っている必要があります。必要に応じてテスト送信を試してください。

手順:

  1. ZapierでZapsに移動
  2. 作成をクリック
  3. 新しいZapを選択
  4. Webflowをトリガーとして選択
  5. フォーム送信をイベントとして選択
  6. 続行をクリック
  7. Webflowアカウントを選択
  8. 続行をクリック
  9. サイトを選択
  10. フォームを選択
  11. 続行をクリック
  12. トリガーをテストをクリック
  13. 選択したレコードで続行をクリック
  14. アクションアプリを選択 (Mailchimp, Gmail, Slackなど)
  15. Zapierのドキュメントに従ってアクションを設定
  16. 「鉛筆」アイコンをクリックしてZapに名前を付ける
  17. 公開をクリック

Zapierでフォームファイルアップロード送信をバックアップする方法

Zapierを使用して、サイトからフォームファイルアップロードを収集し、オンラインストレージに保存します。

⚠️

このワークフローでは、アップロードされたファイルのログインセキュリティを無効にする必要があります: サイト設定 > フォーム > アップロードファイルアクセス制限 (オフに切り替え)

手順:

  1. Zapsに移動
  2. 作成をクリック
  3. 新しいZapを選択
  4. トリガーとしてWebflowを選択
  5. イベントとしてフォーム送信を選択
  6. 続行をクリック
  7. Webflowアカウントを選択
  8. 続行をクリック
  9. サイトを選択
  10. フォームを選択
  11. 続行をクリック
  12. トリガーをテストをクリック
  13. 選択したレコードで続行をクリック
  14. アクションアプリとしてGoogle Driveを選択
  15. イベントドロップダウンにファイルをアップロードを追加
  16. 続行をクリック
  17. GoogleアカウントをZapierに接続
  18. (オプション) アップロードフォルダを選択
  19. ファイルフィールドにフォームファイルアップロードフィールドを選択
  20. (オプション) アップロードをドキュメントに変換
  21. (オプション) 動的ファイル名を入力
  22. (オプション) ファイル拡張子を入力
  23. 続行をクリック
  24. アクションをテストをクリック
  25. 「鉛筆」をクリックしてZapに名前を付ける
  26. 公開をクリック
📄

動的データを使用してファイル名を指定し、識別を容易にします。

Zapierでコレクションコンテンツをインポートする方法

Zapierを使用して外部ソースからWebflow CMSにコンテンツを追加します（例: 新しいGoogleシートの行が追加されるたびにブログ投稿をコレクションに追加）。

📄

CMSコレクション（「ブログ投稿」）を接続する前に作成してください。Googleシートはコレクションの構造に合わせる必要があります。日付形式: 2023-07-28T19:41:52.325Z。詳細はAPIドキュメントを参照してください。

手順:

  1. Zapに移動
  2. 作成をクリック
  3. 新しいZapを選択
  4. トリガーとしてGoogle Sheetsを選択
  5. イベントとして新しいまたは更新されたスプレッドシート行を選択
  6. 続行をクリック
  7. GoogleアカウントをZapierに接続
  8. 続行をクリック
  9. ブログ投稿スプレッドシートを選択
  10. ワークシートを選択
  11. 続行をクリック
  12. トリガーをテストをクリック
  13. （オプション）レコードを選択するか、自動選択を使用
  14. 選択したレコードで続行をクリック
  15. アクションとしてWebflowを選択
  16. イベントドロップダウンからアイテムを作成を選択
  17. 続行をクリック
  18. Webflowアカウントを選択
  19. 続行をクリック
  20. サイトを選択
  21. ブログ投稿コレクションを選択
  22. コレクションフィールドをスプレッドシートの列にマッピング
  23. アーカイブ済みと下書きのステータスを設定
  24. 続行をクリック
  25. アクションをテストをクリック
  26. 公開をクリック
📄

このZapはCMSコレクションにコンテンツを追加するだけで、投稿は自動的に公開されません。公開するには、「ライブアイテムを作成」アクションを使用してください。

⚠️

CMS参照およびマルチ参照フィールドをZapierフィールドにマッピングできません。API経由でCMSに送信されたビデオリンクはすぐに表示されません。Webflowでフィールドを開いて再保存するとプレビューが読み込まれます。

Zapierの問題をトラブルシュートする方法

WebflowとZapierの統合に問題がある場合は、Zapier Connectionsページから接続をトラブルシュートしてください。

その他の問題がある場合は、Zapierのトラブルシューティングガイドとアプリディレクトリのヘルプタブを確認してください。

⚠️

WebflowサポートはZapierやサードパーティの統合問題に直接サポートを提供できません。コミュニティの助けを求めるには、Webflowフォーラムに投稿してください。

ウェブフローのヘルプに戻る