{"id":1700,"date":"2019-09-18T15:00:12","date_gmt":"2019-09-18T13:00:12","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=1700"},"modified":"2023-09-26T14:50:24","modified_gmt":"2023-09-26T12:50:24","slug":"add-instagram-feed-to-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/add-instagram-feed-to-wordpress\/","title":{"rendered":"How to Display Your Instagram Feed on Your WordPress Website"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Did you know that as of 2023 <a href=\"https:\/\/viralyft.com\/blog\/instagram-statistics\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram has over 2.3 billion active users<\/a>? Regardless of your industry and niche, that is some potential you simply have to tap into. Everyone\u2019s on it these days, even the big corporations, who use it to establish their brand personality and promote their business. But it\u2019s not enough to just \u201cbe on Instagram.\u201d To truly thrive on social media, you have to connect all your social profiles into one integral web presence that users can easily navigate between.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]One of the best ways to keep your website visitors engaged with your Instagram activity is to <strong>add an Instagram feed in WordPress to display it on your website<\/strong>. We\u2019re here today to give you some guidelines about that, but first let\u2019s see what an Instagram feed actually is and how it works. Here\u2019s what we\u2019re going to cover:[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-is-an-instagram-feed\">What is an Instagram Feed?<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#using-qode-interactive-theme\">Adding an Instagram Feed Using Your Qode Interactive Theme<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#using-the-smash-balloon-plugin\">Adding an Instagram Feed Using the Smash Balloon Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#using-the-spotlight-instagram-feeds-plugin\">Adding an Instagram Feed Using the Spotlight Instagram Feeds Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-is-an-instagram-feed\"><\/a>What Is an Instagram Feed?<\/h2>\n<p>[\/vc_column_text][vc_column_text]Instagram is a feed-based platform in itself, given that it works by displaying updated content in real time. Dynamic by nature, it makes a great addition to WordPress websites that aim to keep their visitors engaged with constantly fresh content.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]An Instagram feed on a website means that the content you post on your Instagram profile (photos and videos) gets displayed and updated on your website as well. Not only will your visitors be up to date with your latest posts but you will also increase social engagement and interactions and raise the number of followers on your Instagram account. Plus, the Instagram content makes your website look fresh and dynamic with little or no effort.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"using-qode-interactive-theme\"><\/a>Adding an Instagram Feed Using Your Qode Interactive Theme<\/h2>\n<p>[\/vc_column_text][vc_column_text]The majority of Qode Interactive\u2019s <a href=\"https:\/\/qodeinteractive.com\/themes-list\/\" rel=\"noopener noreferrer\">premium WordPress themes<\/a> come with an Instagram feed already built in. If you have purchased one of our <strong>WordPress themes that have Instagram integration<\/strong>, here\u2019s how to activate the feed and start sharing your Instagram posts directly on your website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]1. The first thing to do is to <strong>connect your website with your Instagram account <\/strong>(if you have several Instagram accounts, you will have to pick one to display on your site). In your Dashboard, go to general theme options. In our example, we are using Bridge, so the options are titled <em><strong>Qode Options<\/strong><\/em>. In themes made by other authors that are part of Qode Interactive, the name of the theme options will be <em>Select\/Edge\/Elated\/Mikado Options<\/em>, depending on which theme you\u2019re using.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now click on <em><strong>Social<\/strong> <\/em>to connect your account.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram.jpg\" class=\"attachment-full size-full\" alt=\"Qode Options Socila\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]2. Find <em><strong>Instagram<\/strong><\/em> among the available social networks and click the button that says <em><strong>Connect with Instagram<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-1.jpg\" class=\"attachment-full size-full\" alt=\"Connect Qode Theme with Instagram\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-1.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-1-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-1-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]3. You will now be asked to authorize the theme to access your Instagram profile (your basic information, media and profile info). Click on <em><strong>Authorize<\/strong><\/em> to complete this step.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-2.jpg\" class=\"attachment-full size-full\" alt=\"Authorize Instagram\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-2.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-2-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-2-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]4. Once you have connected your site with Instagram, you will be able to easily <strong>disconnect or reconnect<\/strong> by clicking the corresponding buttons.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-3.jpg\" class=\"attachment-full size-full\" alt=\"Disconnect or Reconnect Instagram\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-3.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-3-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-3-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]5. After connecting your website with your Instagram account, it\u2019s time to add the feed to your site. This is done using widgets. Go to <em><strong>Appearance &gt; Widgets<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-4.jpg\" class=\"attachment-full size-full\" alt=\"Add Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-4.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-4-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-4-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]6. Here you\u2019ll notice that there is a custom <strong>Qode Instagram Widget<\/strong> created just for this purpose, listed among the other available widgets on the left side of the screen.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-5.jpg\" class=\"attachment-full size-full\" alt=\"Qode Instagram Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-5.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-5-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-5-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]7. To add the widget, simply <strong>drag and drop it<\/strong> in the desired widget area. After that, you can customize the feed as you like.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-6.jpg\" class=\"attachment-full size-full\" alt=\"drag and drop instagram widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-6.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-6-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-6-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]8. Set the title for your Instagram feed, add tags, specify the number of photos you want to display and the number of columns you want to use. You can also set the image size, cache time for images and add a hover effect, if you like.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Click on <em><strong>Done<\/strong><\/em> to save the changes.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We placed the feed in the footer of our site using the Bridge theme, and here\u2019s what it looks like:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-7.jpg\" class=\"attachment-full size-full\" alt=\"Instagram Bridge theme\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-7.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-7-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-7-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;79px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"using-the-smash-balloon-plugin\"><\/a>Adding an Instagram Feed Using The Smash Balloon Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]Another excellent solution for your Instagram feed needs is the <a href=\"https:\/\/wordpress.org\/plugins\/instagram-feed\/\" target=\"_blank\" rel=\"noopener noreferrer\">Smash Balloon Social Photo Feed plugin<\/a> for WordPress.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"520\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Smash-Balloon-Social-Photo-Feed-update.jpg\" class=\"attachment-full size-full\" alt=\"Smash Balloon Social Photo Feed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Smash-Balloon-Social-Photo-Feed-update.jpg 970w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Smash-Balloon-Social-Photo-Feed-update-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Smash-Balloon-Social-Photo-Feed-update-768x412.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Smash-Balloon-Social-Photo-Feed-update-620x332.jpg 620w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Something of a veteran in its field, with over one million active installations, regular updates and excellent support, this is a plugin that takes care of everything. It connects with your Instagram account (or multiple accounts, if you have them) and <strong>displays the feed where you want it<\/strong>. You get to set everything just the way you like it, including where you want to add the feed and how regularly you want it to fetch new content from your profile.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Installing and Configuring the Plugin<\/h3>\n<p>[\/vc_column_text][vc_column_text]To install the Smash Balloon Social Photo Feed plugin, you need to log into your Dashboard, click on <em><strong>Plugins<\/strong><\/em> and then type the name of the plugin in the search bar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-8.jpg\" class=\"attachment-full size-full\" alt=\"Add New Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-8.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-8-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-8-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Click on <em><strong>Install Now<\/strong><\/em> and then on <em><strong>Activate<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-11.jpg\" class=\"attachment-full size-full\" alt=\"Activate Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-11.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-11-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-11-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<em><strong>Instagram Feed<\/strong><\/em> will appear in your Dashboard menu. To set everything up, navigate to <strong>Instagram Feed &gt; Settings<\/strong><em>. <\/em>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/1-Instagram-Feed-settings.jpg\" class=\"attachment-full size-full\" alt=\"Instagram Feed settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/1-Instagram-Feed-settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/1-Instagram-Feed-settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/1-Instagram-Feed-settings-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/1-Instagram-Feed-settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Click on the <strong>Add Source<\/strong> button and follow the instructions on the screen to connect your account or accounts.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/2-Manage-Sources.jpg\" class=\"attachment-full size-full\" alt=\"Manage Sources\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/2-Manage-Sources.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/2-Manage-Sources-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/2-Manage-Sources-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/2-Manage-Sources-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Select the account type using the radio button, and connect your account by clicking on the <strong>Login with Instagram<\/strong> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Login-with-Instagram-button.jpg\" class=\"attachment-full size-full\" alt=\"Login with Instagram button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Login-with-Instagram-button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Login-with-Instagram-button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Login-with-Instagram-button-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Login-with-Instagram-button-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you are not already logged in, you will need to enter your login credentials and grant Smash Balloon access to your Instagram data. To do so, click the<strong> Allow<\/strong> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/4-Smash-Balloon-access-to-your-Instagram-data.jpg\" class=\"attachment-full size-full\" alt=\"Smash Balloon access to your Instagram data\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/4-Smash-Balloon-access-to-your-Instagram-data.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/4-Smash-Balloon-access-to-your-Instagram-data-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/4-Smash-Balloon-access-to-your-Instagram-data-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/4-Smash-Balloon-access-to-your-Instagram-data-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once your account is connected, it will appear in the <strong>General<\/strong> tab of your plugin.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/5-General-tab-of-your-plugin.jpg\" class=\"attachment-full size-full\" alt=\"General tab of your plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/5-General-tab-of-your-plugin.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/5-General-tab-of-your-plugin-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/5-General-tab-of-your-plugin-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/5-General-tab-of-your-plugin-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]There\u2019s also a box you can check if you want to keep your settings even after the Instagram feed plugin is removed. That way, if you decide to reinstall it, you won\u2019t have to set everything back again to how it was.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/6-Keep-your-settings-after-the-Instagram-feed-plugin-is-removed.jpg\" class=\"attachment-full size-full\" alt=\"keep your settings even after the Instagram feed plugin is removed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/6-Keep-your-settings-after-the-Instagram-feed-plugin-is-removed.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/6-Keep-your-settings-after-the-Instagram-feed-plugin-is-removed-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/6-Keep-your-settings-after-the-Instagram-feed-plugin-is-removed-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/6-Keep-your-settings-after-the-Instagram-feed-plugin-is-removed-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Using the Feeds tab, you can set how often you want the plugin to check for new posts (in minutes, hours or days).[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/7-Check-for-new-posts.jpg\" class=\"attachment-full size-full\" alt=\"Check for new posts\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/7-Check-for-new-posts.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/7-Check-for-new-posts-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/7-Check-for-new-posts-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/7-Check-for-new-posts-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now that you have connected your Instagram account to your website, you can continue adding your instagram feed. First, navigate to <strong>Instagram Feed<\/strong> on your WordPress dashboard and select <strong>All Feeds<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/8-Continue-adding-your-instagram-feed.jpg\" class=\"attachment-full size-full\" alt=\"Continue adding your instagram feed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/8-Continue-adding-your-instagram-feed.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/8-Continue-adding-your-instagram-feed-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/8-Continue-adding-your-instagram-feed-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/8-Continue-adding-your-instagram-feed-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]With this free version of the plugin, we only have one type of Instagram feed available: <strong>User Timeline<\/strong>. We will select that, and click the <strong>Next<\/strong> button in the upper right. Other feeds are enabled for pro users, but we will not be demonstrating them here.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/9-User-Timeline.jpg\" class=\"attachment-full size-full\" alt=\"User Timeline\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/9-User-Timeline.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/9-User-Timeline-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/9-User-Timeline-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/9-User-Timeline-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Next, you need to select the source for the user timeline, that is, the account you will be using. Click the <strong>Add Source<\/strong> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/10-select-the-source-for-the-user-timeline.jpg\" class=\"attachment-full size-full\" alt=\"Source for the user timeline\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/10-select-the-source-for-the-user-timeline.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/10-select-the-source-for-the-user-timeline-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/10-select-the-source-for-the-user-timeline-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/10-select-the-source-for-the-user-timeline-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the pop-up window, select the source for your User timeline. If you don\u2019t have one, you can add one by clicking on the <strong>Add New<\/strong> space. Once you have selected one, click the <strong>Add<\/strong> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/11-Add-New-space.jpg\" class=\"attachment-full size-full\" alt=\"Add New space\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/11-Add-New-space.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/11-Add-New-space-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/11-Add-New-space-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/11-Add-New-space-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you have selected a source, you will be taken to a window where you can customize and style your feed. Here you can:[\/vc_column_text]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <ul class=\"qodef-ul-items\">\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Set the width, height and background color of the feed<\/span>\n\t\t\t\t            <\/li>\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Set the number of photos to be displayed<\/span>\n\t\t\t\t            <\/li>\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Set the padding and number of columns<\/span>\n\t\t\t\t            <\/li>\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Sort photos (from newest to oldest or random)<\/span>\n\t\t\t\t            <\/li>\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Set image resolution for your Instagram photos<\/span>\n\t\t\t\t            <\/li>\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Show or hide the Follow and Load More buttons<\/span>\n\t\t\t\t            <\/li>\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Enable or disable feed header, set header size and color and add the user bio.<\/span>\n\t\t\t\t            <\/li>\n\t\t    <\/ul>\n        <\/li>\n<\/ul>[vc_column_text]The basic functionalities are there, but many options are limited to pro users.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/12-Basic-functionalities.jpg\" class=\"attachment-full size-full\" alt=\"Basic functionalities\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/12-Basic-functionalities.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/12-Basic-functionalities-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/12-Basic-functionalities-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/12-Basic-functionalities-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you have set up your feed\u2019s style the way you like it, you can embed it into any shortcode-ready area of your website. To get the shortcode, click on the <strong>Embed<\/strong> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/set-up-your-feeds-style.jpg\" class=\"attachment-full size-full\" alt=\"Set up your feed\u2019s style\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/set-up-your-feeds-style.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/set-up-your-feeds-style-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/set-up-your-feeds-style-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/set-up-your-feeds-style-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You can now copy the shortcode either by selecting it and copying it as you would any other text, or by clicking on the <strong>Copy<\/strong> button. You can then use it as you would any other shortcode: on a page, as part of a post, or in any widget area of your website.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/13-Copy-the-shortcode.jpg\" class=\"attachment-full size-full\" alt=\"Copy the shortcode\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/13-Copy-the-shortcode.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/13-Copy-the-shortcode-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/13-Copy-the-shortcode-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/13-Copy-the-shortcode-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This is what it looks like on the <strong>About Me<\/strong> page of our test website.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/14.jpg\" class=\"attachment-full size-full\" alt=\"Instagram Feed Using The Smash Balloon Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/14.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/14-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/14-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/14-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;90px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"using-the-spotlight-instagram-feeds-plugin\"><\/a>Adding an Instagram Feed Using the Spotlight Instagram Feeds Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you\u2019re using a theme that doesn\u2019t come with our built-in Instagram feed, or if you prefer using plugins, then <a href=\"https:\/\/spotlightwp.com\/?utm_source=qodeinteractive\" target=\"_blank\" rel=\"noopener noreferrer\">Spotlight Instagram Feeds<\/a> is the right solution for you.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-Instagram-Feeds.jpg\" class=\"attachment-full size-full\" alt=\"Spotlight Instagram Feeds\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-Instagram-Feeds.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-Instagram-Feeds-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-Instagram-Feeds-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This WordPress plugin takes care of all your Instagram needs. You can connect multiple accounts, both Personal or Business, in a matter of seconds and <strong>display your feeds anywhere on your website<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Thanks to its <strong>live interactive preview<\/strong>, designing the look of your feed has never been easier. No matter your level of WordPress knowledge, you can easily set the number of posts and columns of your feed. The plugin\u2019s intuitive and easy-to-use interface lets you seamlessly integrate your Instagram posts with your website\u2019s theme and styling.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The <a href=\"https:\/\/wordpress.org\/plugins\/spotlight-social-photo-feeds\/\" target=\"_blank\" rel=\"noopener noreferrer\">free Instagram feed plugin<\/a> offers everything you need to get started. It comes with a beautiful Grid layout that can display your posts in a lightbox (pop-up), is fully responsive and lets you add a \u201cFollow\u201d button to ensure your visitors can be converted into followers.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The paid version offers some more advanced features, such as the ability to display tagged and hashtag posts from all over Instagram, as well as your Instagram Stories. It also allows you to filter and moderate your feed. This ensures that you get to choose exactly what you want your visitors to see. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Additionally, the PRO version comes with stunning Highlight, Masonry and other layouts. It lets you display the number of comments and likes on your Instagram post, as well as display captions.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Most importantly, Spotlight is fast and reliable and won\u2019t impact your website\u2019s loading speed. The plugin also has its own caching system which makes sure that your Instagram feeds are always backed up![\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Installing and Configuring the Plugin<\/h3>\n<p>[\/vc_column_text][vc_column_text]1. To install Spotlight, you need to log into your Dashboard, click on <em><strong>Plugins<\/strong><\/em>, and type &#8220;<strong>Spotlight Social Photo Feeds<\/strong>&#8221; the name of the plugin in the search bar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-8.jpg\" class=\"attachment-full size-full\" alt=\"Add New Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-8.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-8-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-8-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]2. Click on <em><strong>Install Now<\/strong><\/em> and then on <em><strong>Activate<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Activate-Spotlight.jpg\" class=\"attachment-full size-full\" alt=\"Activate Spotlight\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Activate-Spotlight.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Activate-Spotlight-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Activate-Spotlight-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]3. <em><strong>Instagram Feeds<\/strong><\/em> will appear in your Dashboard menu. Click on it to access the plugin options.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-Feed-in-Dashboard.jpg\" class=\"attachment-full size-full\" alt=\"Instagram Feed in Dashboard\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-Feed-in-Dashboard.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-Feed-in-Dashboard-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Instagram-Feed-in-Dashboard-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]4. Choose between a Personal or Business Instagram account and select the relevant button on the startup page.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this example, we\u2019ll be using a Personal account. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Using-a-Personal-account.jpg\" class=\"attachment-full size-full\" alt=\"Using a Personal account\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Using-a-Personal-account.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Using-a-Personal-account-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Using-a-Personal-account-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will need to authorize Spotlight to get access to your Instagram profile info and your media.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Once your account has been connected, you will be asked if you want to add a profile photo and custom bio. In the case of Personal accounts, Instagram doesn\u2019t allow for user bios and profile pictures to be imported so Spotlight addresses this issue with a simple fix.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-addresses.jpg\" class=\"attachment-full size-full\" alt=\"Spotlight addresses\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-addresses.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-addresses-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-addresses-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]5. Once you\u2019ve got everything set up, your feed will automatically show up in the live interactive preview. Name your feed and head over to the Design tab.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Name-your-feed-and-head-over-to-the-Design-tab.jpg\" class=\"attachment-full size-full\" alt=\"Name your feed and head over to the Design tab\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Name-your-feed-and-head-over-to-the-Design-tab.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Name-your-feed-and-head-over-to-the-Design-tab-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Name-your-feed-and-head-over-to-the-Design-tab-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]6. Under the Design tab you can:[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Set the number of posts to be displayed and the number of columns<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Sort posts (from newest to oldest, popularity or at random)<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Open posts in lightbox, new or same tab<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Set the width, height and background color of the feed<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Set the inside and outside padding and text size<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Show or hide the Instagram icon on your posts on hover<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Design your feed according to your device (desktop, tablet and mobile)<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Enable or disable the feed header, set the background color, text size and text color, and add the bio<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Set whether the Load More and Follow buttons will be shown or not, their position, background color, button text and text color<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;12px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Under-the-Design-tab.jpg\" class=\"attachment-full size-full\" alt=\"The Design tab\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Under-the-Design-tab.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Under-the-Design-tab-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Under-the-Design-tab-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]7. In the PRO version, you will now be able to filter and moderate your feed.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Filter-and-moderate.jpg\" class=\"attachment-full size-full\" alt=\"Filter and moderate\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Filter-and-moderate.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Filter-and-moderate-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Filter-and-moderate-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]8. After customizing the feed, it\u2019s time to<strong> embed<\/strong> it. The Embed tab will present you with a shortcode which you can paste in any page, post or widget.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Your Instagram feed will then be displayed according to the settings you\u2019ve set up under the Design tab. You can adjust these settings at any time and your feed will be automatically updated on the front end. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Get-a-shortcode-which-you-can-place-anywhere-you-want.jpg\" class=\"attachment-full size-full\" alt=\"Get a shortcode which you-can place anywhere you want\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Get-a-shortcode-which-you-can-place-anywhere-you-want.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Get-a-shortcode-which-you-can-place-anywhere-you-want-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Get-a-shortcode-which-you-can-place-anywhere-you-want-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Spotlight also has a dedicated widget which you can use to display your feed.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-widget.jpg\" class=\"attachment-full size-full\" alt=\"Spotlight widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Spotlight-widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You have now successfully set up your Instagram feed![\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In your dashboard, head over to \u201cFeeds\u201d to access and manage all your feeds. Spotlight lets you know which accounts are being used and where each feed is being shown. It also allows you to delete feeds and copy shortcodes.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Access-and-manage-all-your-feeds.jpg\" class=\"attachment-full size-full\" alt=\"Access and manage all your feeds\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Access-and-manage-all-your-feeds.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Access-and-manage-all-your-feeds-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/09\/Access-and-manage-all-your-feeds-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]Considering the enormous popularity of Instagram as a content sharing platform, it\u2019s no wonder we see more and more of these Instagram feeds on websites all over the Internet. If you\u2019re not using one, you risk appearing out of touch, and you probably don\u2019t want that.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Fortunately, connecting your Instagram account with your website is extremely easy to do, especially if you\u2019re using one of Qode Interactive\u2019s themes that come with built-in Instagram feed. Alternatively, you can always use one of the plugins we discussed above.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Either way, it\u2019s time to connect, upload and share![\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>An Instagram feed on a website means that the content you post on your Instagram profile (photos and videos) gets displayed and updated on your website as well.<\/p>\n","protected":false},"author":3,"featured_media":1864,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15,13],"class_list":["post-1700","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/1700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=1700"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/1700\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/1864"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=1700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=1700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=1700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}