# InstaRank +Webflow

Connect InstaRank to Webflow CMS. Generate dynamic collection pages with AI-powered content while keeping your beautiful Webflow design.

## Key Benefits

Programmatic SEO that respects your design

### CMS Collection Generation

Generate thousands of CMS collection items with AI-powered content that follows your design.

### Design-First Workflow

Design your template in Webflow, then let InstaRank populate it with data and AI content.

### SEO Field Population

Automatically fill meta titles, descriptions, OG images, and custom SEO fields.

### Multi-Reference Support

Handle complex CMS relationships with automatic reference field mapping.

### Rich Text Content

Generate formatted rich text content that works perfectly with Webflow's rich text fields.

### Staging & Production

Preview changes in Webflow staging before publishing to production.

## How It Works

Design first, then scale with AI

1. ### Connect Webflow

Connect your Webflow site to InstaRank with secure API authentication.

2. ### Select Collection

Choose which CMS collection to populate with programmatic content.

3. ### Map Fields

Map your dataset columns to Webflow CMS fields. AI auto-suggests mappings.

4. ### Generate & Publish

Generate AI content and publish to staging or production.

## Supported CMS Fields

Works with all Webflow CMS field types

- CMS collection items
- Meta title & description
- Open Graph image & data
- Custom SEO fields
- Rich text content
- Plain text fields
- Image fields
- Reference fields
- Multi-reference fields
- Color & option fields
- Date & number fields
- URL slugs

## Use Cases

How teams use InstaRank with Webflow

### Directory Sites

Build location-based directories with thousands of dynamically generated pages.

**Example:** Create a business directory with 5,000 city pages, each with unique AI content.

### Blog Networks

Generate SEO-optimized blog posts at scale while maintaining your Webflow design.

**Example:** Auto-generate 100+ blog posts targeting long-tail keywords in your niche.

### Portfolio SEO

Optimize portfolio and case study pages for search without manual work.

**Example:** Generate SEO meta data and descriptions for hundreds of project pages.