How to Embed Twitter Feed on Shopify Website Using Taggbox?

Add a Twitter Feed

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

Step 1:

After Login or Sign-Up to Taggbox, You will see your Dashboard.

Try Taggbox – Start Your 14 Days Free Trial

Embed Twitter Feed on html

On the Taggbox Dashboard click the “+Create Widget” button to create a new Widget.

Twitter Feed on Html Website

Step 2:

Then, give a name to your widget. A Unique URL of your widget will be created automatically according to your widget name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create Widget“.

Embed Twitter on HTML Website

Step 3:         

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

Wall Editor Feeds

2. Click Add Feed, to create a new feed.

Feeds Option

Step 4:

In the popup that appears, select the Twitter connection type and then fill out the required fields.

Embed Twitter on Website

Step 5:

Choose one of the following to create Twitter feed:

1. Hash Tag (#): Enter your Hashtag in the box and collect all your Hashtag embedded feeds of Twitter.

Embed Twitter hashtag on HTML

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

Embed Twitter handle feed on HTML

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 HTML

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

Embed Twitter hashtag on HTML

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 WordPress

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

Then click “Create Feed” button to complete adding.

Step 6

Provide the Login Credentials for the Social Network and Sign In. (Login Credentials are required for most connections).

Twitter Feed on html

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

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

Embed Twitter Feed on Shopify Website

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

Step-1

Click on Embed Widget Button on your Widget editor.

Embed Widget Button

Step 2

To embed your Twitter Feed Widget on the Shopify website, Choose Shopify as your platform.

Embed RSS feed On Shopify

Step-3

Set width and height as per your requirements. Click on Get Code and Copy the generated code for the website.

Get Embed RSS feed Code

Shopify gives you the option to embed your Twitter feeds either on default Pages or New Pages or Blog Posts.

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 Slack Post On Shopify

Step-4

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

Embed Custom RSS feed

Step-5

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

RSS feed Code For 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.

Embed RSS feed On Shopify page

Step-3

Click on Add Page.

Add RSS feed On Shopify page

Step-4

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

Embed Slack 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.

Embed RSS feed On Shopify Blog Posts

Step-3

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

Create Shopify blog post for Embed RSS

Step-4

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

Embed RSS Feed

Step-5

Paste the Copied code and Click on Save.

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

Try Taggbox 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]