Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed X Hashtag Feed on your Bootstrap website for FREE?

Showcase a Twitter Hashtag Feed on your website to amplify trending conversations and engage your audience with live, relevant content.

Create your widget
Free forever plan No credit card Cancel any time
How to embed X Hashtag Feed on your Bootstrap website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
October 5, 2026 5 min read Ask ChatGPT
Quick answer

Your X Hashtag Feed on Bootstrap website — live in 3 steps

SociableKIT syncs your x hashtag feed automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick X Hashtag Feed in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Bootstrap website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed X Hashtag Feed with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Bootstrap website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed X Hashtag Feed on your Bootstrap website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your X Hashtag Feed widget

The first part is creating your X Hashtag Feed widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed X Hashtag Feed on your Bootstrap website for FREE?
  2. Select "X Hashtag Feed" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "X Hashtag Feed" on the dropdown - How to embed X Hashtag Feed on your Bootstrap website for FREE?

    3. Enter your Twitter tag, without the # sign. For example: Tesla or Microsoft

  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed X Hashtag Feed on your Bootstrap website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed X Hashtag Feed on your Bootstrap website for FREE?
  5. Paste the embed code and save your Bootstrap website page. Please follow the second part below to add X Hashtag Feed widget to your Bootstrap website .

Add X Hashtag Feed widget to your Bootstrap website

The second part is adding your X Hashtag Feed widget to your Bootstrap website . After you customize your X Hashtag Feed widget and copied the embed code, it is time to add it to your Bootstrap website . Follow the steps below.

  1. Copy your free X Hashtag Feed widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Prepare your HTML structure: Ensure you have a container or a suitable location where you want to embed the widget. Let's assume you have a Bootstrap column where you want to place it.
  3. Insert the JavaScript for embedding: Place the JavaScript just before the closing tag to ensure it loads after the DOM content: <script src='https://widgets.sociablekit.com/facebook-photo-album-single/widget.js' async defer>script>
  4. Ensure Bootstrap and required dependencies are loaded: Make sure Bootstrap CSS and JS files are included in your page. Include them in the section of your HTML if they are not already included.
  5. Final HTML structure: Combine everything together in your HTML file. Here’s how it might look:
  6. Adjust CSS and other settings: Depending on your specific requirements, you may need to adjust CSS styles to ensure the embedded content fits well within your Bootstrap layout.
Alternative method

Use the embed or link option

Prefer a manual approach? Follow these steps to link or embed X Hashtag Feed without a third-party widget.

If you're looking to manually add a Twitter hashtag to your website, here's a simple guide to walk you through the process:

  1. Open your Twitter account.
  2. Find the tweet you want to embed.
  3. Click the three dots (...) within the tweet.
  4. Choose "Embed Post" from the dropdown.
  5. This takes you to publish.twitter.com, where you can tweak how the tweet looks.
  6. If the tweet replies to another, select "Hide Conversation" to only show the one you picked.
  7. Click "Copy Code" to get the HTML code.
  8. Paste this code into your website or blog.

While manually embedding a tweet comes with its own set of limitations—like not auto-updating when the tweet changes, lacking interactive features, and requiring manual updates for any changes—it's not the most convenient option if you're looking for something that's always current.

If you're aiming for a seamless, interactive, and continually updated experience, you might want to check out SociableKIT. This tool offers real-time updates, enables interactions as if you're directly using Twitter, simplifies customization, and even allows you to manage multiple social media embeds from a single dashboard. To learn more, visit the SociableKIT website.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed X Hashtag Feed on your Bootstrap site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your X Hashtag Feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Prepare your HTML structure: Ensure you have a container or a suitable location where you want to embed the widget. Let's assume you have a Bootstrap column where you want to place it.
  4. Insert the JavaScript for embedding: Place the JavaScript just before the closing tag to ensure it loads after the DOM content: <script src='https://widgets.sociablekit.com/facebook-photo-album-single/widget.js' async defer>script>
  5. Ensure Bootstrap and required dependencies are loaded: Make sure Bootstrap CSS and JS files are included in your page. Include them in the section of your HTML if they are not already included.
  6. Final HTML structure: Combine everything together in your HTML file. Here’s how it might look:
  7. Adjust CSS and other settings: Depending on your specific requirements, you may need to adjust CSS styles to ensure the embedded content fits well within your Bootstrap layout.
Full Bootstrap tutorial →

To embed X Hashtag Feed on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your X Hashtag Feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed X Hashtag Feed on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your X Hashtag Feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed X Hashtag Feed on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your X Hashtag Feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed X Hashtag Feed on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your X Hashtag Feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed X Hashtag Feed on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your X Hashtag Feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed X Hashtag Feed on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your X Hashtag Feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed X Hashtag Feed on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your X Hashtag Feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a X Hashtag Feed template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Bootstrap website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding X Hashtag Feed on your Bootstrap website.

