claybook

Automate programmatic landing pages in Webflow

Use Clay to scale personalized ABM landing pages in Webflow without lifting a finger

What we used

Clay (Explorer) to enrich company data and create landing page copy

Webflow (Basic) to create and deploy custom landing pages 

free resources
need help
Ask a question in the slack community
Schedule a meeting with Clay expert
Sign up for free to Clay

Before you begin

Using Webflow’s API, not only can Clay trigger the creation of new collection items (in this case, custom landing pages), but it can also map enriched data directly to custom collection fields on those landing pages. 

This Claybook will show you how Clay automates the customization of landing page slugs, company names, key benefits, headlines, subheadings, value propositions, and much more so you can launch ABM campaigns at scale. 

What you can do with this Claybook: 

  • Create account-based landing pages with tailored copy automatically
  • Update existing landing pages with new copy if you ever change it without needing to update each page manually
  •  Scale ABM campaigns in minutes 

Steps

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 1:

Copy this template

First, copy this template in Clay.

If you’re already a user, you’ll be directed to your workspace. If not, you’ll be prompted to create a free Clay account.

The interactive demos on the right will walk you through each step of this Claybook. 

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 2:

Create a new Webflow collection

If you haven’t already, create a new collection in Webflow. You will need to map the collection fields you create here to the collection fields in the Clay table next. 

For more details on creating collections in Webflow, learn more here

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 3:

Setup HTTP API

Next, set up three different HTTP API integrations so Clay can programmatically create new landing pages.

Clay does three things with Webflow’s API: 

  • Checks to see if a URL slug already exists for a specific account
  • If a slug doesn’t exist, it creates a new page on that slug with the copy from the table
  • If a slug does exist, it updates the existing page with the copy from the table
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 4:

Customize copy and formulas 

Customize the copy in the formula columns to fit your business’ value proposition and offer. This is the copy that will show up on the landing page. 

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 5:

Create your first landing page 

Last, to scale custom landing pages in minutes, import company contacts one by one (or in bulk) and Clay will programmatically create new landing pages for each of them. Then use those landing pages as destinations for your ABM campaigns. 

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Copy the template

Let Clay do the tedious and time-consuming task of creating and optimizing custom landing pages so you can focus on targeting and strategy. 

Simply copy this template, follow the steps above, and let Clay work its magic.

Copy this template

Need help?

If you have any issue, you can ask for help in Slack or schedule time with a Clay expert.

Learn with our resources

Check out Clay University, read our GTM blog, or try out our top templates to transform your growth ideas into outreach in minutes.

Clay branded illustration of a wall made out of 3D, colourful, clay bricks and a whimsical person opening a door in the wall to access a new world of opportunities.

Clay University

Master Clay in a few core lessons. Uplevel your data enrichment, craft better outbound messages, and book more meetings.

Learn with Clay

Go to market blog

Our best content on growing your GTM motion, from outbound sales automation to AI lead generation.

Explore our blog
Clay branded illustration made out of 3D clay objects showing  whimsical operators connecting cables to 3D Clay table

Integrations

Browse through all the integrations you can connect to Clay in seconds and discover what you can do!

Explore integrations
Clay branded illustration of a Clay table with colourful, 3D connectors made out of Clay around it

Templates

Power your outbound campaigns with our best templates.

Visit clay templates
Clay branded illustration of a messy tangle of 3D, colourful strings made out of clay being untangled into one, colourful, twisted string

Clay Experts

Hire a Clay Enterprise expert or find a Clay partner to help with your next project

Explore Clay experts

Clay's Chrome extension

Clay’s Chrome Extension makes it wicked easy to find leads almost anywhere on the internet

Explore Chrome Extension