How to Embed Twitter Feed on Shopify Website

Follow the steps to know how to embed Twitter Feed on Shopify Website

Add a Twitter Feed

To embed Twitter feed, you need to follow the given steps-

Try Taggbox Widget – Start Your 14 Days Free Trial

Step 1

Firstly, Login or Sign-Up to Taggbox Widget.

Embed Twitter Feed on Shopify

Now, you will be redirected to Taggbox Widget Dashboard.

twitter feed on shopify

Step 2

Click on “Add Social Feeds” option to start adding Twitter feed in your widget

Step 3        

A dialog box with “Pick a source” will appear, select Twitter as your source of aggregating feeds.

Embed Twitter on Website

Step 4

A new dialog box “Create Twitter Feed” will appear to aggregate feeds from:

You can aggregate feeds from the following sources:

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

1. Hashtag (#): Enter the Hashtag and collect all the hashtag feeds from Twitter.

Embed Twitter hashtag on shopify

2. Handle (@): Enter your Twitter user Handle and collect all feeds.

Display twitter feed on shopify website

3. Mention: You can also collect feeds of mention as well; just enter the Twitter Handle or username. 

Create Twitter Feed via Mention

4. List: You can also collect feeds of the list as well; just enter the Twitter Handle or username and List Name.

Embed Twitter on Shopify

5. Favorites: You can collect Twitter Feeds of your Favorites; just use their Twitter Handle.

Embed Twitter hashtag on Shopify

6. Advanced: You can use the Advance option to get feeds via a search query. Fill your query in the box and collect feeds.

Twitter feed on shopify

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

Step 5

Choose your method of aggregating feeds and enter the input accordingly.

Finally, click “Create Feed” button to start aggregating feeds.

If required provide the Login Credentials for connecting Twitter feeds with your widget.

Great, the Connection will be created and within a few moments, tweets will appear on the Widget editor.

Tip: To enable Moderation on the connection select “Manually approve posts before making them public”

Embed Twitter Feed on Shopify Website

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

Step 1

Click the “PUBLISH” button on the left bottom of the screen, You can also see the PREVIEW of how your feeds gonna look on different devices.

Embed Widget Button

Step 2

Dialog Box will appear “Choose Your Platform”, select the “Shopify” logo as your website platform.

integrate Twitter feed with shopify

Step 3

A new Dialog box Shopify will appear:

add twitter feed on shopify website

Step 4

Select auto or set width and height according to your requirement then just click on GET CODE and COPY the whole generated code.

Finally, follow the below steps to embed Twitter Feeds into Shopify’s different pages and blogs:

Shopify gives you the option to embed your Twitter feeds either on default Pages or New Pages or Blog Posts, steps are:

Default Pages

Follow these steps for Default Pages:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

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

Step-3

Click on the Customize button.

Embed twitter Post On Shopify

Step-4

Then Navigate to left side of the page and click on Custom Content.

add YouTube channels on shopify

Step-5

Then click on Custom HTML and paste the Copied code and Click on Save.

add Twitter hashtag feed on shopify

New Pages

Follow these steps for new pages:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

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

Twitter feed on shopify page

Step-3

Click on Add Page.

Add Twitter feed On Shopify page

Step-4

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

embed Twitter hashtag feed

Step-5

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

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

add YouTube channels on shopify

Step-3

Click on Add/Create Blog Post on the Top right of the page.

add YouTube channels on shopify

Step-4

Select Show HTML (<>) option of Text Editor

add Twitter Feeds on shopify

Step-5

Paste the Copied code and Click on Save.

Great! You have successfully embedded Twitter feeds on your Shopify Website.

Try Taggbox Widget To Embed Twitter Feed – Start Your 14 Days Free Trial

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