Auto-generated OG images for Webflow CMS
Every blog post, doc and collection item gets its own link preview. One snippet in your template — no app, no Zapier.
Make your preview in getwowlink
Paste your site, pick one of three designs and publish it. Click Add to site → Webflow and type your collection path, like /blog/.
Open the collection template settings
In the Designer, go to Pages → CMS Collection pages and click the gear next to your template, e.g. Blog Posts Template.
Keep the Open Graph image empty
Leave Open Graph Image URL empty. If it’s filled, Webflow outputs its own og:image and apps may pick the old picture.
Paste the snippet into Custom Code
Under Custom Code → Inside <head> tag, paste the snippet. Put the cursor where it says Slug and use + Add Field → Slug.
<meta property="og:image" content="https://getwowimg.com/a1b2c3d4e5/blog/Slug.png" />
<meta name="twitter:card" content="summary_large_image" />a1b2c3d4e5 is a sample site ID — Add to site gives you the code with yours.Publish and check
Publish the site, then paste any post link into the OG checker. You should see your new preview on X, LinkedIn and WhatsApp.
Open the OG checkerStatic pages (Home, About, Pricing)
For Home, About or Pricing, paste the HTML snippet from Add to site → HTML into each page’s Custom Code, with that page’s path — /about.png, /pricing.png.
Before and after
Questions
Which Webflow plan do I need?
Custom code in page settings needs a paid Site plan. The free Starter plan can’t add it.
Will it change my existing images?
Only on pages where you paste the snippet. Your other pages keep their Open Graph settings.
What if I rename a post’s slug?
The image follows the new slug automatically.
Try it on your site
Three designs made from your site — no sign-up to try.