# Dynamic Open Graph image from CMS item

**URL:** <https://forums.realmacsoftware.com/t/dynamic-open-graph-image-from-cms-item/57023>\
**Category:** Elements CMS\
**Created:** [July 16, 2026, 4:53pm UTC](https://forums.realmacsoftware.com/t/dynamic-open-graph-image-from-cms-item/57023 "2026-07-16T16:53:22Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mgoode](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mgoode/32/28998_2.png) [@mgoode](https://forums.realmacsoftware.com/u/mgoode)\
**Post date:** [July 16, 2026, 4:53pm UTC](https://forums.realmacsoftware.com/t/dynamic-open-graph-image-from-cms-item/57023/1 "2026-07-16T16:53:22Z")

</div>

I’m using CMS Item pages with custom front matter:

thumbnail: “[https://img.youtube.com/vi/VIDEOID/hqdefault.jpg](https://img.youtube.com/vi/VIDEOID/hqdefault.jpg)”

In the CMS Item Open Graph settings I set:

{{ item.thumbnail }}

but after publishing the source still contains

content=“{{ item.thumbnail }}”

instead of the URL.

Is Open Graph limited to built-in image objects ({{ item.image.src }}) or should arbitrary front matter variables also work?

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [July 16, 2026, 5:35pm UTC](https://forums.realmacsoftware.com/t/dynamic-open-graph-image-from-cms-item/57023/2 "2026-07-16T17:35:49Z")

</div>

> [@mgoode](#):
>
> should arbitrary front matter variables also work?

yes, they should work.

I’d need to see your project/setup to be able to debug this one for you 🙂

---

<div class="post-metadata">

**Author:** ![mgoode](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mgoode/32/28998_2.png) [@mgoode](https://forums.realmacsoftware.com/u/mgoode)\
**Post date:** [July 16, 2026, 6:07pm UTC](https://forums.realmacsoftware.com/t/dynamic-open-graph-image-from-cms-item/57023/3 "2026-07-16T18:07:39Z")

</div>

Thanks, Ben. Here’s the project link: elementsapp://downloadDocument/hItY1ZvCRVtq