Webflow Integration

Watch our step by step guide on how to integrate Journalist AI with your Webflow site:

Creating a new integration in Journalist AI

1. Click on “New Integration”.
2. From the list of available integrations, select “Webflow”.
3. Enter a name for your integration. For example, “Test Webflow Integration”.

Obtaining Webflow API Token

1. Go to your Webflow Dashboard.
2. Navigate to “All Sites”.
3. Hover over the site you want to publish content to and click on “Site Settings”.
4. Go to “Apps and Integrations” and scroll down to the “API Access” section.
5. Click on “Generate API Token”.
6. Name your token (e.g., “Journalist AI”)
7. Provide the necessary permissions (read and write).
8. Click “Create” to generate the token.
9. Copy the generated API token.

Configuring the Integration in Journalist AI

1. Return to the Journalist dashboard.
2. Paste the copied API token into the appropriate field.
3. Choose whether to publish articles immediately or save them as drafts.
4. Select the Webflow site you obtained the API token from.
5. Select the collection where you want the articles to be published (“Blog Posts”).
6. Define Fields for Content and Images (ensure you have these fields set up on Webflow CMS collections):
   • Field to use for HTML: Select the field for the post body.
   • Field to use for Metadescription: Select the field for the post description.
   • Field to use for Featured Image: Select the field for the main image.
7. Click on "Create".

There is also an easier way to integrate your Webflow website. Watch the step by step guide below: