Webflow's OG image fields are static. Imago API makes them dynamic — unique branded cards for every CMS Collection page.
Try Imago API FreePer-page images generated automatically from CMS content for every Collection page.
Webflow embed — just paste the script and you're done. No coding required.
No server needed. Works directly in the browser with client-side JavaScript.
Add this script to your Webflow site to generate dynamic OG images.
<!-- Webflow: Page Settings > Custom Code > Head Tag -->
<script>
document.addEventListener('DOMContentLoaded', function () {
var pageTitle = document.querySelector('h1') ?
document.querySelector('h1').textContent.trim() : document.title;
var ogUrl = 'https://imagoapi.com/api/og/generate?title='
+ encodeURIComponent(pageTitle)
+ '&template=modern&api_key=YOUR_IMAGO_KEY';
var existing = document.querySelector('meta[property="og:image"]');
if (existing) existing.setAttribute('content', ogUrl);
else {
var meta = document.createElement('meta');
meta.setAttribute('property', 'og:image');
meta.setAttribute('content', ogUrl);
document.head.appendChild(meta);
}
});
</script>Generate beautiful, dynamic OG images for your Webflow site in minutes.
Start Generating Now