Quantcast
Channel: Clean Shopify Theme » Homepage Widgets
Viewing all articles
Browse latest Browse all 8

Adding a Twitter timeline to the theme

$
0
0

You may want to show your recent tweets on your store. Here, I will show you how to add a Twitter Embedded Timeline to your site.

Make a backup first! I'd advise making a duplicate of the theme, so you can revert back should problems arise: Head over to ADMIN > THEMES > MANAGE THEMES and click the 'Duplicate theme' link on your currently published / active theme.

First, you will need to create your Twitter Widget on the Twitter website. Log into Twitter and go to your Settings page, Widgets page, then Create a new widget.

Once you have done that, you will be shown some embed code, this code usually starts with: <a class="twitter-timeline"

Copy and paste this embed code into the snippet widget-custom.liquid in your store, using the Template Editor. Make sure to leave in the title "The title for your widget" and the <div... and </div> tags. Just replace "Put your own content in here" with the embed code. You can change the title text to something more relevant, too, here's an example:

Now, go into Theme Settings -> Widget Configuration and choose the 'Custom' widget for one of the widget locations. Also enter some text like 'twitter' into the Page or blog handle / username / URL field - widgets won't show unless this field contains something.

Here is the result:


Viewing all articles
Browse latest Browse all 8

Latest Images

Trending Articles





Latest Images