How to Embed Twitter Feed on Website?

Add Twitter Feed

Login to your Taggbox account and follow below steps

Step 1: Click on the Feeds button  (You will find it on the left-hand side of the page).

Linkedin Feeds

Step 2: Click Add Feed from the drop-down menu under Feeds, to create a new feed.

Linkedin Add feed

Step 3: Select Twitter icon as your source from “Pick a source” box.

Choose Twitter Icon

Step 4: You will see a “Create Twitter feed” box. Select a source from Hashtag, Handle, List etc. and create a Twitter connection.

Create twitter feed

Here’s an example of how to fill out details for Twitter Page connection:

Choose one of the following to create twitter feed:

  1. Hash Tag (#): Enter your Hashtag in the box to collect all your Hashtag feeds of Twitter.  Create twitter feed via hashtag
  2. Handle (@): Enter your Twitter user Handle and collect all feeds. create twitter feed via handle
  3. List: You can also collect feeds of list as well; just enter the Twitter Handle or username and List Name. create twitter feed via list
  4. Favorites: You can collect Twitter Feeds of your Favorites; just use their Twitter Handle. create twitter feed via favorites
  5. Advanced Query: You can use the Advance option to aggregate feeds via a search query. Fill your query in the box and collect feeds. You can use the below examthe ples of table to create your query.create twitter feed via advanced1

*To enable Moderation on the connection, select “Manually approve posts before making them public”. Also read: How to use Moderation Panel?

*To Add Multiple Photos and Exclude Retweets on the connection select “Add Multiple Photos” and “Exclude Retweets”.

Step 4: Then click “Create Feed”  button to add Twitter feeds.

Create twitter feed button

Step 5: Then provide the Login Credentials for the Twitter and Sign In.

Twitter login

Great, the Connection has been created and within a few moments, tweets will appear in the Wall editor.

Embed Twitter Feed on Website

To embed Twitter feed on website, you need to follow below steps –

1. Click on Display Button on your wall editor.

Display Button

2. Select the “Embed in Websites” option to embed Twitter feed on Website.

Display Options

3. Select Your Website Platform (Eg: HTML, WordPress, Wix etc.)

Choose embed platform

Embed on HTML Website

To embed your Twitter feed on HTML website, choose HTML as your platform

Choose HTML

Set width, height and height type as per your requirements.

HTML height

Click on Get Code

Copy the generated code and Paste it into your webpage, where you want to embed Twitter feeds.

Get Code

Embed on WordPress Website

To embed your Twitter feed on the WordPress website, choose WordPress as your platform.

Choose embed platform WordPress

Set width and height as per your requirements and Click on Get Code

WordPress code height

Now follow these steps-

Step 1. Generate the Website Embed code from the Taggbox code generator and copy the Code.

Step 2. Open the page in your WordPress backend where you want to embed social wall.

Step 3. Select “Text” Input from the top right in your WordPress Editor.

Step 4. Paste the copied code in the editor.

Step 5. Click on Publish/Update post and You’re Done.

Embed on WIX Website

To embed your Twitter wall on the Wix website, choose Wix as your platform.

Choose embed platform Wix

Now follow these steps –

Step 1. Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.

Step 2. Click on “+ Add” Button.

Step 3. Click on More and Select Embed a Site.

Step 4. Check the “Website Address” under Mode.

Step 5. Copy and paste the generated URL into the ” Website Address ” field.

Embed on Squarespace Website

To embed your Twitter feed on the Squarespace website, choose Squarespace as your platform.

Choose embed platform Squarespace

Set width and height as per your requirements. Click on Get Code

Squarespace Height code

Now follow these steps-

Step-1. Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.

Step-2. On Squarespace Navigate to the page where you want to embed Twitter feed.

Step-3. Click on +Add/Edit Block and Select Code.

Step-4. Paste the Copied code and Click on Apply.

Step-5. Save the page to apply the Changes.

Embed on Weebly Website

To embed your Twitter wall on the Weebly website, choose Weebly as your platform.

Choose embed platform Weebly

Set width and height as per your requirements. Click on Get Code.

Weebly get code

Now follow these steps:

Step-1. Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.

Step-2. On Weebly Navigate to the page where you want to embed Twitter wall.

Step-3. In the left navigation bar click on “Embed Code” and Drop it on the position where you want to display the wall.

Step-4Paste the Copied code into the Container.

Step-5Publish your changes.

Embed on Shopify Website

To embed your wall on the Shopify website, choose Shopify as your platform.

Choose embed platform Shopify

Set width and height as per your requirements. Click on Get Code. 

Shopify get code

Default Pages

Follow these steps for Default Pages:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

Step-2. Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step-3. Go to Edit HTML/CSS option on top right of the page.

Step-4. Select Layout/Templates/Section (Eg: For Homepage – Index.liquid) Where you want to display Twitter wall.

Step-5. Paste the Copied code and Click on Save.

New Pages

Follow these steps for new pages:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

Step-2. Login your Shopify store and Navigate to Online Store->Pages menu in the sidebar.

Step-3. Click on Add Page on Top right of the page.

Step-4. Select Show HTML (<>) option of Text Editor.

Step-5. Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

Step-2. Login your Shopify store and Navigate to Online Store->Blog posts menu in the sidebar.

Step-3. Click on Add Blog post on the Top right of the page.

Step-4. Select Show HTML (<>) option of Text Editor.

Step-5. Paste the Copied code and Click on Save.

If you have any questions or need help, please Contact us or write us at [email protected].

Alex Watts has written 60 articles