{"id":36338,"date":"2022-04-21T14:22:00","date_gmt":"2022-04-21T19:22:00","guid":{"rendered":"https:\/\/wpengine.com\/?post_type=resource&p=36338"},"modified":"2024-09-29T09:35:12","modified_gmt":"2024-09-29T14:35:12","slug":"instagram-for-wordpress","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/","title":{"rendered":"Adding & Embedding Instagram Content With WordPress"},"content":{"rendered":"\n

An Instagram profile can serve as an extremely useful aspect of cultivating an audience. You can use it to showcase your products, build interest in your brand, and simply make your content stand out from the crowd.<\/p>\n\n\n\n

By adding and embedding Instagram content on WordPress, you can further increase your exposure (and potential conversions). It offers also offers an easy way for followers to interact with you on both platforms, and it streamlines the process on your end.<\/p>\n\n\n\n

In this post, we\u2019ll show you various ways to add Instagram to WordPress. These include manual methods, as well as using WordPress plugins<\/a>. Let\u2019s get started!<\/p>\n\n\n\n\n\n

The benefits of embedding Instagram content on your WordPress site<\/h2>\n\n\n\n

Before we jump into the how-to, here’s the why: Adding an Instagram feed to your WordPress site will boost your brand and your business by showing site visitors the latest photos you\u2019ve uploaded to Instagram. The primary benefit of incorporating this type of feed on your site is increased brand exposure. However, there are a number of other notable benefits.<\/p>\n\n\n\n

By regularly updating your feed with enticing, shareable images (complemented with searchable hashtags<\/a>), you can keep engagement levels high, and potentially develop long-lasting customer relationships.<\/p>\n\n\n\n

Finally, adding an Instagram feed to your site helps you establish a greater sense of trust with your customer base. By regularly updating your feed, you can continuously demonstrate how your company is relevant, innovative, and able to respond to trends.<\/p>\n\n\n\n

How to embed Instagram content on your WordPress site: A step-by-step guide<\/h2>\n\n\n\n

Fortunately, there are various ways to add Instagram to WordPress. First up, we\u2019ve outlined a simple and popular method\u2014let\u2019s take a look!<\/p>\n\n\n\n

Gutenberg and Instagram<\/h3>\n\n\n\n

Do you want to embed an Instagram feed to your WordPress website? With the Gutenberg editor<\/a> (found in WordPress 5.0+) embedding an Instagram feed or post to your site is easier than ever. Simply use the Embed block and link directly to your post. Check out this quick video tutorial:<\/p>\n\n\n\n

Adding an Instagram widget to WordPress<\/h3>\n\n\n\n

Outside of the Gutenberg example above, using a widget<\/a> to add an Instagram feed to your site is another option. A WordPress widget is a modular element that enables you to add a particular feature\u2014such as a newsletter signup form or a search bar\u2014to your WordPress website. They can be added to different areas of your site, though sidebars and footers are the most common.<\/p>\n\n\n\n

Using an Instagram widget in WordPress, you can directly add your live Instagram feed to your website. It can be displayed on all pages, or you can set it only to appear on certain ones.<\/p>\n\n\n\n

To add an Instagram widget, we recommend you use a WP Instagram widget plugin such as Instagram Feed WD<\/a>. This plugin actually includes its own Instagram Widget<\/em> feature:<\/p>\n\n\n\n

\"instagram<\/figure>\n\n\n\n

Once installed and activated<\/a> on your website, go to Instagram Feed WD > Settings<\/em> within WordPress. Here, you\u2019ll need to log into and connect with your Instagram account<\/a>:<\/p>\n\n\n\n

\"add<\/figure>\n\n\n\n

Next, navigate to Appearances > Widgets<\/em>, then scroll until you find the Instagram Widget<\/em> section. Click it, then drag it over to your WordPress sidebar on the right:<\/p>\n\n\n\n

\"instagram<\/figure>\n\n\n\n

You can also adjust your feed\u2019s exact location by moving other widgets around, giving you a quick and simple way to customize how your sidebar or footer appears.<\/p>\n\n\n\n

Should you use a widget or plugin to embed Instagram content on your WordPress site?<\/h2>\n\n\n\n

It\u2019s important to understand the difference between widgets and plugins. Plugins add a new feature to your WordPress website that may or may not be visible. However, when you activate a WordPress plugin, it may install a widget on your behalf\u2014which is where the confusion can begin. Unlike plugins, widgets are always visible, often in the footer or sidebars.<\/p>\n\n\n\n

When it comes to choosing between a widget and a plugin for Instagram, everything depends on your desired features. If you just want to display your Instagram feed or add social icons, a simple Instagram widget works well. Businesses that don\u2019t rely on visuals or want the fastest site possible may prefer widgets.<\/p>\n\n\n\n

For more control over appearance and functionality, a full-fledged plugin is best. eCommerce businesses, artists, and restaurants can all benefit from an Instagram plugin.<\/p>\n\n\n\n

Because visuals are such a powerful tool for conversions, we always recommend using a plugin for Instagram.<\/p>\n\n\n\n

What are the best plugins for embedding Instagram content on WordPress?<\/h2>\n\n\n\n

Here are our top Instagram plugins for WordPress:<\/p>\n\n\n\n

Spotlight<\/h3>\n\n\n\n

With Spotlight<\/a>, you have a code-free solution to Instagram integration through widgets or blocks. The powerful free version includes four sophisticated templates (and the ability to create your own), \u201cFollow\u201d and \u201cLoad More\u201d buttons, a popup lightbox feature, and so much more.<\/p>\n\n\n\n

Juicer<\/strong><\/h3>\n\n\n\n

Juicer.io<\/a> is a leading social media aggregator used by top U.S. universities such as Princeton and Penn State, brands like Porsche, and artists like Bon Jovi. Juicer.io lets you create a single, beautiful social media feed on your website by aggregating all of your brand’s social media posts and hashtags, allowing you to easily moderate and curate your content. <\/p>\n\n\n\n

The best part? The Juicer WordPress plugin<\/a> is completely free, forever. If you just want a great-looking social media feed for your website, then Juicer.io\u2019s free account is a great solution. There is a paid account which gives you access to Juicer’s awesome added features (like adding more social media accounts, creating multiple feeds, and getting detailed social media analytics).<\/p>\n\n\n\n

WPZOOM Social Feed<\/h3>\n\n\n\n

WPZOOM Social Feed<\/a> is a free, no-nonsense plugin that helps you quickly display your Instagram feed. All you have to do is sign in to your account.<\/p>\n\n\n\n

Using the Instagram Widget, WordPress allows you to show off your photos anywhere on your site. A lightbox function and a customizable avatar and bio make this lightweight plugin a top pick.<\/p>\n\n\n\n

Smash Balloon Social Photo Feed<\/h3>\n\n\n\n

The free version of Smash Balloon Social Photo Feed<\/a> comes packed with limitless customizations, multi-feed displays, and \u201cLoad More\u201d and \u201cFollow\u201d capabilities. But the affordable pro version shines with video support, the option to display posts by hashtag, and more. For a professional-looking, easy-to-use Instagram feed, look no further.<\/p>\n\n\n\n

Feed Them Social<\/h3>\n\n\n\n

Feed Them Social<\/a> comes with many of the same must-have features as the above options\u2014it\u2019s customizable, accepts multiple feeds, and is easy to place anywhere on your WordPress website. The key difference here is versatility. Feed Them Social can also integrate your Facebook and Twitter feeds into the mix (and the paid version adds YouTube, too). This is your one-stop-shop for social integration.<\/p>\n\n\n\n

How to embed Instagram photos on WordPress<\/h2>\n\n\n\n

There are two ways to manually embed Instagram photos on your WordPress posts and pages. First, head to Instagram and log in to your account. Next, find the image you want to embed and open it in a new tab. To do this, click the timestamp that indicates how long it\u2019s been posted:<\/p>\n\n\n\n

\"Step-by-step<\/figure>\n\n\n\n

On the new page, select the URL from the address bar of your browser, and copy it. To embed the photo on your WordPress website, navigate to Pages<\/em> or Posts<\/em> on your WordPress dashboard. Next, select the page or post you want to add the photo to.<\/p>\n\n\n\n

From here, simply paste the URL into your desired location within the WordPress editor, and you\u2019ll see the image appear automatically.<\/p>\n\n\n\n

Alternatively, you can use an Embed Code<\/em>. Back in Instagram, and at your chosen image, click the ellipsis icon next to the Add a comment<\/em> section:<\/p>\n\n\n\n

\"Step-by-step<\/figure>\n\n\n\n

Choose Embed<\/em>, and copy the code provided. You can also remove the caption from the embed if you\u2019d like, by unchecking the relevant box:<\/p>\n\n\n\n

\"Step-by-step<\/figure>\n\n\n\n

Finally, return to your WordPress page or post, but make sure you select the Text editor<\/em> before pasting your code wherever you\u2019d like:<\/p>\n\n\n\n

\"Step-by-step<\/figure>\n\n\n\n

Using the Embed Code<\/em> approach takes a little bit longer than the widget method, but is a great choice for those with coding experience, as it has the potential to be more flexible.<\/p>\n\n\n\n

How to embed Instagram videos on WordPress<\/h2>\n\n\n\n

Similar to image embedding, there are also two manual ways to embed videos. The first is the easiest, and requires only the Instagram post\u2019s URL.<\/p>\n\n\n\n

\"embed<\/figure>\n\n\n\n

To do this, find the video you\u2019d like to embed from Instagram, and click the timestamp at the bottom to open it in a new tab. Then, simply copy the URL from the address bar, and paste it into the WordPress editor. The video should automatically appear.<\/p>\n\n\n\n

You can also embed the video using Instagram\u2019s own Embed Code<\/em> that\u2019s generated for each post. As with images, simply click the ellipsis icon next to the Add a comment section<\/em>, select Embed<\/em>, then copy and paste the code into WordPress\u2019 Text editor.<\/p>\n\n\n\n

If you know your way around HTML, you can also tweak a few of the video embed\u2019s attributes<\/a>. For example, you can set the video to start at a specific time, or adjust the width and height of the post to better fit your website.<\/p>\n\n\n\n

How to add an Instagram feed to WordPress<\/h2>\n\n\n\n

As outlined above, it\u2019s easy to embed photos and videos on your WordPress website. However, you can also add entire feeds<\/em>. This is a great way to keep your readers updated, but it can also be used within pages and posts to embed the feeds of others.<\/p>\n\n\n\n

The best way to add an Instagram feed to WordPress is with a dedicated plugin. We recommend the one mentioned above, Instagram Feed WD<\/a>, or another favorite of ours, Spotlight<\/a>. <\/b><\/p>\n\n\n\n

\"\"
Spotlight Instagram Feeds plugin<\/figcaption><\/figure>\n\n\n\n

To start, go to Instagram Feed WD > Feeds<\/em> within WordPress. Here, you can create custom feeds for different areas of your website:<\/p>\n\n\n\n

\"add<\/figure>\n\n\n\n

To create a new one, click Add new<\/em>. You can choose your Layout<\/em>, determine which Media<\/em> to display, and even assign Conditional Filters<\/a><\/em>:<\/p>\n\n\n\n

\"Steps<\/figure>\n\n\n\n

Once you\u2019re done, you can Publish<\/em> the feed. Then simply copy the shortcode<\/a> from the Feeds<\/em> page, and paste in the Text editor<\/em> of any page or post.<\/p>\n\n\n\n

How to share WordPress posts on Instagram<\/h2>\n\n\n\n

If you\u2019d like to automatically share your latest WordPress posts with your Instagram followers, WordPress plugins once again come to the rescue.<\/p>\n\n\n\n

Blog2Social\u2019s Social Media Auto Post & Scheduler<\/a> is a plugin that automatically pushes blog posts to your connected social media profiles. These include Facebook, LinkedIn, Twitter, and Pinterest, as well as Instagram:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can set the WordPress plugin to default, which automatically shares posts. You can also customize the settings, so you can select certain times to share.<\/p>\n\n\n\n

Using the WordPress plugin, you can even repost older content. This brings it to the attention of your new Instagram followers, and it can be great for driving website traffic.<\/p>\n\n\n\n

Do you want to learn more WordPress-specific tips and tricks? Subscribe to the WP Engine blog<\/a>. You can also find out more about WP Engine’s hosting for WordPress sites<\/a> and our flexible plans<\/a>\u2014there\u2019s bound to be one that fits your needs!<\/p>\n","protected":false},"excerpt":{"rendered":"

An Instagram profile can serve as an extremely useful aspect of cultivating an audience. You can use it to showcase your products, build interest in your brand, and simply make your content stand out from the crowd. By adding and embedding Instagram content on WordPress, you can further increase your exposure (and potential conversions). It…<\/span><\/span><\/p>\n","protected":false},"author":200,"featured_media":131000,"template":"","resource-topic":[908,904],"resource-role":[895,906,903],"resource-type":[916],"class_list":["post-36338","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nAdding & Embedding Instagram Content on WordPress | WP Engine\u00ae<\/title>\n<meta name=\"description\" content=\"Learn how to embed Instagram posts on your WordPress site with our step-by-step guide. Easily boost your site's visual appeal and engagement.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding & Embedding Instagram Content on WordPress | WP Engine\u00ae\" \/>\n<meta property=\"og:description\" content=\"Learn how to embed Instagram posts on your WordPress site with our step-by-step guide. Easily boost your site's visual appeal and engagement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-29T14:35:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/03\/shutterstock_2045102729-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/\",\"name\":\"Adding & Embedding Instagram Content on WordPress | WP Engine\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-04-21T19:22:00+00:00\",\"dateModified\":\"2024-09-29T14:35:12+00:00\",\"description\":\"Learn how to embed Instagram posts on your WordPress site with our step-by-step guide. Easily boost your site's visual appeal and engagement.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Adding & Embedding Instagram Content With WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/b732a884dbf4917dcd15ce2e9fbd3652\",\"name\":\"Abe Selig\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g\",\"caption\":\"Abe Selig\"},\"description\":\"Abe Selig is a writer, amateur musician and accomplished inshore fisherman. He began his career as a journalist and now tells stories about technology and the ways it\u2019s helping businesses thrive. He is an Austin, TX native who has lived in New York City and traveled all around the world. You can reach him at abe.selig@wpengine.com.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding & Embedding Instagram Content on WordPress | WP Engine\u00ae","description":"Learn how to embed Instagram posts on your WordPress site with our step-by-step guide. Easily boost your site's visual appeal and engagement.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Adding & Embedding Instagram Content on WordPress | WP Engine\u00ae","og_description":"Learn how to embed Instagram posts on your WordPress site with our step-by-step guide. Easily boost your site's visual appeal and engagement.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2024-09-29T14:35:12+00:00","og_image":[{"width":1100,"height":500,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/03\/shutterstock_2045102729-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/","name":"Adding & Embedding Instagram Content on WordPress | WP Engine\u00ae","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-04-21T19:22:00+00:00","dateModified":"2024-09-29T14:35:12+00:00","description":"Learn how to embed Instagram posts on your WordPress site with our step-by-step guide. Easily boost your site's visual appeal and engagement.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/instagram-for-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"Adding & Embedding Instagram Content With WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/b732a884dbf4917dcd15ce2e9fbd3652","name":"Abe Selig","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g","caption":"Abe Selig"},"description":"Abe Selig is a writer, amateur musician and accomplished inshore fisherman. He began his career as a journalist and now tells stories about technology and the ways it\u2019s helping businesses thrive. He is an Austin, TX native who has lived in New York City and traveled all around the world. You can reach him at abe.selig@wpengine.com."}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/03\/shutterstock_2045102729.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Agency, Entrepreneur, Marketer","topic":"<strong>Topics:<\/strong> Entrepreneurship, Marketing","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/36338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/200"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/131000"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=36338"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=36338"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=36338"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=36338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}