How to Embed Twitter Feed on Your Website

Website
7 min read

Twitter has become a powerful social networking site and micro-blogging platform where people can communicate in short messages or also known as Tweets. Currently, Twitter has more than 336 million monthly active users. A lot of event marketers, brand promoters, businesses, and celebrities use it to interact and connect with their relevant audience.

Twitter is also used as a low-maintenance social connection to influence the users and this is the reason why online businesses and brands use it as a marketing tool to promote their online business, products, services etc. Brands also Embed Twitter feed or tweets on their business websites through Twitter wall to increase their social reach and build more trust among people.

Twitter Wall Nike Taggbox

Embedding a Twitter wall on the website is the best and effective way to display your earned user-generated content to your website visitors. With this, here we will guide you about how you can embed and display live Twitter feed on your website using the amazing Twitter aggregator, Taggbox, with very less coding skills.

Let’s Start!

Add Twitter Feed with Taggbox

Before embedding the live tweets on a website, you need to add a Twitter feed and create a Twitter Feed Wall using Taggbox. Create an account on Taggbox or click here to Sign up. After creating an account, our smart wizard will guide you about how to create your very own Twitter Wall.

OR, you can follow these simple steps given below to create a Twitter Feed Wall:

Step 1. Login to your Taggbox Account and click on “+Create Wall

Embed Twitter Feed

Step 2. Enter the name of your wall and click on Create Wall

Embed Twitter Feed on Website

Step 3.When you click on Create Wall, a popup appears, select Twitter as your source

Twitter Feed on Website

