Fix: MySQL error when retrieving resized images. This will exclude any posts that use any of the words within the list of comma-separated words. However, if you want to show a hashtag feed, you’ll need a Business Instagram account. After that, you’ll see your account listed next to the ‘Instagram Accounts’ like this: Note: You can connect more than one account. What are the Costs? To add a testimonial, go to My Site → Testimonials → Add. Tweak: Header and follow button will still be displayed when number of posts is set to 0. Tweak: Data for the feed is now cached outside of the admin-ajax.php calls. It allows you to scrape posts from a user's profile page, hashtag page, or place. Tip: If you only want to create one feed for your site, then you can change these settings under the Configure tab, as shown above. Occasionally the blue Instagram login button does not produce a working access token. The free social media plugin includes the following features: Pick from 16 different designs for your social media share icons; Give several actions to one social media share icon (e.g. Thanks. Tweak: Button and input field styling updated to look better with WordPress 5.3. You can display multiple Instagram feeds by using shortcode options, for example: New: Added support for IGTV posts. Nunca lo había usado. New: Added PHP hooks ‘sbi_before_feed’ and ‘sbi_after_feed’ for displaying HTML before and after the main Instagram feed HTML. If needed, this can be disabled again by using the setting at the bottom of the plugin’s ‘Customize’ settings page. You might also want to see our comparison of the best WordPress giveaway plugins to grow your social following, and best email marketing services to increase your website traffic. [instagram-feed user=”ANOTHER_USER_NAME, YET_ANOTHER_USER_NAME” num=4 cols=4 showfollow=false]. If there is a critical error with your feeds, it will now be flagged in the site health page. To convert your Personal Instagram account into a Business Account, you can follow Smash Balloon’s step by step instructions. Update the page and you're done. The plugin will then ask if you’d like to connect the account and start using it in a feed. Due to recent Instagram platform changes, it's no longer possible to create a feed by adding the access token to the shortcode. Enable this using the “Check for new posts” setting on the “Configure” tab. Fix: Fixed PHP warning “Undefined index: accesstoken” which would display when no primary account was selected. When you share a link to a Instagram post, WordPress automatically converts it into an embedded Instagram post for you (an “oEmbed”). httplib2; simplejson; six; Instagram REST and Search APIs. That’s possible as well with few simple configurations. Use our Facebook, YouTube, and Twitter plugins to add even more social content to your website and help further engage your viewers and increase your followers. Fix: Fixed PHP Error that would occur when connecting a personal account that would result in an HTTP error. 3) Navigate to the Instagram Feed customize page to customize your Instagram feed. New: Added a PHP hook “sbi_clear_page_caches” which allows you to dynamically disable the Instagram Feed code that clears caches created by common page caching plugins. Alternatively if you prefer, you can add it in a sidebar widget. Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri. A mixed feed is one that combines different types, such as photos from a user account plus photos from a hashtag. New: Support added for the new Instagram Basic Display API. You may have an error in the Instagram Feed shortcode you are using or are missing a necessary argument. Tweak: Added code to clear page caching from Litespeed cache when clearing page caches with the plugin. Resizing the browser will now automatically raise the image resolution if needed. Fix: After connecting an account, the warning that there were no connected accounts would still be visible. Fix: Connecting a business account on a mobile device when more than 2 pages where returned was not possible. Tweak: Removed width and height attributes from the image element in the feed to prevent notices about serving scaled images in optimization tools. Super simple to set up You’ll then see a popup asking you to choose whether you’re using a Personal or Business Instagram profile. Excelente! You can also subscribe without commenting. We’ve made it super easy. You can activate this on the Instagram Feed Customize page. Zucchini Corn Tamal Casserole: Skip making fussy individual tamales and try this easy vegan dish instead. Increase engagement between you and your Instagram followers. While on the Configure tab, click on the big blue button to connect an account, or use the “Manually Connect an Account” option to connect one using an existing Access Token. Genial!!! To add the Facebook feed to your site, copy the shortcode [custom-facebook-feed] and paste it anywhere on your website. When editing a page or post, simply click on the 'C' icon in the toolbar, and paste the shortcode you were given when you created your music player into the pop up box. You can activate this on the Instagram Feed Customize page. See. A Python 2/3 client for the Instagram REST and Search APIs. View. Fix: Old accounts from Instagram’s deprecated, non-functioning API are ignored if still connected. Joomla! 7) You can use the default WordPress ‘Text’ widget to display your Instagram Feed in a sidebar or other widget area. Enable on the “Customize” tab. New: Added a notice for accounts that are private which lets you know how long until the account needs to be refreshed. Thanks to, Confirmed compatibility with the upcoming WordPress 5.0 “Gutenberg” update, Fix: Fixed an issue caused by some themes which affected the formatting of the ‘Load More’ and ‘Follow’ buttons, Fix: Fixed an occasional formatting issue with error messages due to no line-height being set, Tweak: Removed mention of some Pro features which will be deprecated due to upcoming Instagram API changes. Tweak: Changed screen reader and alt text to be more SEO friendly (change made to item.php template). You can even use shortcodes to create a mixed feed that combines different feed types, such as your Instagram user account plus all photos with a specific hashtag. your facebook share icon can lead visitors to your Facebook page, and also give visitors the opportunity to like your page) Fix: Local images not being used when available in certain circumstances. I had a couple small issues with the plugin when I first started using it, but a quick comment on the support forums got a new version pushed out the next day with the fix. Tweak: If the image resizing feature isn’t able to work successfully due to an issue, then the GDPR setting will be disabled unless manually enabled to prevent blank images in the feed. Notify me of followup comments via e-mail. Completely responsive and mobile ready –your Instagram feed layout looks great on any screen size and in any container width, Display multiple Instagram feeds on the same page or on different pages throughout your site by using our powerful Instagram Feed shortcode options, Display posts from multiple Instagram User IDs, Use the built-in shortcode options to completely customize each of your Instagram feeds, Infinitely load more of your Instagram photos with the ‘Load More’ button. You can do this adding buttontext="See More Photos" to your shortcode. Important: March 2 deadline for migrating to the new Instagram API pushed back to March 31. Thanks to Julio Potier of. Fix: Carousel posts would not show images when using the “Disable JS Image Loading” setting and image resizing was disabled. Once installed, you can be displaying your Instagram photos within 30 seconds! Smash Balloon’s Instagram Feed plugin lets you tweak everything about how your Instagram photos display on your site. Fix: Using the “Load Initial Posts with AJAX” setting would cause images to not resize with the browser window. This is a step by step guide on how to use shortcode in WordPress PHP template that you easily follow. We’re dedicated to providing the most customizable, robust and well supported Instagram feed plugin in the world, so if you have an issue or have any feedback on how to improve the plugin then please open a ticket in the Support forum. This article was loaded with information that I can use. * Display the number of like and comments for each post Once you add an Instagram post the Instagram feed should display normally, 5) The shortcode you are using is incorrect. You’ll see a number of different settings that you can use within the [instagram-feed] shortcode. New: Added aria-label attributes to SVGs for improved accessibility. New: Added several PHP hooks for modifying feeds settings and functionality. Fix: Fixed PHP error related to a missing file. New: Added an optional header to the Instagram feed which contains your Instagram profile picture, Instagram username and Instagram bio. Let's have a personal and meaningful conversation. Another option you may want to use is to change the text of the Load More button. Use the setting on the “Configure” tab “Check for new posts every” to set how long feed data will be cached before refreshing. Fix: System information was not formatting connected Instagram accounts and user ids correctly, Fix: “Unauthorized redirect URL” error occurring while trying to connect a new Instagram account due to recent changes from Instagram, Fix: Using a percent for the image padding was causing the height of Instagram images to be to tall, New: Retrieving Access Tokens and connecting multiple Instagram accounts is now easier using our improved interface for managing account information. – I’ve definitely noticed an increase in followers on Instagram since I added this plugin to my sidebar. Tweak: Updated language files for version 2.0+. New: You can now display Instagram photos from multiple Instagram User IDs. Front-end admin notifications can be disabled by using the following setting: Instagram Feed > Customize > Advanced > Misc > Disable Admin Error Notice. Increase your number of Instagram followers by displaying your Instagram content directly on your site. Original files with original names still included in this update. If you want to see all the possible settings, just go to Instagram Feed » Settings » Display Your Feed to get the full list: We hope this article helped you learn how to create a custom Instagram feed in WordPress. Tweak: Language files updated to account for all new strings. To begin with, users will see 20 photos from your account, but they can click ‘Load More’ to see additional photos. You can disable this feature in the “Advanced” section of the “Customize” tab. Me ajudou demaaaaaaaaaaaaais, recomendo a todos! You can find this in your Smash Balloon account. These emails can be disabled by using the following setting: Instagram Feed > Customize > Advanced > Misc > Feed Issue Email Report. Here’s how the Instagram feed now looks on our website: Instagram Feed defaults to showing the most recent posts from your connected Instagram account. What is the Catch? You can use excludewords="competitor, rude" in your shortcode. New: We’ve rebuilt the plugin from the ground up with a focus on performance and reliability. Yep. If you need support then just let us know and we’ll get back to you right away. New: Added a setting to disable the Font Awesome icon font if needed. Good Food and Friendly People. If you experienced an issue connecting an Instagram account then please try again after updating. * Advanced moderation system for hiding/showing certain posts Fix: Made some JavaScript improvements to the core Instagram Feed plugin code, Fix: Fixed an issue with the ‘Load more’ button not always showing when displaying Instagram photos from multiple Instagram User IDs, Fix: Moved the initiating sbi_init function outside of the jQuery ready function so that it can be called externally if needed by Ajax powered themes/plugins, New: Added an option to disable the Instagram Feed mobile layout, New: Added an setting which allows you to use the Instagram Feed plugin with an Ajax powered theme. We’ve chosen to have 6 photos in 3 columns. * Create carousels from your posts Adding a music player to your pages and posts is as simple as clicking a button in your WordPress formatting toolbar. New: Added filter “sbi_settings_pages_capability” to change what permission is needed to access settings pages. Tweak: Added a hook for disabling image resizing dynamically with PHP. By default the Instagram feed will adopt the style of your website, but can be completely customized to look however you like! Fix: The GDPR feature would sometimes report errors when the feature was working fine. For more shortcode options, check out the Pro version. If only other plugins worked as well as these, Glad you’ve been enjoying Smash Balloon’s plugins. No developer app or account required. Tested with upcoming WordPress 5.4 update. Simply click on the big blue button on the Instagram Feed Settings page and log into your Instagram account. Once you’ve activated your license, go to the ‘Configure’ tab and click the ‘Connect an Instagram Account’ button. Tweak: Changes to feed.php, header.php, and item.php templates. Fix: Fixed a PHP warning which would display in some situations: “array_diff(): Expected parameter 1 to be an array, string given”. Thanks for choosing to leave a comment. Automatically push your new Instagram content straight to your site to keep it looking fresh and keeping your audience engaged. New: Added support for an Instagram Feed widget. In this case, you’ll need to use [instagram-feed type="hashtag" hashtag="#wpbeginner"] where #wpbeginner is your chosen hashtag. The Testimonial Shortcode allows you to display the testimonials wherever you want on your site. If you’re still having an issue displaying your feed then please open a ticket in the Support forum with a link to the page where you’re trying to display the Instagram feed and, if possible, a link to your Instagram account. Installation pip install python-instagram Requires. When a link to an Instagram post is provided, it can scrape Instagram comments. New: Added backup caching for all feeds. Increase Social Engagement Tweak: Minor update to footer.php template. How to Create a Custom Instagram Photo Feed in WordPress, Smash Balloon’s step by step instructions, 7 Best WordPress Backup Plugins Compared (Pros and Cons), Why You Need a CDN for your WordPress Blog? Since Instagram has removed the option to load public data through its API, this actor should help replace this functionality. The Instagram data scraper supports the following features: 6) You can paste the Instagram Feed shortcode directly into your page editor. Don’t have time to update your photos on your site? gracias totales, Display your Instagram photos chronologically or in random order, Add your own Custom CSS and JavaScript for even deeper customizations, Handy block for easily adding your feed to posts and pages using the block editor. For more details, see our step by step guide on how to install a WordPress plugin. Approved by major social media networks to generate and display reviews, photos, feeds and stories that turn websites into sales machines. Fix: Error saving updated account information caused by emoji in account bio or in account names and MySQL tables that didn’t have a UTF8mb4 character set. New: Added capability “manage_instagram_feed_options” to support customizations that will allow users/roles other than the administrator to access Instagram Feed settings pages. Browse the code, check out the SVN repository, or subscribe to the development log by RSS. You can also find us on Twitter and Facebook. Smash Balloon’s worked perfectly. Fix: Fixed an issue where the Load More button would disappear if all posts for a feed were cached. First, go to Instagram Feed » Settings and click on the ‘Display Your Feed’ tab. The Instagram Feed plugin gives you full control over these settings. Fix: Emoji in the first few characters of a caption would cause the main post image to switch to an emoji when loading more. For more FAQs related to the Instagram Feed plugin please visit the FAQ section on our website. Thanks for such a detailed description of WP website Instagram use, I was searching such informative articles from many days, You describe it in very detailed manner. New: Added a ‘class’ shortcode option which allows you to add a CSS to class to each individual Instagram feed: New: Added a Support tab which contains System Info to help with troubleshooting, New: Added friendly error messages which display only to WordPress admins, New: Added validation to the Instagram User ID field to prevent usernames being entered instead of IDs, Tweak: Made the Instagram Access Token field slightly wider to prevent tokens being copy and pasted incorrectly, Fix: Fixed a JavaScript bug which caused the feed not to load photos correctly in IE8, Fix: Fixed an issue with the Instagram icon not appearing in the ‘Follow on Instagram’ button or in the Instagram Feed header, Fix: Addressed a few CSS issues which were causing some minor formatting issues in the Instagram Feed on certain themes. New: Added the ability to use your own custom text for the ‘Load More’ button, New: Added a loader icon to indicate that the Instagram photos are loading, New: Added a unique ID to each Instagram photo so that they can be targeted individually via CSS, Tweak: Added a subtle fade effect to the Instagram photos when hovering over them, Tweak: Improved the responsive layout behavior of the Instagram feed, Tweak: Improved the documentation within the Instagram Feed plugin settings pages, Fix: Fixed an issue with the feed not clearing other widgets correctly, Fix: Replaced the ‘on’ function with the ‘click’ function to increase compatibility with themes using older versions of jQuery, Tweak: Added an initialize function to the Instagram Feed plugin, Fix: Fixed an occasional issue with the ‘Sort Photos By’ option being undefined, Fix: Fixed a minor issue with the Custom JavaScript being run before the Instagram photos are loaded, Fix: Changed the double quotes to single quotes on the ‘data-options’ attribute, New: Added Custom CSS and Custom JavaScript sections which allow you to add your own custom CSS and JavaScript to the Instagram Feed plugin, New: Added an option to display your Instagram photos in random order, New: A new tabbed layout has been implemented on the Instagram Feed plugin’s settings pages, New: Added an option to preserve your Instagram Feed settings when uninstalling the plugin, Tweak: The ‘Load More’ button now automatically hides if there are no more Instagram photos to load, Tweak: Added a small gap to the top of the ‘Load More’ button, Tweak: Added a icon to the Instagram Feed menu item, Fix: A maximum width is now only applied to the Instagram feed when the Instagram photos are displayed in one column, Fix: Added a line of code which enables shortcodes to be used in widgets for themes which don’t have it enabled, Fix: Fixed an issue with the Instagram Access Token and Instagram User ID retrieval functionality in certain web browsers, Fix: Fixed an issue with the maximum Instagram image width, Fix: Corrected a typo in the Instagram Feed Shortcode Options table, Pre-tested for the upcoming WordPress 4.0 update, Fix: Fixed an uncommon issue related to the output of the Instagram content, New: Added an option to set the number of Instagram photos to be initially displayed, New: Added an option to show or hide the ‘Load More’ button, New: Added ‘Step 3’ to the Instagram Feed Settings page explaining how to display your feed using the [instagram-feed] shortcode, New: Added a full list of all available Instagram Feed shortcode options to help you if customizing multiple Instagram feeds, Fix: Fixed an issue with the Instagram login URL on the plugin’s Instagram Feed Settings page, Fix: Fixed an issue with the Instagram Feed ‘Load More’ button opening an empty browser window in Firefox. New Client registration and permission review on Instagram API platform are discontinued in favor of the Instagram Basic Display API.The existing clients will stop working on March 02, 2020. Display Your Content Your Way Fix: Removed a comment from the plugin’s JavaScript file which was causing an issue with some optimization plugins, such as Autoptimize. Another example is the paginate attribute, which divides your products into different pages. Make sure you click the ‘Save Changes’ button at the bottom of the screen after making any changes. Fix: Added a workaround for sanitize_textarea_field for users using an older version of WordPress. If you’re having trouble retrieving your Instagram information from Instagram then try using the Instagram button on this page instead. Fix: Added oEmbed account info to the plugin “System Info” to make debugging easier. If you are using a personal account, you will need to reconnect the account on the Instagram Feed Settings page. [instagram-feed user=”ANOTHER_USER_NAME”] API request delays will only apply to feeds encountering errors and will not affect other feeds. Maximum is 33 – Example: [instagram-feed num=10], cols – The number of columns in your Instagram feed. Fix: Follow button would not show if there was no connected account. This could be a great way to showcase photos from an event or conference. The Instagram Legacy API is deprecated. You can display multiple Instagram feeds by using our built-in shortcode options, for example: [instagram-feed user="smashballoon" cols=3]. If you want to keep your WordPress site looking fresh and up to date, it’s easy to add a feed of your latest Instagram photos. After this feature has been active for awhile, a “Feed Finder” link will appear next to the Feed Type setting on the plugin Settings page which allows you to see a list of all feeds on your site along with their locations. If opted in, the plugin will send a report in the background once per week with your plugin settings and basic information about your website environment. Tweak: rel=”nofollow” added to all external Instagram Feed links found in the source of the page. Thank you so much. (via Thyme and Love) 11. New: Added the ability to overwrite default templates in your theme. Please Do NOT use keywords in the name field. Fix: Fixed an issue with an Instagram API change causing some images not to display if the image resizing feature was disabled. Fix: Removed a line of code which was disabling WordPress Debug/Error Reporting. Please. Later in this tutorial, we’ll look at how to show several different Instagram feeds on your site. Copyright © 2009 - 2021 WPBeginner LLC. Don’t forget to click the ‘Save Changes’ button at the bottom after activating your license key. Nicki Minaj lets the world know about her amazing Instagram skills in Beyonce's "Flawless," when she raps "Instagram another flawless pic." For a pop-up photo lightbox, to display posts by hashtag, show photo captions, video support + more, check out the Pro version. This is the premium version of the free Instagram feed plugin which is used by over 1 million websites. How Much Does It Really Cost to Build a WordPress Website? If you have several user accounts connected, you can use [instagram-feed type="user" username="wpbeginner"] to specify an account. Setting this to a high number will prevent no posts being found if you often post IG TV posts and use a personal account. “Simple and concise – Excellent plugin.