How to embed Instagram Shoutouts on Your Website

Learn how to display Instagram shoutouts on your website in no time!

How to embed Instagram Shoutouts on Your Website
Do not index
Do not index
Logo
19.png
Product name
Instagram
Added to /integrations
Done
Category
Popular
Social Media
Now that your business is growing and getting tagged on Instagram, you may be wondering how to get the most out of your IG shoutouts and that’s by adding them to your website! This article will show you how to add Instagram shoutouts to your website. Here’s a Live demo: https://testimonialto.webflow.io/instagram
notion image
 

What is Testimonial.to?

Testimonial effortlessly lets you collect customer shoutouts from Instagram 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 Instagram Integration

  • Bulk import your Instagram shoutouts
  • Import shoutouts above a specific amount of stars
  • Bulk import shoutouts to your Wall of Love
  • Create a Wall of Love or testimonial page (ex: /wall-of-love)
  • Display a testimonial slider or a single testimonial
 

TL;DR

  1. Create an account on Testimonial and bulk import your Instagram shoutouts
  1. Create and customize your Wall of Love
  1. Copy the HTML code and navigate to your website builder
  1. 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 Instagram Shoutouts to Testimonial

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

Option 1: Import Instagram 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.
notion image
 
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.
notion image
 
Step 3. Now that your space is ready, click on ‘Other reviews’ under integrations followed by clicking on ‘Instagram’.
notion image
 
Step 4. Within that popup, enter the link to the Instagram post you would like to import, and voila!
notion image
 
Tip: You can decide to add them to your Wall of Love. Your Wall of Love is one of the embed codes you can add to your website.
notion image
 
 
Here’s a short demo video that will show how to import your Instagram shoutouts 👇
 

Option 2: Import Instagram 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.
notion image
 
Step 2. Head over to the Instagram shoutout you’d like to add to your website or Wall of Love. Do a right-click followed by clicking on ‘Save text’ or ‘take a screenshot’.
notion image
 
Step 3. That’s it! All your shoutouts will be added to your Testimonial account 💪
notion image
 

How to Embed Instagram shoutouts on any website

 
Now that your social proof has been imported to Testimonial, let’s cover how you can display your Instagram shoutouts on your website. In the example below, we’ll be using Webflow.
 
Note: This will look 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, Shopify, 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 the "Wall of Love" option on the left sidebar in the Embed section.
notion image
 
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.
notion image
 
Step 3. Paste the code in the HTML editor from your website builder, then click the Save & Close button.
notion image
 
That’s it! Your Instagram shoutouts will now appear on your site ✌️
notion image