The Ultimate Guide to Embedding Content to your Site from Social Platforms

Published by Rohitha Perera on

Consider this the new and improved guide to embedding content on your WordPress site. When embedding content, remember that there needs to be a conscious plan to structure your content in an orderly fashion. Moreover, embedding content to your site is the newest way to prove credibility, and, can be considered as the online version of annexures in a book. With WordPress being the default website creator for the vast majority of users, embedding content has been made easier today thanks to WordPress’s excellent Visual Editor.

UPDATE: You can now embed content from social media into comments in Hyvor Talk. Check out the announcement about that new feature.

Digital or social proof is mandatory in this day and age to extend plausibility and trustworthiness. So, we have done the needful in creating a simple and easy-to-understand guide on embedding content on your website.

We have broken down the simple art of embedding amazing content from Twitter, Facebook, Instagram, LinkedIn, Pinterest, YouTube, Google Calendar, Slideshare and TikTok to your site.

1. Twitter

  1. Choose the Tweet you want.
  2. Then, click on the Embed icon as indicated below.
Twitter Embed Screenshot

3. After that, choose the Code by copying as shown below.

Copy Code

4. Then, copy paste the Code and Embed it as shown below onto the HTML Editor.

HTML Editor

5. The Tweet has been embedded as shown below.

2. Embed Facebook Post or Video

  1. Choose the Facebook Post you want.
  2. Then, click on the Embed icon as indicated below.
Embed icon

3. Follow steps 3 through 4 in the Twitter section. The post is embedded below.

Should I Pre- or Post- Moderate Comments?#comments #moderation #Editor #spam #community #community_policing #Online #NEWShttps://talk.hyvor.com/blog/pre-or-post-moderate-comments/

Posted by Hyvor Talk on Tuesday, May 26, 2020

3. Instagram

  1. Choose the Instagram Post you want.
  2. Then, click on the Embed Link as indicated below.

3. Follow steps 3 through 4 in the Twitter section. The post is embedded below.

4. LinkedIn

Embedding a link via LinkedIn is not a possibility; however, it’s a possibility when you use a plugin as highlighted here.

5. Pinterest

  1. Choose the Pin you want.
  2. After that, note that you need the Pinterest widget to embed one of your pins on your website.
  3. Then, click on the Pin widget as indicated below.
Pin widget

4. After that, put the relevant URL on the Widget builder indicated below.

Widget builder

5. The preview will look like below.

Preview

6. Copy and paste the code below into your website’s HTML editor.

7. Another way would be to go copy the Code as shown below and paste it into the HTML Editor.

Get Pin embed code
Code

6. YouTube

  1. Choose the YouTube video that you want.
  2. Then, Copy the Code via the Embed icon as indicated below by clicking the Share button.
Share button
Copy the Code

3. After that, copy and paste the Code in the HTML Editor. And what you get is embedded below.

7. Google Calendar

  1. At the top of your Google Calendar, click the icon circled in red and select “Settings,” as shown below.

2. Then, select the calendar that you want to embed; now simply Integrate calendar.

3. After that, click the “Customize” button, just above the “Embed code” line of text. You can change the size and color scheme of your calendar as per your requirements. Copy the embed code, and paste it into your website’s HTML editor. 

8. Slideshare

  1. Choose the SlideShare presentation you want.
  2. Then, click on Share.

3. Copy the Code in the Embed space as indicated below.

Code

4. Copy the Code indicated in the Embed space into the HTML Editor as shown in step 3 and 4 of the Twitter section.

Embedded SlideShare Presentation

9. TikTok

  1. Simply choose the TikTok video that you want to embed on your site.
  2. Then, clip on the Embed icon as indicated below.
Embed icon

3. After that, choose the code by copying as shown below. Just like in the Twitter section, this is only pertinent if you’re going to paste the code into your website’s HTML editor.

Copy code

4. Lastly, Paste the code into the HTML editor as shown below.

HTML Editor

5. The TikTok video has been embedded as shown below.

@cakepost

This is officially my favorite cake decorating technique 😍#cakeart #cakedecortng #caketechniques #buttercream (ig: landindaoficial)

♬ Breaking Me – Topic & A7S

Conclusion

Unlike a few years ago, the whole user experience of embedding content has become easier and a real cinch. Comsequently, embedding has become a very easy experience nowadays since it is a matter of just doing a copy and paste of the code. At present, a world of difference for those users who are looking for a seamless experience has been made. If you are using WordPress things are much easier. So, you have to just copy and paste the link to the Visual Editor. It will automatically convert it into embeds.

About Hyvor Talk

Hyvor Talk is a privacy-focused alternative to Disqus. It comes with all moderation tools you need to build an amazing audience on your website. It is built to be beautiful and fully-customizable. You can control everything in one console. Try it for free now! ❤

Subscribe to our Newsletter

We write a lot of blog posts to help you grow your audience on your website. Subscribe to get the best blog posts right into your inbox.