What is an X Hashtag Feed widget?

An X Hashtag Feed widget collects public posts that use a chosen hashtag and displays them on your website. It turns an active conversation into fresh social proof that visitors can explore without leaving your page first.

How do I embed an X hashtag feed on my website without coding?

Create the widget in SociableKIT, enter your hashtag or X feed source, customize the design, and copy the generated embed code. Paste that code into an HTML, custom code, or embed block on your website.

Do I need an X developer account or API key?

No, you do not need to create an X developer project or manage an API key for the standard SociableKIT setup. SociableKIT handles the technical connection and gives you a ready-to-paste website embed.

Will new posts using my hashtag appear automatically?

Yes, paid SociableKIT plans include automatic syncing, so you can keep one embed code on your website as new eligible posts appear. Updates follow the available sync schedule rather than appearing second by second, while the free plan lets you request a refresh.

Do posts and X accounts need to be public?

Yes, the widget can collect only content that X makes publicly available. Posts from protected accounts, deleted posts, suspended accounts, or content with access restrictions may not appear.

Will every X post containing my hashtag appear?

Not always, because X controls search availability and may limit, rank, remove, or restrict results. A post can also be missing because it is private, recently published, deleted, outside the available search window, or waiting for the next SociableKIT sync.

Can the widget display older posts from my hashtag?

Historical coverage is not guaranteed when you connect a new hashtag because X gives different access to recent and archived search results. For an event or campaign, create the widget before promotion begins so SociableKIT can start collecting eligible posts as early as possible.

Can I approve, reject, or moderate posts before showing them?

Yes, SociableKIT provides moderation tools for supported feed setups, including controls for approving or rejecting content. Business plans also include automatic moderation to help keep a busy hashtag feed cleaner and more relevant.

Can I show only posts from my own X account?

A hashtag feed is designed to show public posts using that hashtag, which may include content from many accounts. Use moderation to curate the conversation, or choose SociableKIT's X Profile widget when you want a feed focused on one account.

Can I display more than one hashtag?

A specific hashtag feed is treated as a source, so additional hashtags may require additional sources. You can create separate widgets or use a supported SociableKIT combined-feed setup when you want several campaigns in one display.

Can I use the widget for an event or branded campaign?

Yes, it works well for conferences, launches, contests, sports events, community campaigns, and other moments built around a public hashtag. Place it on the event page or campaign landing page to turn audience posts into a living stream of participation.

What information can the X hashtag feed display?

The widget can show available post details such as the author, text, date, images, videos, links, and engagement information. The exact elements depend on what X makes available and which display options are enabled in SociableKIT.

Can visitors like, reply to, repost, or follow from the widget?

Visitors can explore the displayed content and continue to X when they want to interact with the original post or account. X controls the final like, reply, repost, and follow experience, and some actions may require the visitor to sign in.

Which website builders support the X Hashtag Feed widget?

SociableKIT works with WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and regular HTML websites. It also works with other platforms that allow an HTML, custom code, iframe, or embed element.

Is the X hashtag feed mobile responsive?

Yes, the widget adjusts to the available space on desktop, tablet, and mobile screens. Visitors can browse posts without awkward cropping or unnecessary horizontal scrolling.

Can I customize the feed to match my website?

Yes, you can adjust colors, fonts, spacing, layout, and calls to action while previewing the result. SociableKIT also offers masonry, grid, carousel, and dark-mode templates, so you can start quickly and still make the feed feel native to your brand.

Will embedding an X hashtag feed slow down my website?

Any external social feed adds resources to a page, so performance depends on your website, theme, placement, and the amount of content displayed. Keep the section focused and test the finished page on mobile to maintain a smooth experience.

Can I use the widget on multiple pages or websites?

Yes, paid SociableKIT plans include unlimited widgets, views, websites, and domains. You can reuse a source in different layouts for a homepage, event page, campaign page, or digital display without watching a monthly view limit.

Is there a free plan or premium trial?

Yes, SociableKIT offers a free plan with one source, one widget, 2,000 monthly views, design customization, branding, and sync requests. You can also test premium features for seven days, and paid subscriptions can be canceled without a long-term contract.

What support is available if my hashtag feed stops updating?

SociableKIT provides human support through chat and email for source, syncing, installation, and display issues. Paid plans include 24/7 support, which is useful when the feed is supporting a live campaign or important event.

Add your X Hashtag Feed widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View X Hashtag Feed widget page →