Add a Twitter Feed / Badge to a Site
Twitter provides an easy to use widget generator so you can share all your recent tweets with visitors to your site. Here's how to use it.
Start by going here: https://twitter.com/settings/widgets From here, select the Create New button in the upper right. If you're not already logged in to Twitter you'll be prompted to log in before you're able to access this Create New button. Select the User Timeline tab and fill in all the info requested there.
Make sure the username field matches the username of the Twitter account you're currently using. Twitter will allow you to change the username field (for some mysterious reason) but if you enter a username other than one you're logged into you'll later see an error stating "Unable to save your widget, please check your inputs." An error apparently written by a robot from a 1950s Scifi Film.
You can Check / Un-Check the options to Exclude Replies and Auto Expand Photos.
The height of the feed can be altered(the Default of 600px is kind of tall).
You can switch from the Light theme to a Darker one, if that's a better fit for your site.
When you're done, click the Save Changes or Create Widget button. Twitter will present you with code to copy & paste to your site.
Select all of that code and Copy it.
Then go to the website editor and drag a Custom HTML Embed Code Element into the section of your site where you'd like the Widget to appear.
The feed should look something like this:
What if you don't see your tweets on your site, but instead see an error or a blank space? Besides sarcastically saying "Thanks Twitter!" to your computer, you should make absolutely sure you copied all of the code that Twitter provided. The feed occasionally won't show up in the Site Creator, so it's also worth Publishing and checking the live site to check if it shows up there.
|