Campaign UTM Builder for Webflow

1How Webflow Renders & Handles Metadata

When publishing on Webflow, optimizing campaign utm builder settings ensures search engines and social platforms parse your content accurately. Webflow features dedicated SEO and Open Graph panels in each page's Settings dialog. For CMS template pages (e.g. Blog Post Template), you can dynamically connect fields like Post Name, Summary, and Main Image directly into the Open Graph Title, Description, and Image URL inputs.

2Copy-Ready Webflow Code Configuration

Paste the following verified snippet directly into your Webflow codebase or admin settings:

<!-- Webflow Custom Code Head Injection -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@yourbrand">
<meta name="twitter:creator" content="@authorhandle">

<!-- Schema.org Microdata / JSON-LD for Webflow CMS -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "{{wf {"path":"name","type":"PlainText"} }}",
  "image": "{{wf {"path":"main-image","type":"ImageRef"} }}",
  "description": "{{wf {"path":"summary","type":"PlainText"} }}"
}
</script>

3Step-by-Step Implementation Guide