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.
Now, you will be redirected to Taggbox Widget Dashboard.
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.
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 (@)
- Geo Location
- List
- Favorites
- Advanced (Query)
1. Hashtag (#): Enter the Hashtag and collect all the hashtag feeds from Twitter.
2. Handle (@): Enter your Twitter user Handle and collect all feeds.
3. Mention: You can also collect feeds of mention as well; just enter the Twitter Handle or username.
4. List: You can also collect feeds of the list as well; just enter the Twitter Handle or username and List Name.
5. Favorites: You can collect Twitter Feeds of your Favorites; just use their Twitter Handle.
6. Advanced: You can use the Advance option to get feeds via a search query. Fill your query in the box and collect feeds.
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 Widget on Shopify 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.
Step 2
Dialog Box will appear “Choose Your Platform”, select the “Shopify” logo as your website platform.
Step 3
A new Dialog box Shopify will appear:
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.
Step-4
Then Navigate to left side of the page and click on Custom Content.
Step-5
Then click on Custom HTML and paste the Copied code and Click on Save.
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.
Step-3
Click on Add 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
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
Step-3
Click on Add/Create 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.
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].