> ## Documentation Index
> Fetch the complete documentation index at: https://support.i.moneyforward.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Webflow

> Webflowとの連携の手順です。

## サポートする機能

<Badge color="blue">アカウント作成</Badge> <Badge color="blue">アカウント削除</Badge>

## 事前準備

### Webflowへのログイン方法

[Webflowログインページ](https://webflow.com/dashboard/login)にて、メールアドレス・パスワードを入力し、ログインします。

<Info>
  連携にはGoogleやSSOなど外部認証アカウントはご利用いただけません。
</Info>

[\[制限事項\]Google 認証やSSOなど外部認証アカウントによる連携失敗](/it-management/faq/7gbneu0vz5-auth-error)

<img src="https://mintcdn.com/moneyforwardi/zKVVvDYqzE3w_IfF/images/integrations/i0ajmys3t3/1661847322054-image.png?fit=max&auto=format&n=zKVVvDYqzE3w_IfF&q=85&s=e6d233fd9483d61b76cdfabcce132017" alt="Webflowログインページ" width="699" height="634" data-path="images/integrations/i0ajmys3t3/1661847322054-image.png" />

### ワークスペースキーの取得方法

Webflowにログイン後、右上の **Account**を開き、**Workspaces** を選択します。

<img src="https://mintcdn.com/moneyforwardi/zKVVvDYqzE3w_IfF/images/integrations/i0ajmys3t3/1721784837491-image.png?fit=max&auto=format&n=zKVVvDYqzE3w_IfF&q=85&s=c3323c0c7b836e961b6cb2557d059c1c" alt="Accountメニュー" width="2782" height="952" data-path="images/integrations/i0ajmys3t3/1721784837491-image.png" />

Workspaceページに移ります。**連携したい Workspace**を選択します。

<img src="https://mintcdn.com/moneyforwardi/zKVVvDYqzE3w_IfF/images/integrations/i0ajmys3t3/1721784917503-image.png?fit=max&auto=format&n=zKVVvDYqzE3w_IfF&q=85&s=5ac165d6bb7040f3c5ac3ba97db929d1" alt="Workspaceページ" width="1570" height="526" data-path="images/integrations/i0ajmys3t3/1721784917503-image.png" />

**URLの一部がワークスペースキー**となるので、保存しておきます。

[https://webflow.com/dashboard?workspace=\*\*ワークスペースキー](https://webflow.com/dashboard?workspace=**ワークスペースキー)\*\*

<img src="https://mintcdn.com/moneyforwardi/zKVVvDYqzE3w_IfF/images/integrations/i0ajmys3t3/1721785035992-image.png?fit=max&auto=format&n=zKVVvDYqzE3w_IfF&q=85&s=50a0bee8a225209e2b03ad648446aa5b" alt="ワークスペースキーの取得" width="1214" height="248" data-path="images/integrations/i0ajmys3t3/1721785035992-image.png" />

## インテグレーションのセットアップ

インテグレーション画面にて、**Webflow** で検索します。

<img src="https://mintcdn.com/moneyforwardi/zKVVvDYqzE3w_IfF/images/integrations/i0ajmys3t3/1645535077408-screen-shot-2022-02-22-at-22-03-35.png?fit=max&auto=format&n=zKVVvDYqzE3w_IfF&q=85&s=69fc6e52eff1ba81a9a0a32f64cff7ba" alt="Webflow検索" width="1048" height="434" data-path="images/integrations/i0ajmys3t3/1645535077408-screen-shot-2022-02-22-at-22-03-35.png" />

前の手順で取得した**ワークスペースキー**、Webflowログイン用 **メールアドレス** と **パスワード** を入力し、**連携する** をクリックします。

<img src="https://mintcdn.com/moneyforwardi/zKVVvDYqzE3w_IfF/images/integrations/i0ajmys3t3/1645535040044-screen-shot-2022-02-22-at-22-03-42.png?fit=max&auto=format&n=zKVVvDYqzE3w_IfF&q=85&s=526f9ba15e5a44ce849ca2b41e2b959c" alt="Webflow連携設定" width="483" height="737" data-path="images/integrations/i0ajmys3t3/1645535040044-screen-shot-2022-02-22-at-22-03-42.png" />

Webflowとの連携に成功すると、アカウント一覧に登録済みのユーザー情報が表示されます。

正常に完了しない場合は、インテグレーション画面のステータスタブから**編集**し、再度連携をお試しください。

解決しない場合はチャットにてお問い合わせください。

Webflowの連携概要については[連携ページ](http://admina.moneyforward.com/jp/integrations/webflow)をご覧ください。