{"id":172212,"date":"2015-08-01T23:26:29","date_gmt":"2015-08-01T21:26:29","guid":{"rendered":"http:\/\/www.elmastudio.de\/?p=172212"},"modified":"2018-08-12T07:36:07","modified_gmt":"2018-08-12T05:36:07","slug":"connect-instagram-with-wordpress-plugin-picks","status":"publish","type":"post","link":"https:\/\/www.elmastudio.de\/en\/connect-instagram-with-wordpress-plugin-picks\/","title":{"rendered":"Connect Instagram With WordPress &#8211; Our Plugin Picks"},"content":{"rendered":"<p>Probably almost everyone who often shares pictures on Instagram, would also love to directly share them on their own WordPress website. And luckily this is not difficult at all, since there a lots of useful <em>WordPress plugins<\/em> out there, that make it possible to share a preview of your images on WordPress as well. Most plugins offer a <em>widget<\/em>, so that you are able to include a certain number of your images  in on of your themes widget areas. Some plugins also offer a <em>shortcode<\/em>, which makes it possible to include Instagram pics in posts and on pages as well.<\/p>\n<p>In today&#8217;s post I want to share my favourite ways to connect Instagram with WordPress. All plugins I picked are super easy to use and therefore also a great option for WordPress newbies. <!--more--><\/p>\n<h4>1. WP Instagram Widget<\/h4>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-instagram-widget\/\">WP Instagram Widget<\/a> is a simple plugin, which allows you to show your Instagram pictures in a widget. The widget doesn&#8217;t offer a lot of settings, you only need to include your Instagram account name, the number of images you want to show and decide, if you want to open the image link in the same or a new browser tab.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/wp-instagram-widget-01.jpg\" alt=\"WP Instagram Widget\" width=\"354\" height=\"500\" class=\"aligncenter size-full wp-image-172068 img-border\" \/><\/p>\n<p>The widget will automatically show your latest Instagram pictures. Testing the plugin, I found it a little bit sad that I could not show my images in a grid (without adding custom CSS), but regarding of the theme, this is maybe exactly what you plan on doing anyways, so the plugin might work perfectly for you.<\/p>\n<figure id=\"attachment_172070\" aria-describedby=\"caption-attachment-172070\" style=\"width: 970px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/wp-instagram-widget-02.jpg\" alt=\"The Instagram image preview with the WP Instagram Widget plugin.\" width=\"970\" height=\"647\" class=\"size-full wp-image-172071\" srcset=\"https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/wp-instagram-widget-02.jpg 970w, https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/wp-instagram-widget-02-600x400.jpg 600w, https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/wp-instagram-widget-02-720x480.jpg 720w, https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/wp-instagram-widget-02-150x100.jpg 150w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><figcaption id=\"caption-attachment-172070\" class=\"wp-caption-text\">The Instagram image preview with the WP Instagram Widget plugin.<\/figcaption><\/figure>\n<h4>2. Simple Instagram<\/h4>\n<p>After you installed the <a href=\"https:\/\/wordpress.org\/plugins\/simple-instagram\/\">Simple Instagram plugin<\/a>, you will automatically be asked to authorize your Instagram account within your WordPress admin area. This process just takes one click and you can undo this setting at any time under <em>Settings \/ Simple Instagram<\/em>.<\/p>\n<figure id=\"attachment_172076\" aria-describedby=\"caption-attachment-172076\" style=\"width: 856px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/simple-instagram-widget-02.jpg\" alt=\"Instagram preview using the Simple Instagram Feed widget.\" width=\"856\" height=\"524\" class=\"size-full wp-image-172077\" srcset=\"https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/simple-instagram-widget-02.jpg 856w, https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/simple-instagram-widget-02-600x367.jpg 600w\" sizes=\"auto, (max-width: 856px) 100vw, 856px\" \/><figcaption id=\"caption-attachment-172076\" class=\"wp-caption-text\">Instagram preview using the Simple Instagram Feed widget.<\/figcaption><\/figure>\n<h5>The Widgets<\/h5>\n<p>Simple Instagram will give you three widget options, the <strong>Feed widget<\/strong> to show a number (or all) of your own images in a three-column grid view. The <strong>Profile widget<\/strong> to show your Instagram profile picture, the little intro text you included on Instagram and a link to your Instagram account. And the <strong>Popular widget<\/strong> to show up to 16 most popular Instagram pictures from all Instagram accounts in general.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/simple-instagram-widget-01.jpg\" alt=\"Instagram WordPress Plugins\" width=\"366\" height=\"396\" class=\"aligncenter size-full wp-image-172074 img-border\" \/><\/p>\n<h5>The Shortcodes<\/h5>\n<p>The shortcodes also have the three options feed, profile and popular. The shortcodes for that are:<\/p>\n<pre>\r\n[si_feed]\r\n[si_profile]\r\n[si_popular]\r\n<\/pre>\n<p>An example of a shortcode you can use to show the 12 latest images from your Instagram account with a dimension of 250&#215;250 pixel for each image would be:<\/p>\n<pre>[si_feed limit=\"12\" width=\"250\"]<\/pre>\n<p>You can find a detailed description of all shortcode options on the <a href=\"https:\/\/wordpress.org\/plugins\/simple-instagram\/installation\/\">Simple Instagram plugin page<\/a> in the WordPress.org plugin directory.<\/p>\n<h4>3. Instagram Badges<\/h4>\n<p>If you only want to show a small badge or button linking to your Instagram account in a widget (e.g. in your sidebar or one of your Footer widget areas), you can use the <a href=\"https:\/\/instagram.com\/accounts\/badges\/\">badges offered directly from Instagram<\/a>, so you don&#8217;t need a WordPress plugin for this.<\/p>\n<p>You only need to copy the code provided on the Instagram badge page in your account and paste this code in a standard WordPress text widget.<\/p>\n<figure id=\"attachment_172080\" aria-describedby=\"caption-attachment-172080\" style=\"width: 1026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/instagram-widget-badge.jpg\" alt=\"The Badge options on Instagram.\" width=\"1026\" height=\"612\" class=\"size-full wp-image-172081 img-border\" srcset=\"https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/instagram-widget-badge.jpg 1026w, https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/instagram-widget-badge-600x358.jpg 600w, https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/instagram-widget-badge-720x429.jpg 720w, https:\/\/www.elmastudio.de\/wp-content\/uploads\/2015\/08\/instagram-widget-badge-150x89.jpg 150w\" sizes=\"auto, (max-width: 1026px) 100vw, 1026px\" \/><figcaption id=\"caption-attachment-172080\" class=\"wp-caption-text\">The Badge options on Instagram.<\/figcaption><\/figure>\n<h4>My conclusion<\/h4>\n<p>In my opinion I think the <em>Simple Instagram<\/em> plugin is the most convenient plugin I tested. But if you don&#8217;t need the shortcode option and you don&#8217;t want to show your images in a grid layout, the <em>WP Instagram widget<\/em> also works very well.<\/p>\n<p>Other plugins I tried out were either not tested in the current WordPress version or were very complicated in the way you had to connect your Instagram account with the plugin.<\/p>\n<p>Do you know further useful options to connect Instagram with WordPress? I would love to hear your recommendations!<\/p>\n<p><em>(Btw, we also joined Instagram recently, so you can also find <a href=\"https:\/\/instagram.com\/elmastudio\">Elmastudio on Instagram<\/a> now.)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Probably almost everyone who often shares pictures on Instagram, would also love to directly share them on their own WordPress website. And luckily this is not difficult at all, since there a lots of useful WordPress plugins out there, that make it possible to share a preview of your images on WordPress as well. Most [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":172087,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1156,1248,910,1247,1276],"tags":[1405,1158,1157,1159],"class_list":["post-172212","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins-wordpress-en","category-popular","category-wordpress-en","category-wordpress-newbies","category-wordpress-tips","tag-blogging-en","tag-instagram-en","tag-useful","tag-wordpress-plugins-en"],"_links":{"self":[{"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/posts\/172212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/comments?post=172212"}],"version-history":[{"count":0,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/posts\/172212\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/media\/172087"}],"wp:attachment":[{"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/media?parent=172212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/categories?post=172212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/tags?post=172212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}