How to embed Twitter Shoutouts on Your Website

Do not index

Logo

Product name

Twitter

Added to /integrations

Done

What is Testimonial.to?

Testimonial effortlessly lets you collect customer shoutouts from Twitter and display them on your website with customized, interactive, and beautiful review widget features. We make it easy to capture, manage, and broadcast testimonials to improve the reputation of your brand or service and help you convert better. What’s more? With testimonial.to, integrating your shoutouts on your website only requires adding a single line of code onto your site. You don't need any specialist tools or developers — just copy and paste!

Our Twitter Integration

Bulk import your Twitter shoutouts

Bulk import tweet collections to your Wall of Love

Collect text and video testimonials

Create a Wall of Love or testimonial page (ex: /wall-of-love)

Display a testimonial slider or a single testimonial

TL;DR

Create an account on Testimonial and bulk import your Twitter shoutouts

Create and customize your Wall of Love

Copy the HTML code and navigate to your website builder

Paste the code in the HTML editor, and Publish your site

Voila! Your website is now ready to convert better with social proof 💪

Import Your Twitter Shoutouts to Testimonial

Before being able to display your Twitter shoutouts, you need to gather them in one place.

Option 1: Use our new fetching tool to bulk import your shoutouts

You can skip some of the importing steps by using our Twitter fetching tool instead. It allows you to bulk import Twitter shoutouts to Testimonial.to in just a few clicks, the first one being here.

Option 2: Bulk Import Twitter Shoutouts within Testimonial.to

Start your free trial for Testimonial.to and create a new space. To learn more about all the settings and features below, you can visit the Get started collection in our help center.

Step 1. After registering, visit the dashboard and click on + Create a new space.

Step 2. After clicking, you will see the Create a new space popup modal.

To learn more about all the settings and features below, you can visit the Get started collection in our help center.

Step 3. Now that your space is ready, click on ‘Other reviews’ under integrations followed by clicking on ‘Twitter’.

Step 4. Within that popup, you can import a single tweet or a collection.

To import a single tweet, simply add the link to the tweet. To create a collection, you can click here to learn more about how to create one on Tweetdeck.

Here’s a short demo video that will show how to import your Twitter Shoutouts 👇

Option 3: Import Twitter shoutouts with our browser extension

Step 1. Install the Testimonial browser extension. It is available on all chromium browsers such as Chrome, Brave, Vivaldi, Microsoft Edge, etc.

Step 2. Head to the Twitter shoutout you’d like to add to your website or Wall of Love. Click on the three dots on the top right followed by clicking ‘Add testimonial’.

Step 3. Customize your shoutout before adding it to your testimonial account.

Tip: Under ‘Select Spaces’ make sure to click the space it should be added to. You can also automatically add it to your wall of love by clicking on ‘Add to my Wall of Love’.

Step 4. That’s it! All your shoutouts will be added to your Testimonial account 💪

How to Embed Twitter Shoutouts on any website

Now that your social proof has been imported to Testimonial, let’s cover how you can display your Twitter shoutouts on your website. In the example below, we’ll be using Webflow.

Note: This will look a bit different depending on your website builder, check out our integrations to learn more about how to embed testimonials on your website more specifically.

We integrate with many website builders such as Webflow, Wix, WordPress, Squarespace, Typedream, and many more.

Step-by-Step Instructions

Step 1. Go to your account dashboard and visit the space you want to add to your website. After clicking the space, you will see "Wall of Love" option on the left sidebar in the Embed section.

Step 2. Click that, then choose the styles you want to display the wall of love, in the last step, you will find the embed code. Click the "Copy code" button will copy the code to the clipboard automatically.

You can learn more about customizing your Wall of Love by visiting this article.

Step 3. Paste the code in the HTML editor from your website builder, then click Save & Close button.

Voila! Your Twitter shoutouts will now appear on your site ✌️

Here’s an example from BuildInPublic.com

You can even create a slider such as the one Arvid created for FindYourFollowing.com