How to embed a Twitter feed in your online store in Shopify

Hailey Shopify Expert
Hailey Updated: March 31, 2020

Share:

Do you want to start? Get shopify free trial here!

If you’re using Twitter, you can inspire your customers from your online store in Shopify to follow your Twitter account by following this post. It provides you with the way to embed a Twitter feed in your online store easily. In other words, you can display your recent tweets on your website. With those interesting tweets, your customers must be really impressed and want to be your Twitter followers. You can take advantage of it to marketing effectively.

To edit a new product on Shopify

Step 1: Click on Twitter settings

In the first step, log in your Twitter account. Then, tap on your avatar and go to the Twitter settings by clicking on Settings and privacy.

Embed a Twitter feed in your online store

Step 2: Select Widget

Look at the left-hand side of the page, there is a menu. Make sure that you find the Widgets section in it. Next, press on it.

Embed a Twitter feed in your online store

Step 3: Create a new widget

In this step, select the link I’ve marked in the following picture to create a new widget. If you don’t know how to do it yet, it’s highly recommended that you should click the link called Learn more to follow the Twitter instruction to create a new widget.

Embed a Twitter feed in your online store

Step 4: Copy the code

I’ve created a new widget for my previous tweet. Now, just click Copy code.

Embed a Twitter feed in your online store

Step 5: Tap on Themes

Back to the Shopify and log in your account. Afterward, click Online Store and go to Themes.

Embed a Twitter feed in your online store

Step 6: Click Edit code

To select the theme you expect to embed the Twitter feed, press on Actions besides its name and click Edit code.

Embed a Twitter feed in your online store

Step 7: Choose theme.liquid

In the Layout directory, choose the file named theme.liquid.

Embed a Twitter feed in your online store

Step 8: Locate the widget

That locate the widget means you will put the code where you want your tweets to be displayed. Choose a nice spot by pointing to it. For example, I put it under the </head> tag.

Embed a Twitter feed in your online store

Step 9: Paste the code{#paste-code}

Now, paste the code you’ve just copied in the Twitter in the file.

Embed a Twitter feed in your online store

Step 10: Press on Save

To complete what you’ve done, make sure to press on Save.

To embed a Twitter feed in your online store for iPhone/Android (Click here)

Step 1: Click on Twitter settings
In the first step, log in your Twitter account. Then, tap on your avatar and go to the Twitter settings by clicking on Settings and privacy.

Step 2: Select Widget
Look at the left-hand side of the page, there is a menu. Make sure that you find the Widgets section in it. Next, press on it.

Step 3: Create a new widget
In this step, select the publish.twitter.com to create a new widget. If you don’t know how to do it yet, it’s highly recommended that you should click the link called Learn more to follow the Twitter instruction to create a new widget.

Step 4: Copy the code
I’ve created a new widget for my previous tweet. Now, just click Copy code.

Step 5: Press on Store
Go back to the Shopify app. Log in your account and go to the admin page. Afterward, press on the Store button.

Step 6: Go to Online Store
Find the Online Store section and tap on it. To be more detail, it’s in the Sales channels field.

Step 7: Go to Manage themes
Go to Manage themes to see all your themes in a list.

Step 8: Click Edit code
Select a theme in the list and tap on Actions besides its name. Then, click Edit code.

Step 9: Choose theme.liquid
In the Layout directory, choose the file named theme.liquid.

Step 10: Locate the widget
That locate the widget means you will put the code where you want your tweets to be displayed. Choose a nice spot by pointing to it.

Step 11: Paste the code
Now, paste the code you’ve just copied in the Twitter in the file.

Step 12: Press on Save
To complete what you’ve done, make sure to press on Save.

Summary

Above are some simple steps you can take to embed a Twitter feed in your online store. In addition, this instruction is written about how to do this on Desktop, iPhone, and Android so that you can choose the device which suits you the most to carry out. Hope you find it helpful and effortless to do.



Hailey
About Author: Hailey
I'm a detail-oriented, honest and hard-working of Shopify Expert, ready to work with you to find solutions to help you start your business or grow it. We offer fast deliveries without compromising quality. Fast and effective!
Recommend for you
Image Description
Abandoned Cart Recovery [Free]

Setup Abandoned cart recovery in 1-click

Learn more
Image Description
SEO Suite [Free]

Auto-optimize website elements and structure in one-click.

Learn more
proofo
Boost Sales [Free]

Boost sales: Sales Pop, Trust badges, Countdown timer, more

Learn more
Image Description
Photo Reviews [Free]

Use photo reviews to boost sales

Learn more

Comments for Embed a Twitter feed in your online store



Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up