There are times when you are writing content and you need to reference a specific social media post in your HTML webpage. Your content management system might have a code editor section or a code block. You might be using an HTML file.

Whatever the case, you’re still working with a page built with HTML. Social media platforms like Facebook and Instagram provides an option to copy an embed code of a specific post. You can put this embed code into your HTML page. That specific post will now appear on your HTML page.

The following are some examples of adding a social media post in your HTML website.

Add instagram post in HTML

To add an Instagram post to HTML, follow the steps below.

  1. Login to Instagram.
  2. Go to the specific post you want to add to HTML.
  3. On the upper right corner, click the three dots.
  4. There you will see the Embed option.
  5. Click the copy embed code button.
  6. Go to your HTML page or code block.
  7. Paste the embed code from Instagram.

Add X post in HTML

To add X (Formerly Twitter) post to HTML, follow the steps below.

  1. Login to X.
  2. Go to the post you want to add to HTML.
  3. On the upper right corner of the post, click the three dots.
  4. On the popup, click the embed option.
  5. It will show you a page where you can generate the embed code.
  6. Copy the embed code.
  7. Paste it in your HTML code block or page.

Add multiple posts in HTML

Now that you know how to add a specific social media post to HTML, you might want to add all the posts of a specific social media account. It means instead of one social media post, you will add all the recent posts of a social media account.

You can do this using a SociableKIT widget. Click here to create a free widget now.

That’s it!

I hope this tutorial about adding a social media post to HTML is helpful. It would be good to see a specific social media post on a webpage, especially of that post is highly relevant to the overall content. If you have a specific social media platform not mentioned in this post, let us know so we can improve it.

Please share this post to your friends who need it. Thank you!

365 Days of Social Media Content Ideas: Your Complete Guide to Engaging Posts

This comprehensive resource is filled with engaging and interactive post ideas to keep your social media feeds vibrant all year round.

No more stress about what to post next or how to engage your followers – we've got you covered!

Start your journey towards an enhanced online presence today! Please enter your name and email below, and this invaluable tool will be on its way to your inbox.






Close