Smart Embed

Smart Embed

Vanilla automatically embeds content from many social media sites. When creating a post, simply paste the URL into the editor, like so:

A Youtube video Link.

If the URL is from a supported site and has the proper identifier, the content will automatically embed into the post body when published. While some sites offer different types of embed codes, unrecognized parameters may stop Vanilla from correctly parsing the URL. Using the methods below will ensure your content is correctly embedded.

Youtube

Use the full URL of any video and paste it into the editor:

https://www.youtube.com/watch?v=ucO5iSV-paw

You can also copy a video at a certain time:

https://youtu.be/ucO5iSV-paw?t=52s

A Youtube video, embedded.

Twitter

Use a full URL of a tweet to embed it. Expanding a tweet in your timeline should provide the correct URL in your address bar. To embed a tweet from a thread, click the specific tweets timestamp.

https://twitter.com/vanilla/status/814160323867447296

A Tweet, embedded.

Vine

Use the specific URL of a vine to embed it. Clicking the timestamp for a vine will give you its URL, such as: https://vine.co/v/596bJWLgZ35

A Vine, embedded.

Vimeo

Use the numerical ID for a Vimeo video, it will be in the address bar:

https://vimeo.com/31976384

A Vimeo Video, embedded.

Currently the share link, or links with timestamps will not automatically embed.

Pinterest:

Use the Pin URL, which has a numerical ID on the end:

https://www.pinterest.com/pin/153755774758385655/

A Pin, embedded.

Instagram

You can use either of these URL formats to embed a post from Instagram:

https://www.instagram.com/p/BIDNLfhA8Oy/

https://www.instagram.com/p/BIDNLfhA8Oy/?taken-by=vanillaforums

An Instagram photo, embedded.

SoundCloud

Both playlists and individual tracks will embed from SoundCloud when you insert a URL into a post.

https://soundcloud.com/lauramakesart/vanilla-silence

This URL will start with the first song and then continue to play the contents of the set,

https://soundcloud.com/lauramakesart/vanilla-silence?in=lauramakesart/sets/vanilla-example

This will play a specific track from the playlist. You can grab a specific track URL by clicking its name in the player at the bottom of your screen.

Some fly beats from SoundCloud, embedded.

Wistia

Wistia is a video-hosting website that focuses on the professional needs of businesses. Because Wistia videos privacy is more controlled, the process of embedding them in the forum is a bit more involved.

First, you want to find the project that you’d like to share from.

The project list in the Wistia dashboard.

In that project, find the specific video that you’d like to embed in a post.

Selecting a video.

Click on the video and copy the URL from the address bar. You can also click on “Video Actions” and select the “Social Sharing” option from the list. That will give you this screen which also provides the full URL.

The Video Actions menu.

The Video Actions menu.

When you have the URL copied, go back to the post that you are writing and paste the link right into the body of the text - exactly where you want the video to appear.

The Video Actions menu.

Once you post the comment or discussion, it will auto-embed just like the other examples in this article.

Please note, Wistia’s embed does not respect starting at a specific time. This is a limitation within the embed code from Wistia.

Cloud Hosting

We believe that online communities should be intuitive, engaging and true to your brand. Vanilla allows you to create a customized community that rewards positive participation, automatically curates content and lets members drive moderation.

Learn More …