# How can I experiment with custom Cards?

**URL:** <https://forum.ghost.org/t/how-can-i-experiment-with-custom-cards/16018>\
**Category:** Using Ghost\
**Created:** [July 21, 2020, 3:02pm UTC](https://forum.ghost.org/t/how-can-i-experiment-with-custom-cards/16018 "2020-07-21T15:02:09Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![garrison](https://avatars.discourse-cdn.com/v4/letter/g/3bc359/32.png) [@garrison](https://forum.ghost.org/u/garrison)\
**Post date:** [July 21, 2020, 3:02pm UTC](https://forum.ghost.org/t/how-can-i-experiment-with-custom-cards/16018/1 "2020-07-21T15:02:09Z")

</div>

The [Ghost Features](https://ghost.org/docs/concepts/features/) page says:

> Ghost has the rich editor which every writer wants, but under the hood it delivers far more power than you would expect. All content is stored in a standardised JSON-based document storage format called MobileDoc, which includes support for extensible rich media objects called Cards.

I am intrigued by the phrase “extensible rich media objects” and would like to better understand what Cards are capable of.

1. Is it possible, as a developer, to create my own custom cards and have them appear on a site hosted by Ghost Pro?

2. If not, is there a straightforward way of doing this if I am instead self hosting Ghost?

3. If such custom Card formats already exist, can I find examples somewhere that I can try out on my own site? How do I add existing custom Card types to my site?

I have already searched the internet and this forum for various combinations of ghost, mobiledoc, and cards, but I am still unable to answer the above questions. I have already found [GitHub - bustle/mobiledoc-kit: A toolkit for building WYSIWYG editors with Mobiledoc](https://github.com/bustle/mobiledoc-kit), but it is unclear to me how I would go about integrating a new “rich” form of content into a Ghost site once I have developed it.

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [July 21, 2020, 3:10pm UTC](https://forum.ghost.org/t/how-can-i-experiment-with-custom-cards/16018/2 "2020-07-21T15:10:37Z")

</div>

The underlying data format allows for rich media cards which Ghost uses for the default cards seen in the editor, however Ghost doesn’t yet have any support for custom cards. As there’s no support there’s no straightforward way of adding new cards to any type of Ghost install.

There’s an existing idea you can add your vote to:

> [@Custom cards when creating/editing a story](https://forum.ghost.org/t/custom-cards-when-creating-editing-a-story/4969):
>
> Hey! Are you planing on implementing the feature to let us make custom cards? You can insert an image, a YouTube video, etc. But it would be cool if we can make a custom card for, for example, to let bloggers insert a hosted video, or a Google Maps iframe, etc. I read in the forums that it might be in your road map, but is there any news about the topic? If this isn’t a feature you’re willing to implement, is there any friendly way for the blogger to do it other than inserting the HTML code? …

---

<div class="post-metadata">

**Author:** ![iLoveBug](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ilovebug/32/5177_2.png) [@iLoveBug](https://forum.ghost.org/u/iLoveBug)\
**Post date:** [July 23, 2020, 10:03am UTC](https://forum.ghost.org/t/how-can-i-experiment-with-custom-cards/16018/3 "2020-07-23T10:03:59Z")

</div>

@garrison you could have look at:

[https://storytelling.cool/extension-cards-for-ghost/](https://storytelling.cool/extension-cards-for-ghost/)
