How to Display Instagram Stories on Your Website

Are you looking to boost your website's engagement and captivate your audience with your Instagram stories? Well, the good news is that you can now display your Instagram stories directly on your website. In this post, we will guide you through the 3 steps to embed Instagram stories using Spotlight.
How to Display Instagram Stories on Your Website

If you’re looking to embed Instagram stories on your WordPress website, you’re in luck! With the help of a powerful plugin like Spotlight, displaying your Instagram stories on your website has never been easier.

Instagram stories are a fantastic way to engage with your audience, and with Spotlight, you can now seamlessly integrate them into your WordPress site. Instead of having to keep them on your Instagram profile, you can now share them with your website visitors and followers.

In this article, I’ll show you how to easily embed your Instagram stories on your website in 3 easy steps. Let’s see how it’s done.

Why should you display Instagram stories on your website?

While there are many reasons why you should display Instagram stories on your website, one of the main reasons is that it’s a great way to engage with your audience. Instagram stories are an incredibly popular feature on the platform, and showcasing them on your website can help to increase your social media engagement and build a stronger connection with your followers.

By embedding your Instagram stories on your website, you can also boost your online presence and attract new followers to your social media accounts. When visitors visit your website and see your Instagram stories, they may be compelled to follow you on Instagram to see more of your content. This can be a great way to grow your social media following and expand your reach online.

In addition to this, displaying your Instagram stories on your website can help to improve your website’s user experience. By incorporating engaging and visually appealing content like Instagram stories into your website, you can make your website more interesting and engaging for visitors. This can help you keep visitors on your website for longer periods of time and increase the likelihood that they’ll return in the future.

Overall, displaying Instagram stories on your website can be a powerful tool for building your brand, engaging with your audience, and growing your online presence.

How to display Instagram stories on your website

Step 1: Connect your account

After installing and activating Spotlight, start by creating a new feed. Go to Instagram Feeds > Feeds to get started.

Create an Instagram feed

The first step is to select what Instagram content you want to display in your feed. In this example, I’ve selected My Instagram posts. Next, select one of Spotlight’s pre-designed templates.

Finally, it’s time to connect your account and authorize the plugin to import your Instagram posts. It’s important to note that in order to be able to show Instagram stories on WordPress, you will need to have a Business account.

Don’t fret! Switching from a Personal account to a Business one is free of charge and can be reverted at any time. Business accounts give you access to insights and business features within Instagram itself and they also unlock a number of features within Spotlight.

Once you’ve connected your account, your feed will be displayed automatically, thanks to Spotlight’s live interactive preview.

Connect your account

Step 2: Display your stories

Designing your feed with Spotlight is easy. While it comes with pre-designed templates, the plugin also offers over 40 customization options to customize them further.

For instance, I started off with the Slideshow template in this example. I then switched to the Design tab to personalize the appearance of my header. The reason being that my Instagram stories will be featured there, so it’s crucial to ensure that it’s captivating enough to capture the attention of my visitors.

Design your Instagram feed

To do this, scroll down to the Feed Header section. Here you can choose to add custom bio text, change the header background, and upload a custom photo among other settings. It is important that your profile photo is enabled here in order to allow stories to be shown in your feed.

Include stories in your feed

Once you’ve done that, it’s time to configure your stories settings. Here you’ll find two options:

  • Include or exclude stories, and
  • Stories interval time.

Hit the check box and if you have any stories which are currently live, your profile photo will get an outline indicating that a story is ready to be viewed.

Spotlight also lets you determine the number of seconds you wish to dedicate to each one when displaying multiple stories. Once a user clicks on your profile photo, the Instagram story will open in a lightbox or popup box.

In fact, Spotlight displays stories in much the same way as Instagram does. This keeps things familiar between the two platforms.

Step 3: Embed your feed

All you need to do now is embed your feed using the generated shortcode or the dedicated block.

Embed your Instagram stories

Once a website visitor clicks on your profile, the story will automatically show up in a lightbox or popup box as shown in the example below:

Conclusion

In conclusion, embedding Instagram stories on your WordPress website can be a game-changer for your social media strategy. Not only can it help increase engagement and followers, but it also allows for a more personal connection with your audience. With the help of an Instagram feed plugin like Spotlight, displaying your stories on your website is now easier than ever before.

By using Instagram stories to showcase your day-to-day life, products, and services, you can boost your marketing efforts and generate more interest in your brand. The disappearing nature of Instagram stories makes them even more compelling as people don’t want to miss out on anything.

So, why not give it a try? Install Spotlight and start showcasing your Instagram stories on your website today. You never know, it could be the missing piece to your social media puzzle!

Can Spotlight help you and your team revamp your website? We'd love to help you find out. Why not give Spotlight a try?

Article by

Gaby Abela

Gaby is a talented content creator with a passion for design and an intuitive understanding of UI/UX. Guided by the principles of ethical social media marketing, her articles aim to enlighten and engage, making the world of social media for WordPress accessible to all.

Article by

Gaby Abela

Gaby Abela

Gaby is a talented content creator with a passion for design and an intuitive understanding of UI/UX. Guided by the principles of ethical social media marketing, her articles aim to enlighten and engage, making the world of social media for WordPress accessible to all.
Gaby Abela

Gaby Abela

Gaby is a talented content creator with a passion for design and an intuitive understanding of UI/UX. Guided by the principles of ethical social media marketing, her articles aim to enlighten and engage, making the world of social media for WordPress accessible to all.
Table of Contents
Sign up to our newsletter to get our latest updates, news, tips & more.

Leave a Reply

Your email address will not be published. Required fields are marked *

Add Instagram to your website in seconds

with the fastest-growing and most complete Instagram solution for WordPress.

Free Download

Instagram Feeds Lookbook
Instagram Feeds Lookbook

Get inspired by nine of the best use cases of Instagram feeds from real Spotlight users.