> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Social Feed Embedding in your website using Elfsight

# Getting Started

You can showcase your social feed to your website or blog post from Elfsight with only a few steps. This article will cover the steps required to embed a Social Feed widget from Elfsight to your website.

---

|| Social Feeds can also be embedded in your blog post using the Raw HTML option. To learn more about the Raw HTML option, refer to the documentation below:


[How to embed Custom Code to a blog post?](/en/article/how-to-embed-custom-code-to-a-blog-post-16pkyz7/)

# Social Feed Widget Integration

To integrate a Social Feed widget from Elfsight into your blog post or website, follow the steps below:

- Go to elfsight.com, login to your dashboard
- Click on Applications
- Select Social Feed
- Choose any template
- Choose a source. In this example, we used a Twitter Account.
- After choosing the source, click on the Add to Website button
- Copy the HTML Code
- For blog posts, use the Raw HTML </> option, paste the HTML code and publish your post.
- For your website, add the Custom Code element and paste the HTML code on the HTML input field, and publish your site.


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-3_a4itq4.png)

2. Choose any template


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-4_1wi5l2x.png)

3. Choose a source. In this example, we used a Twitter Account.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-5_1x3phta.png)

4. After choosing the source, click on the Add to Website button

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-6_1ifd6x7.png)

5. Copy the HTML Code

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-7_yz15og.png)

6. For blog posts, use the Raw HTML </> option, paste the HTML code and publish your post.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-12-01-at-12_1cfuml0.gif)

7. For your website, add the Custom Code element and paste the HTML code on the HTML input field, and publish your site.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm1-1_108169z.gif)

---
---

# Related Articles


[How to embed Custom Code to a blog post?](/en/article/how-to-embed-custom-code-to-a-blog-post-16pkyz7/)

[Whatsapp Widget integration using Elfsight](/en/article/whatsapp-widget-integration-using-elfsight-1szos7/)