This pipeline generates a unique Open Graph image for every page on your site. When a page is shared on Twitter/X, Facebook, LinkedIn, or Discord, it displays a branded social card with the page title, author, and publication date pulled dynamically from your CMS or database. No manual image creation required — every page gets a unique, on-brand social preview via a single GET URL embedded in your HTML meta tags.
How It Works
Your CMS publishes a page, the HTML meta tag contains a RenderStack GET URL, and social platforms fetch the image on demand.
Template Configuration
<!-- Embed in your page's <head> -->
<meta property="og:image"
content="https://api.renderstack.io/v1/render/social-card-template
?api_key=rs_get_xxx
&title.text=My+Blog+Post+Title
&author.text=Jane+Doe
&date.text=Feb+25,+2026
&avatar.src=https://cdn.example.com/authors/jane.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />Sample Output
Blog post social card with title, author name, avatar, and publish date
Product page social card with product name, price, and hero image
RenderStack Features Used
Build This in Your Workspace
Start generating unique social cards for every page on your site. Design your template once and let RenderStack handle the rest.
Start Free TrialFrequently Asked Questions
More Examples
Automatically generate unique Open Graph images for every page with RenderStack's API. Design once, render unlimited social cards with dynamic text, images, and branding.
Automate product card image generation for your e-commerce catalog. See how repeater elements, conditional visibility, and image swapping work together.
Automate social media image creation at scale. Generate branded posts, stories, and ads for every platform from a single template via API.