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 Widget to increase their social reach and build more trust among people.
Embedding a Twitter widget 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 the live Twitter feed on your website using the amazing Twitter aggregator, Taggbox Widget, with very less coding skills.
Add Twitter Feed with Taggbox Widget
Before embedding the live tweets on a website, you need to add a Twitter feed and create a Twitter Feed widget using Taggbox Widget. Create an account on the powerful Twitter feed aggregator –Taggbox Widget or click here to Sign up. After creating an account, our smart wizard will guide you about how to create your very own Twitter Widget.
OR, you can follow these simple steps given below to create a Twitter Feed Widget:
Step 1. Login to your Taggbox Widget Account and click on “+Create Widget“
Step 2. Enter the name of your Widget and click on Create Widget
Step 3.When you click on Create Widget, a popup appears, select Twitter as your source.
Step 4. Select the Twitter connection type
- Hashtag (#)
- Handle (@)
Step 5. Provide the login credentials of the concerned Twitter account to get your live Twitter feeds.
Good Job! The connection has been created and within a few minutes, you can see your all your Twitter feeds on a Twitter Widget in the Widget Editor.
*Note: – If you can’t find your feed in Widget editor then check Moderation panel.
You can customize and control your widget and content in your own way. Use our Personalize feature to make your widget more attractive and Moderation Panel to filter unwanted content from your Twitter feeds.
Now, generate code to display your live Twitter feed on the website.
Embed Live Twitter Feed on Websites With Taggbox Widget
Build User Trust By Embedding Twitter Feeds On Your Website
Embed Twitter Feed on Website
To add Twitter feed on your website, get your embed code from Taggbox Widget editor.
Follow below steps to get the HTML code to add Twitter post:
Step 1. Click on the Embed Widget button.
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 and click on Get code to generate your HTML Code.
Step 4. You can simply copy the code by clicking on copy to clipboard. You can also see a preview of your widget by clicking on Preview button.
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 HTML website.
Twitter Feed on various website building platforms
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 website.
You can follow the above link to get the code for various website builders or use the generated HTML code to insert Twitter feed and follow the below steps:
1. Embed Twitter feed on WordPress Website
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 insert any custom code on any page.
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 generated 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 on Wix Website
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 insert Twitter post on Wix. Login to Wix account; navigate to the page where you want to Embed Taggbox Widget. 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.
Click on the Enter Code and paste the Taggbox Widget HTML code onto code field, and then click Apply to save the changes.
3. Embed on Weebly Website
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 insert Twitter post 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 attach the Twitter post.
Now click on the HTML box, and then choose Edit Custom HTML option.
Paste the Taggbox Widget code there to embed Twitter post on Weebly website’s page.
4. Twitter feed on Squarespace Website
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.
Open a page editor, where you want to insert Taggbox Widget and click “Add Block”. Now select Embed from the menu and click the Code (</>) icon in the URL field. Now place your generated code on that box and click Set.
Now, click Apply to publish your changes.
5. Twitter Feed on Jimdo Website
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.
Now paste the embed code into the code field and click on the save button to publish the changes.
6. Embed on Shopify Website
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 Twitter 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.
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.
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 Widget 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.