Skip to main content
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. Step 1 - Open CMS and click + to create a collection

​
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. Step 2 - Name the collection Blog and click Create Collection ⚠️ 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. Step 3a - Select Rich text field type for Post body Step 3b - Name the field Post body and save

​
Field 2: Image

Click + Add new field again. Select Image. Name it Image. Click Save Field. Step 3c - Select Image field type Step 3d - Name the field Image and save

​
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. Step 3e - Select Plain text, name it Metadescription, set to Multiple line 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. Step 4a - Open Pages, select Blog geos Template, go to Settings then SEO settings

​
Title tag

Click + Add field and select Name.

​
Meta description

Click + Add field and select META SEO. Click Save. Step 4b - Link Name to Title tag and META SEO to Meta description, then Save 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. 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. Webflow connection window with the Client ID, Client Secret fields and the setup guide highlighted
  1. Your Client ID.
  2. Your Client Secret.
  3. The step-by-step setup guide.
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.