Step 4. Select the Twitter connection type

  • Hashtag (#)
  • Handle (@)
  • List
  • Favorites
  • Advanced
Embed Twitter Feed

Step 5. Provide the login credentials of the concerned Twitter account to get your live Twitter feeds.

Also read: Complete step by step guide to add Twitter feed

Good Job! The connection has been created and within a few minutes, you can see your all your Twitter feeds on a Twitter Wall in the Wall Editor.

*Note: – If you can’t find your feed in Wall editor then check Moderation panel.

You can customize and control your wall and content in your own way. Use our Personalize feature to make your Wall more attractive and Moderation Panel to filter unwanted content from your Twitter feeds.

Now, generate your website embed code to display your live Twitter Wall on website.

Embed Twitter Feed on Website

To embed Twitter feed on your website, get your embed code from Taggbox wall editor.

Follow below steps to get the HTML code to embed Twitter feed:

Step 1. Click on the Display button and choose Embed in website option,

Embed Twitter Feed On Website

Step 2. Select HTML option if your website on HTML. If you are using other website building platform then you can choose your suitable platforms such as WordPress, Wix, Squarespace, Weebly, and Shopify.

Here, we are taking HTML.

Embed Twitter Feed On HTML Website

Step 3. Click on HTML and set height type to Auto or Fixed and set the Width and Height according to your need and click on Get code to generate your HTML Code.

Twitter Feed on Website

Step 4. You can simply copy the code by clicking on copy to clipboard. You can also see a preview of your wall by clicking on Preview button.

embed twitter feed on website

Step 5. Paste the code on any page of your HTML website into the body section.

With these steps, you can easily embed Twitter feed on your HTML website.

Embed Live Twitter Feed on Websites With Taggbox

Build User Trust By Embedding Twitter Feeds On Your Website

Embed Twitter Feed on various website building platforms

Embed Twitter Feed On Website

These days’ people prefer using several website building platforms to create their website as it’s less cumbersome. If your website is also on other website building platforms such as WordPress, Weebly, Jimdo, Squarespace etc. then follow these simple steps to embed Twitter feed on your website.

Also read: How to get Taggbox Embed code for Various Website Building Platforms

You can follow the above link to get the embed code for various website builders or use the generated HTML code to embed Twitter feed and follow the below steps:

1. Embed Twitter feed on WordPress Website

Embed Twitter Feed On WordPress

WordPress is a well-known Open-source CMS (Content management systems). According to the data, approximately 76.5 million websites are on WordPress. Anyone can easily create a website on Word Press; it required less coding skills. Users can manage everything through plugins. It allows users to build SEO friendly websites and embed any custom code on any page.

Twitter Feed on Website

Let’s embed Twitter feed on Word Press. Login to your WordPress account and open the website page, where you want to showcase your Twitter feeds. In your page editor, you will find two options one is Visual and another is Text Option. Choose the Text Mode and paste the Taggbox embed code, where you want to showcase your Twitter feed on the web page.

After embedding the code, click on the Update button to publish the changes.

2. Embed Twitter feed on Wix Website

Twitter Feed

Wix is a cloud-based web development platform with more than 100 million registered users, and it allows users to create websites with HTML5 capabilities.

Let’s embed Twitter feed on Wix. Login to Wix account; navigate to the page where you want to Embed Taggbox. You will see a plus sign (+) (Find it on the left-hand side of the screen) in the side menu bar, through this button you can add elements on your web pages.

Now click on More option on the menu and choose the HTML iframe from the Embeds.

Twitter Feed on WIX

Click on the Enter Code and paste the Taggbox HTML code onto code field, and then click Apply to save the changes.

3. Embed Twitter feed on Weebly Website

Embed Twitter Feed on Weebly

Weebly is an ideal platform to create a profession and e-commerce website. Weebly started their services in 2007 and right now serving more than 50 million customers around the world. It allows you to create to a high-quality website, and maintain the brand’s presence. You can easily create the web pages; all you need to do is drag and drop the elements on Weebly.

To embed Twitter feed on Weebly, pick an Embed code element from the menu on the left-hand side of your screen. Drag and drop element on the page where you wish to embed the Twitter feed.

Embed Twitter on Weebly

Now click on the HTML box, and then choose Edit Custom HTML option.

Embed Twitter Feed

Paste the Taggbox code there to embed Twitter feed on your Weebly website’s page.

4. Embed Twitter feed on Squarespace Website

Embed Twitter Feed on SquareSpace

Squarespace is a saas web publishing and blogging platform. It provides software as a service for website building and empowers people to share their stories and create an effective online presence. It is an ideal platform for small to medium size businesses.

On Squarespace, you can add any external code on the web page through Embed Blocks. You need to add a block first on the page to embed the Twitter feed.

Add Twitter Feed Code

Open a page editor, where you want to embed Taggbox and click “Add Block”. Now select Embed from the menu and click the Code (</>) icon in the URL field. Now place your Taggbox embed code on that box and click Set.

Now, click Apply to publish your changes.

5. Embed Twitter Feed on Jimdo Website

Embed Twitter Feed on Jimdo

Jimdo is an e-commerce oriented website builder and anyone can easily use it to build their online e-commerce shop. According to Jimdo, More than 20 million websites have already built with it. If you have a Jimdo website want to embed Twitter feed on it, select the area on web page where you wish to display your Twitter feed and click on the Add Element button. Now click on More elements and choose Widget/HTML.

Embed Twitter Feed on Website

Now paste the embed code into the code field and click on the save button to publish the changes.

6. Embed Twitter feed on Shopify Website

Embed Twitter Feed on Shopify

Shopify is the best platform for E-commerce business and currently, more than 1.2 million people are using this platform to create their online stores. You can show the recent tweets on your website using a widget.

If you want to embed the Twitter feed on Shopify, log in your Shopify account and click on Online Store under the Sales Channels section. You will see a drop-down list in sidebar; then select Themes option.

Twitter Feed On Website

In your current theme, you will find an Action button (On the right-hand side of the screen). Click that Action Button and select Edit code from the drop-down list.

Twitter Feed On Website

Select Layout/Templates/Section (Eg: For Homepage – Index.liquid) where you want to display your Twitter feed and paste the Copied code to embed Taggbox and Click on Save.

The above-mentioned website building platforms are the easiest and effective ones to create a strong online presence.

So, here are our 6 best and simple ways through which you can embed and display the live Twitter feeds on your website. So, what are you waiting for? Display your all user-generated tweets to your website visitors and increase your brand’s trust.

Flaunt Your Earned Twitter Media With Taggbox

Embed Live Twitter Feeds On Your Website And Display Social Proof