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
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!
- 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
- Create an account on Testimonial and bulk import your Instagram 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 💪
Before being able to display your Instagram shoutouts, you need to gather them in one place.
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 ‘Instagram’.
Step 4. Within that popup, enter the link to the Instagram post you would like to import, and voila!
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.
Here’s a short demo video that will show how to import your Instagram shoutouts 👇
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 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’.
Step 3. That’s it! All your shoutouts will be added to your Testimonial account 💪
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 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.
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 the Save & Close button.
That’s it! Your Instagram shoutouts will now appear on your site ✌️