If you want to add a post from one of your social media account to a content page, or simply expand the scope of your website with a newsfeed, you can easily do it with Prismic by embedding the content on your website.

In this article, we are going to cover how to successfully embed content from social media platforms like Facebook, Twitter, Pinterest, Instagram, YouTube, or Vimeo.

Let's review a few use cases and how you can leverage content from different social media platforms.

Twitter / Instagram / YouTube

If you're writing a blog post, and you'd like to add a testimony from Twitter or Instagram, you can simply use an Embed field and paste the URL of the Tweet inside the field in Prismic.

Social cards (Twitter/LinkedIn)

Social cards are often referred to as social previews. They allow content editors to pick and choose custom titles descriptions and images for the URLs that will be shared on social media or your content pages.

This is particularly helpful whenever you are sharing links on social media platforms (like Twitter) as it will ensure that you can choose an eye-catching image and a link description that helps viewers to know what they'd be clicking on.

For each Custom Type that will be used with social cards, we'd recommend setting up a separate tab that will handle metadata for Social Cards. You can learn how to do this in this article.

There are two ways to embed content in Prismic:

  1. Using an embed field. The Embed field will let content editors paste an oEmbed supported service resource URL (YouTube, Vimeo, SoundCloud, etc.).
  2. Adding a custom HTML embed.

If you have any specific use-cases that are not covered in this article - don't hesitate to let us know about it through the chat button or our community forum.

Did this answer your question?