by Ramona Nemeth-Csoka on March 3, 2022

How to Add an Instagram Slider for your WordPress Site?

Instagram is one of today’s most popular social media platforms. It went down a very similar path to WordPress. WordPress started as a blogging platform, but it soon became the most popular CMS. In fact, at the moment of writing WordPress powers more than 40% of the web. Instagram started as a personal photo journal but it has become more and more popular. Actually, it has turned into a platform that helps anyone grow visibility at a rapid rate. Thus, it makes sense that you want to create an Instagram slider to display your Instagram posts on your site.

Why do you need an Instagram slider?

Instagram is the best social platform to grow brand awareness. So, the more you post on Instagram the more chances you have to reach new people. Since you post many awesome things to Instagram, you might want to bring these posts to your website as well. As you can post images and videos to Instagram, it makes a lot of sense to display its post in the form of a slider. In fact, a slider is the best tool to display many photos or videos in a captivating manner on a website.

Smart Slider 3 Logo
The new way to build a Slider
Next generation visual editor, customizable animations & effects, and access to hundreads of premade templates.

Social media presence can help you build trust in your visitors. Being active in social media tells people you’re a real person and they should do business with you. In other words, when a visitor sees your Instagram posts on your website, they’ll look at your profile. They’ll see your posts and know you take your business seriously. So, a slider from your Instagram images and videos can get you more sales!

How to create an Instagram slider in WordPress?

The simplest way of creating an Instagram slider in WordPress is to install a plugin to help you. But there are many plugins available to help you create a nice slider from your Instagram posts. Unfortunately, lots of these plugins limit you in some way. For example, they let you create sliders with a limited number of layouts. If you don’t want any limitations, give Smart Slider Pro a try!

So, how do you get an Instagram slider up and running on your site? Follow these simple steps:

  1. Install Smart Slider Pro
  2. Create a new slider project
  3. Click on Add new, choose Dynamic Slide and find Instagram
  4. Set up your Instagram app and request a new token
  5. Choose the content your slider should display
  6. Create your beautiful slides based on your Instagram content

Need more detailed instructions? Check the dedicated documentation on how to set up the Instagram generator.

Why should you use Smart Slider to create an Instagram slider?

Smart Slider is the most popular responsive slider for WordPress. The Instagram slider generator has finally arrived at Smart Slider! From now on you can create beautiful sliders from your Instagram posts. In fact, Smart Slider does not limit you to predefined layouts to create your slider. So, you can create simple image or video slides. But you can also add the date, time and caption of the post in the layout you want. Actually, all sliders you create from your Instagram posts can look completely different. How cool is that?

To learn more about creating an Instagram slider in Smart Slider, be sure you watch our detailed tutorial video below.

Inspiring Instagram Slider templates

Every time we release a new feature to Smart Slider, we add inspiring new templates. These templates help us to showcase the new feature. Additionally, they’re very helpful to inspire you to create something awesome. To show the power of the Instagram generator, we created not one, but two new slider templates.

Instagram Slider

The Instagram Slider template helps your visitors focus on one single post at a time. So, they can view the image you posted to Instagram in a large size. Next to the image you can find the post’s description, partly covering the image.

Instagram Slider template

Instagram Carousel

The Instagram Carousel displays your posts in a more traditional manner. Instead of displaying one slide at a time, the visitors can see more slides next to each other. A carousel like this allows the visitors to quickly browse the slides to check your images.

Instagram Carousel template

How to use a template slider in your generator?

Smart Slider comes with a great number of gorgeous slider templates. These templates don’t use any dynamic slides, so all users can import and use them on their site. This might raise the question: how to make the template slider use dynamic slides? It’s pretty simple, you just need to follow the steps below:

  1. Import the template you want to use
  2. Go to one of the slides and copy it
  3. Create a slide using the Instagram generator
  4. Paste the slide you copied before
  5. Replace the copied content with the Instagram generator’s variables
  6. Remove the slides from the template

Be sure to check out the documentation article for detailed instructions.

Conclusion

The Instagram generator is an awesome addition to Smart Slider. Instagram is one of the biggest social media platforms. As a result, it’s one of the best tools to raise brand awareness. Now that you can bring your photos and videos from Instagram to your website, you can use the power of Instagram to build trust. And building trust is one of the most important factors of creating a successful website.

Ramona Nemeth-Csoka

About Author

Hi, I’m Ramona and I’m a member of Nextend‘s awesome support team. You’ve probably chat with me if you’ve submit a support ticket. When I’m not answering support emails I read a book or go cycling. I enjoy writing as well, both for our blog and for my private projects.