How to Create Dynamic Pages for Services + Service Areas in Webflow CMS?

Hi Marcio!

What you’re describing is “programmatic SEO”. It’s a great way to generate many useful pages that can rank on Google.

While Webflow doesn’t have a way to automatically generate unique pages for programmatic SEO combos (like “Interior Painting in Alpine”), Webflow is fantastic at pSEO when you add a few other tools.

Here are the basic steps:

1) Set up your Webflow collections for pSEO
The first step is to set up your CMS collections. You probably want three of them:

  1. Areas (e.g. Alpine, Brooklyn, etc.)
  2. Services (e.g. Interior Painting, Exterior Painting, etc.)
  3. Area Services (e.g. “Interior Painting in Alpine”, “Inter Painting in Brooklyn”)

The Area Services collection should include two references fields:

  1. Reference to Area
  2. Reference to Services

2) Set up a spreadsheet with the same collections
Once you have those Webflow collections, you can create the pages by hand, but this would take a very long time.

If you connect these collections to a spreadsheet, you can use formulas and bulk editing to create hundreds of pages instantly.

I recommend Airtable but you could just as easily use Notion.

In your spreadsheet create the same 3 tables with corresponding fields as above:

  1. Areas (e.g. Alpine, Brooklyn, etc.)
  2. Services (e.g. Interior Painting, Exterior Painting, etc.)
  3. Area Services (e.g. “Interior Painting in Alpine”, “Inter Painting in Brooklyn”)

It will look something like this:

By putting this into a spreadsheet I can use formulas to generate headings and text like this one:

3) Sync your spreadsheet with Webflow
There are a couple of tools that do this, but I’m biased and think you should use Whalesync :)

But either way, once you’ve connected Airtable with Webflow, you’ll be able to create and edit thousands of these pages easily.

We have a whole guide on how to do this here and you can always shoot me a note if you have any questions (matthew [at] whalesync).