# How To: WebFlow

To integrate [Abun.com](https://abun.com) with your Webflow site, follow these steps:

1. Log in to your Webflow dashboard.
2. Open the site settings for the site you want to connect with [Abun.com](https://abun.com).
3. Select "Apps & Integrations" from the left-hand menu.
4. In the "API Access" section, click "Generate API Token."
5. Set the following permissions:
   * Assets: Read and write
   * CMS: Read and write
   * Sites: Read and write
   * Authorized user: Read-only
6. Copy the generated API token.
7. Enter the API token on the Abun Webflow integration page.
8. Map the following fields in Abun:
   * **Webflow Collection:** Blog Posts
   * **Post Body:** Article Content
   * **Post Summary:** Article Short Summary
   * **Main Image:** Feature Image
   * **Category:** Please map an option with this field
   * **Featured Post?:** Please map an option with this field
   * **Title:** Article Title
   * **Slug:** Article Slug
9. Click "Connect" to finalize the integration.

#### Detailed Steps

1. **Log in to Webflow Dashboard:** Access your Webflow account.
2. **Open Site Settings:** Navigate to the settings of the site you wish to connect.
3. **Select "Apps & Integrations":** Find this option in the left-hand menu.
4. **Generate API Token:** In the "API Access" section, click "Generate API Token."
5. **Set Permissions:** Ensure the correct permissions are set.
6. **Copy API Token:** Copy the generated token.
7. **Enter API Token in Abun:** Paste the token in the Webflow integration section on Abun.com.
8. **Map Fields:** Complete the mapping of fields as instructed.
9. **Click Connect:** Finalize the connection.