Framer social preview not updating

Framer sets a site-wide social preview, page overrides and per-item CMS images. If the new image is live but the old one still shows, the platform’s cache is the cause.

Last updated

Check your URL

Refresh preview

Check image size

Quick fix

  1. Set the image in Site settings, or override it in the page’s settings.

  2. For CMS pages, choose CMS Variables under Page images, Social preview.

  3. Re-publish the site.

  4. Check it with the meta tag checker, then refresh each platform.

Why the Framer preview isn’t updating

  • The site isn’t re-published. Settings changes go live only after you publish.

  • A page override wins. A page’s own social image replaces the site default.

  • The CMS page isn’t bound to an image field, so every item shows the default image.

  • The platform cached the old image. Framer’s help center names caching on Slack, LinkedIn and X as the usual reason.

How to fix it

  1. Open Site settings and set the default social preview image.

  2. For one page, open its Page settings and set a different image.

  3. For a CMS template, add an Image field, fill it per item, then in Page settings choose Page images, Social preview, CMS Variables and pick the field.

  4. Use {{Title}} and {{Description}} style variables for per-item titles and descriptions.

  5. Publish, then check the live URL with the meta tag checker.

Tags Framer outputs

  • og:title and twitter:title from the page title

  • og:description and twitter:description

  • og:image and twitter:image from the social preview

  • og:url and og:type

  • twitter:card set to summary_large_image

Not verified: Framer doesn’t document its exact tag list. This is what we read on published Framer sites in October 2026.

Image size rules

  • Framer uses a 1200 x 630 px ratio for social previews

  • Keep the important part in the center

  • Stay under 600 KB if WhatsApp matters to you

Check the file with the OG image size checker.

How to force a refresh

Framer can’t clear another platform’s cache. Use LinkedIn’s Post Inspector and Facebook’s Sharing Debugger, and share the URL with a query string on X, Slack and Discord. The refresh tool has the step for every app.

Sources

Häufig gestellte Fragen (FAQ) zum Meta-Tag-Generator

Why is my Framer social preview image not updating?

Usually the platform cached the old image. Re-publish, confirm the new image with the meta tag checker, then refresh each platform.

How do I set a different social image for each Framer CMS page?

Add an Image field, then in the CMS page’s Page settings choose Page images, Social preview, CMS Variables and select the field.

What size should a Framer social preview image be?

Framer uses a 1200 x 630 px ratio. Keep important content centered.

Check your page, then refresh the preview

Paste your URL into the free checker to see the exact tags each app reads. Once the tags are right, use the refresh tool to clear the old preview.

Check your URL

Refresh preview

Check image size

Related guides

Webflow Open Graph image not working

Webflow sets Open Graph per page, never globally. CMS template pages need an Image field, and every image in that collection must share the same size.

Next.js Open Graph image not working

Most Next.js preview bugs come from the Metadata API: a missing metadataBase, an openGraph object that replaces the parent one, or an image file over the limit.

LinkedIn link preview not working or not updating

LinkedIn builds the card from four og: tags and keeps a cached copy. Fix the tags, then make LinkedIn fetch the page again with Post Inspector.