How to Embed Twitter Feed on Your Website

Social Platforms
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 embedding their 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 Taggbox with less coding skills.

Let’s Start!

Add Twitter feed

Before embedding the live tweets on a website, you need to add a twitter feed on Taggbox. Create an account on Taggbox or click here to Sign up, after creating an account our smart wizard will guide you to create your Twitter Wall.

OR, you can follow the below steps to add Twitter feed:

Step 1. Select your wall and open wall editor

Step 2. Now click Feeds (You can find it on the left-hand side of Wall Editor)

Step 3. Click Add Feed to select your network

Step 4. Now choose Twitter network as a source from Pick a source popup

Step 5. Select the Twitter connection type

  • Hashtag (#)
  • Handle (@)
  • List
  • Favorites
  • Advanced

Step 6. Then click “Create Feed” button.

Step 7. Provide the login credentials of Twitter 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 posts 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, get your website embed code to display your live Twitter Wall on website.

How to 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,

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.

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

Step 4. Now click on Get code to generate your HTML Code.

Step 5. 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.

Step 6. 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.

Let’s start engaging your website visitors

Embed Twitter Feed on various website building platforms

Choose website builder

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

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.

Wordpress edit

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

wix

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.

Wix Editor

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

Weebly ecommerce

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.

Weebly

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

weebly embed social wall

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

4. Embed Twitter feed on Squarespace Website

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.

SquareSpace

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

jimdo website builder platform

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.

Jimdo

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

Shopify Platform

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.

Shopify

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.

Shopify Website Builder Embed Social Wall

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.

Let’s start engaging your website visitors