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

# Setup your Webflow blog

> Doc Sorank - Setup your Webflow blog

Follow these steps to create a blog collection on your Webflow site and connect it to Sorank so articles are published directly to your CMS.

## Step 1: Open the CMS Panel

Open your Webflow Designer. Click **CMS** in the top navigation bar. Click the **+** button next to "CMS Collections". Select **Create collection**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/d5436012ae14ba6697d2.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=7a5408ed2d5ca5f427f3496b72a75e30" alt="Step 1 - Open CMS and click + to create a collection" width="918" height="298" data-path="images/documentation/d5436012ae14ba6697d2.webp" />

## Step 2: Create a Blog Collection

In the "New Collection" dialog, click the **Blog Posts** template. Set the Collection Name to **Blog**. The URL becomes **/blog** automatically. Click **Create Collection**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/b48ad790df4242edb97a.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=944c70473f47e3308b694b29d623b8ef" alt="Step 2 - Name the collection Blog and click Create Collection" width="3840" height="1900" data-path="images/documentation/b48ad790df4242edb97a.webp" />

⚠️ The collection name must be exactly **Blog**. Sorank uses this name to identify your collection.

## Step 3: Add the Required Custom Fields

Click **+ Add new field**. You need to create 3 custom fields one by one.

### Field 1: Post body

Click **+ Add new field**. Select **Rich text**. Name it **Post body**. Click **Save Field**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/3f30cce226bcbfcb030c.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=b18a965cb39877bcdb587b0c61d2e0c5" alt="Step 3a - Select Rich text field type for Post body" width="3840" height="1900" data-path="images/documentation/3f30cce226bcbfcb030c.webp" />

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/d88226abdcea4d8bb77b.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=1715ac034b4126b03adc060e6d8010ca" alt="Step 3b - Name the field Post body and save" width="3840" height="1900" data-path="images/documentation/d88226abdcea4d8bb77b.webp" />

### Field 2: Image

Click **+ Add new field** again. Select **Image**. Name it **Image**. Click **Save Field**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/1f57b78e20f30681edae.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=d619337b93c03ac99c4b0a679f4ff003" alt="Step 3c - Select Image field type" width="3840" height="1900" data-path="images/documentation/1f57b78e20f30681edae.webp" />

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/39f0d14d4e7dce7dba00.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=73ace82dcdaab3ee6d9ae287fc9b3661" alt="Step 3d - Name the field Image and save" width="3840" height="1900" data-path="images/documentation/39f0d14d4e7dce7dba00.webp" />

### Field 3: Metadescription

Click **+ Add new field** again. Select **Plain text**. Name it **Metadescription**. Set the text field type to **Multiple line**. Click **Save Field**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/05d0a1f9970976072127.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=48f6e36b112a53b194a6bb98ae7596a8" alt="Step 3e - Select Plain text, name it Metadescription, set to Multiple line" width="3840" height="1900" data-path="images/documentation/05d0a1f9970976072127.webp" />

Click **Save Collection**. The fields **Name** and **Slug** are created by default. Do not delete them.

## Step 4: Configure SEO Settings on the Blog Template Page

Click the **Pages** icon in the top-left of the Designer. Under "CMS collection pages", click **Blog geos Template**. In the right panel, go to **Settings**. Scroll down to **SEO settings**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/07093512baa938f94dbd.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=5b8f386a069c14225a8f54545dd8c090" alt="Step 4a - Open Pages, select Blog geos Template, go to Settings then SEO settings" width="3840" height="1900" data-path="images/documentation/07093512baa938f94dbd.webp" />

### Title tag

Click **+ Add field** and select **Name**.

### Meta description

Click **+ Add field** and select **META SEO**. Click **Save**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/b6f899a3c4beba0704bd.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=9eb8c6f181f2c9b73d706dfcfb544db7" alt="Step 4b - Link Name to Title tag and META SEO to Meta description, then Save" width="3840" height="1900" data-path="images/documentation/b6f899a3c4beba0704bd.webp" />

This ensures every article Sorank publishes gets its own unique title and meta description in Google search results.

## Step 5: Publish Your Webflow Site

Click **Publish** in the top-right corner of the Designer. Select your live domain and confirm. Your blog collection is now live and ready to receive articles from Sorank.

## Step 6: Connect Webflow to Sorank

Go to your Sorank account. Click **Publish** on any article, or go to [Publishing platforms](https://app.sorank.com/settings/integrations/publishing). Click **Webflow** then **Connect your CMS**. Authorize Sorank to access your Webflow account. Select your **Blog** collection. Map each Sorank field to the corresponding Webflow field. Click **Confirm setup**.

Every article you generate in Sorank can now be published directly to your Webflow blog in one click, with images, meta tags, and slug included.
