Twitter testimonials – how to embed your favourite tweets on your blog or website

by on July 13, 2013

Twitter TestimonialsHave you seen Twitter testimonials on other business websites or blogs? How cool, right? But you probably figured you’d need some sort of computer genius techy-tech skills to get this up on your own online presence.

Well, I’m happy to say, not at all. It’s actually really easy!

Twitter testimonials is nothing new. An old resource I had previously shared with you all was over on Social Media Examiner. (Written by the lovely lady behind Social Media DIY Workshop – thanks Charlene for being the inspiration for me to write this updated Twitter tip!)

BUT, Twitter just recently updated their API (Application Programming Interface ie. how software components interact with each other), which means that if you followed my (and Charlene’s) previous advice and got those testimonials up on your site, you’ll see that they are no longer there. So, you will have to go through and get it set up again. And things are a little different, so I’ve put together a new set of step-by-step instructions for embedding Twitter testimonials.

And if you’re never heard of this Twitter strategy before, you can start from a clean slate, and read on for the instructions.

What is a Twitter testimonial?

What I mean by a Twitter testimonial is a tweet that mentions you in some sort of positive way – whether praising your product or service, thanking you for the content you create on your blog or newsletter, or any sort of tweet that gives you some lovin’ and makes you look good (don’t be shy – you know you deserve it).

Using the praise you get on Twitter is a super easy way to include a unique type of testimonial on your website and, because the information was shared publicly, you don’t need to request any special permission or do any extra legwork in using these testimonials. (More small business testimonial tips can be found here.)

Before you can set up and embed Twitter testimonials, you will first have to curate the tweets that you deem to be positive praise. And this all happens through “favorite” tweets. It’s as simple as logging into Twitter and marking these tweets as “favorite” by clicking on the “favorite” button.

Marking tweets as favorite

Power tip: It’s become a new Twitter tactic to favorite all kinds of tweets in an effort to catch attention of Twitter users and hopefully get them to follow you. One reason I don’t recommend this tactic is that it will muddy up your favorite tweets, so that they won’t be suitable to use for this Twitter testimonials tactic.

How to embed favorite tweets on your website or blog

Now that you have marked some tweets as favorite, you’re ready to get them on your site with a Twitter widget!

Step 1: Head to the “Settings” area of your Twitter account.

Favorite tweets Twitter widget step 1

Step 2: Click on the “Widgets” tab.

Favorite tweets Twitter widget step 2

Step 3: Click on “Create New”.

Favorite tweets Twitter widget step 3

Step 4: Select the “Favorites” tab.

Favorite tweets Twitter widget step 4

Step 5: Customize your settings.

  • Adjust the height if you want to (note that the width will automatically configure itself to fit within the area you insert it on your website. So if you put it in your sidebar for example, it will automatically adjust itself to fit the width of your sidebar. It is possible to do custom configurations in terms of sizing, but this is where more techy skills come into play). FYI: The minimum width of a Twitter widget is 180px and the maximum is 520px. The minimum height is 200px.
  •  Pick either the “light” or “dark” theme, depending on what would look best on your website or blog.
  • Customize your link colour if you want. Click into the link color field to activate color options.
  • If you’ve used this widget in the past, you’ll remember that there was the option to customize the title at the top of it. With the new Twitter API, this is no longer possible.

Customize link color Twitter widget

  •  Then hit “create widget”

*Note that throughout the whole process, you can see the preview of what it will look like on the right hand side.

Favorite tweets Twitter widget step 5

Step 6: Copy your code.

Favorite tweets Twitter widget step 6

Step 7: Insert code into your website.

How to insert code may vary slightly from website program to website program.  If your website or blog runs on WordPress, you can easily add this code using a widget. Access your widget via the “Appearance” tab. Add a “Text” widget. Paste the code into the box. If you want to add a customized title, you can do so on your Text widget in the “title” area.

And there you have it!  Rockin’ twitter testimonials on your website or blog!

BONUS – you can use the exact same steps to add other Twitter widgets to your website. One of the most popular is having your recent tweets showing on your site, to enourage site visitors to follow you. Follow the same steps as above, this time clicking on the “User timeline” tab (see picture of Step 4 above).  Full details about embedding Twitter widgets including some advanced options, can be found here.

If you don’t manage your own website, just get in touch with your web team to help you get this set up on your site. If you had this set up previously, and you haven’t heard from your web guys, reach out to them to make sure that they updated your Twitter widgets for API 1.1.

Are you going to use this tip? Go ahead and leave a link to your site or blog in the comments to show off where you’ve put your Twitter testimonials. And if you have questions, I’m here and always happy to answer. 


Related Posts with Thumbnails

{ 8 comments… read them below or add one }

Leave a Comment

CommentLuv badge

Notify me of followup comments via e-mail. You can also subscribe without commenting.

Previous post:

Next post: