# Webflow

Frase’s Webflow integration lets you publish content directly into Webflow CMS without copying, pasting, or reformatting content manually.

{% hint style="warning" %}
**Important:** You must create a CMS Collection in Webflow first before you can integrate with Frase. 
{% endhint %}

### How to Connect to Webflow

#### Step 1: Open Webflow Integrations in Frase

1. Log into [Frase](https://next.frase.io)
2. Go to **Settings → Integrations**
3. Under *CMS Publishing*, select **Webflow**

<figure><img src="/files/cdLqOjajiO9ihtlRLbVg" alt=""><figcaption></figcaption></figure>

#### Step 2: Generate an API Token in Webflow

1. Log into Webflow
2. Open the site you want to connect
3. Click the **three dots** next to the site
4. Select **Settings**
5. Go to **Apps & Integrations**
6. Under *API Access*, click **Generate API Token**

<figure><img src="/files/pMMN7eEgfYbb9TTFptc5" alt=""><figcaption></figcaption></figure>

#### Step 3: Configure Token Permissions

1. Name the token (for example: *Frase Integration*)
2. Enable the following scopes:
   * **CMS**: Read & Write
   * **Sites**: Read & Write
3. Click **Generate Token** (*this is only shown once)*
4. Paste the API token into Frase and click **Verify Token**

{% hint style="success" %}
Once verified, Frase will be able to access your Webflow sites and CMS collections.
{% endhint %}

<figure><img src="/files/BKja5DZA8UE1clwVJKW6" alt=""><figcaption></figcaption></figure>

#### Step 4: Select Site, Collection, and Fields

1. Choose the Webflow site you want to publish to
2. Select the ***CMS collection*** where content should be published
   * If you don’t have one yet, create a CMS collection in Webflow first
3. Map Frase fields to Webflow CMS fields

**If you miss this step or need to make changes,** you can always re-configure your field mapping from within any article:

<div align="left"><figure><img src="/files/N80a5JbnK71p92X4Gzvx" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
This ensures content lands exactly where it should in Webflow.
{% endhint %}

#### Step 5 *(OPTIONAL)*: Set Up Public URL Template

Create a public URL template to tell Frase where your published content lives on your site, so it can connect each CMS document to its live URL.

**What this affects**

* [**Content Guard**](/integrations/cms-publishing/frase-cms.md) — Frase can't monitor a published article for ranking drops without knowing its live URL.
* [**GSC performance**](/integrations/connectors/google-search-console.md) — Clicks, impressions, and position data won't link back to specific content pieces in your library.
* **Republish flow** — The "accept and republish" action needs the live URL to push updates to the correct CMS document.
* **Content health** — Stale content detection and decay alerts rely on matching CMS posts to their live URLs.

**Format**

If your blog posts live at `https://yoursite.com/blog/my-post-slug`, set your template to:

`https://yoursite.com/blog/{slug}`

The `{slug}` placeholder is replaced with each document's actual slug field at sync time.

{% hint style="danger" %}
Without a public URL template, Frase treats your content as **untracked**. You can still create and publish, but all performance monitoring and GSC-linked features will be unavailable.
{% endhint %}

### Publishing Content to Webflow

After connecting, you'll be able to:

* Choose Webflow as your publishing destination
* Send content as a draft or publish it live

{% hint style="warning" %}
**Important:** Some Webflow fields, such as those customized by your CMS instance, are mandatory and must be updated in Webflow *after* pushing the content to Frase.&#x20;
{% endhint %}

### Best Practices & Tips

* Publish to *draft* if you review content before publishing.
* Double-check CMS field mappings the first time you publish.
* API tokens can be regenerated or revoked anytime for security.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.frase.io/integrations/cms-publishing/webflow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.