{"id":34219,"date":"2022-07-24T08:55:35","date_gmt":"2022-07-24T08:55:35","guid":{"rendered":"https:\/\/zeru.com\/blog\/?p=34219"},"modified":"2022-07-24T08:55:35","modified_gmt":"2022-07-24T08:55:35","slug":"how-do-i-embed-instagram-on-my-website","status":"publish","type":"post","link":"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website","title":{"rendered":"How Do I Embed Instagram on My Website?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_43 counter-flat ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69ea9943c691e\" class=\"cssicon\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><label for=\"ez-toc-cssicon-toggle-item-69ea9943c691e\"  class=\"cssiconcheckbox\">1<\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69ea9943c691e\" ><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\/#How_Do_I_Embed_Instagram_on_My_Website\" title=\"How Do I Embed Instagram on My Website?\">How Do I Embed Instagram on My Website?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\/#Embedding_Instagram_feeds_on_your_website\" title=\"Embedding Instagram feeds on your website\">Embedding Instagram feeds on your website<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\/#Using_javascript_code\" title=\"Using javascript code\">Using javascript code<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\/#Using_a_shortcode\" title=\"Using a shortcode\">Using a shortcode<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\/#Customizing_feed_design\" title=\"Customizing feed design\">Customizing feed design<\/a><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"How_Do_I_Embed_Instagram_on_My_Website\"><\/span>How Do I Embed Instagram on My Website?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p><img decoding=\"async\" style=\"max-height:216px; height:auto; width:auto; max-width:44% margin:0px 10px;\" alt=\"How do I embed Instagram on my website\" align=\"left\" src=\"https:\/\/i.imgur.com\/kXt5uPm.jpg\">  <\/p>\n<p>In this article, we&#8217;ll walk through the process of embedding Instagram feeds on your website. We&#8217;ll cover two methods: using javascript code or a shortcode. Additionally, we&#8217;ll discuss customization options. Using a shortcode to embed Instagram feeds is the easiest way to integrate Instagram with your website. However, if you&#8217;re not familiar with javascript, we recommend that you start from the official Instagram website.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Embedding_Instagram_feeds_on_your_website\"><\/span>Embedding Instagram feeds on your website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Embedding Instagram feeds on your site is easy, and there are several ways to do so. Weebly, a web hosting platform, provides an easy-to-use interface for Instagram embedding. To embed a feed from your Instagram account, open the Instagram Business App in your web browser. Select the image you want to embed from the feed and then click on the three dots menu. In the pop-up window that appears, paste the embed code into your website or blog.<\/p>\n<p>Embedding an Instagram feed on your website is an excellent way to drive traffic and engagement for your business. By displaying your customers&#8217; Instagram feeds on your website, you can build trust with them and convert them into loyal followers. By making this easy for your visitors, it will also save your time. Instagram feeds sync with your website every time a user posts on the app. You&#8217;ll be able to see the latest content from your business instantly.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Using_javascript_code\"><\/span>Using javascript code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The disadvantage of using the built-in Instagram embedding tool is that it has a limited range of options. For example, it can only display one post at a time, and you won&#8217;t be able to customize the appearance of your website. You might even have to hire a developer to implement it for you, which could be a costly option. Fortunately, there are some ways to embed Instagram on your website without the use of a plugin.<\/p>\n<p>If you&#8217;re looking to boost your marketing efforts with an Instagram feed, there are several things you should know. Using a widget will boost the engagement of your visitors and build trust. You can also embed your Instagram feed in the website&#8217;s code to retrieve UGC based on the hashtag you enter. This way, you won&#8217;t have to manually refresh the feed. Using javascript code to embed Instagram on your website<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Using_a_shortcode\"><\/span>Using a shortcode<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In order to embed Instagram on your website, you&#8217;ll need to find a way to paste the Instagram shortcode. You can use an Instagram Feed Pro plugin, which will embed your posts in the WordPress editor. To do this, simply visit your website&#8217;s back end and look for the &#8220;Edit HTML&#8221; option. You&#8217;ll then paste the shortcode into the text area of your website.<\/p>\n<p>To create multiple feed layouts, just use the &#8220;Customize&#8221; tab and use the tools available to change the appearance of your feed. The &#8220;Likes&#8221; and &#8220;Comments&#8221; tabs provide you with additional options. You can also upgrade to a premium plugin if you need more features. A free version of the plugin only displays 20 photos, but you can easily use a shortcode as a widget. You can change the width and height of your Instagram feed and even change the colour theme.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Customizing_feed_design\"><\/span>Customizing feed design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When creating a profile for your business or personal brand, customizing your Instagram feed design is essential. These stylish layouts make it easier to spot your most important posts and keep your followers interested. There are various styles to choose from, including grids, checkersboards, and textured backgrounds. Here are some tips for customizing your Instagram feed design. Using a color scheme can also add a unique flair to your profile.<\/p>\n<p>You can also use borders on your images to distinguish your content. Some accounts use black borders because they&#8217;re more striking than others. The feed of beautifulandyummy, for example, features black borders. The feed looks sophisticated and polished. But black borders may be better suited to edgier brands than fashion. For a more subtle approach, try using white borders. Black borders may be too stark for some, so think about what type of content you want to post before deciding on a design.<\/p>\n<p> <iframe allowfullscreen=\"true\" src=\"https:\/\/www.youtube.com\/embed\/wk-ODKgFavM\" width=\"375\" frameborder=\"0\" height=\"210\" style=\"margin:0px auto; display: block;\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How Do I Embed Instagram on My Website? In this article, we&#8217;ll walk through the process of embedding Instagram feeds on your website. We&#8217;ll cover two methods: using javascript code or a shortcode. Additionally, we&#8217;ll discuss customization options. Using a shortcode to embed Instagram feeds is the easiest way to integrate Instagram with your website. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":37363,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.7 (Yoast SEO v21.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How Do I Embed Instagram on My Website? - Zeru<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Do I Embed Instagram on My Website?\" \/>\n<meta property=\"og:description\" content=\"How Do I Embed Instagram on My Website? In this article, we&#8217;ll walk through the process of embedding Instagram feeds on your website. We&#8217;ll cover two methods: using javascript code or a shortcode. Additionally, we&#8217;ll discuss customization options. Using a shortcode to embed Instagram feeds is the easiest way to integrate Instagram with your website. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\" \/>\n<meta property=\"og:site_name\" content=\"Zeru\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-24T08:55:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/How-Do-I-Embed-Instagram-on-My-Website_34219.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"534\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lizzie Yates\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lizzie Yates\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\",\"url\":\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\",\"name\":\"How Do I Embed Instagram on My Website? - Zeru\",\"isPartOf\":{\"@id\":\"https:\/\/zeru.com\/blog\/#website\"},\"datePublished\":\"2022-07-24T08:55:35+00:00\",\"dateModified\":\"2022-07-24T08:55:35+00:00\",\"author\":{\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e\"},\"breadcrumb\":{\"@id\":\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/zeru.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Do I Embed Instagram on My Website?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zeru.com\/blog\/#website\",\"url\":\"https:\/\/zeru.com\/blog\/\",\"name\":\"Zeru\",\"description\":\"Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zeru.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e\",\"name\":\"Lizzie Yates\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg\",\"contentUrl\":\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg\",\"caption\":\"Lizzie Yates\"},\"description\":\"A content marketing strategist with the Zeru team for a little over 5 years, Lizzie Yates specializes in everything digital media with a particular focus on social media and technology. Her passion? To follow how the social media sites like Instagram, YouTube, Facebook, Twitter, and TikTok are maturing over time, and what businesses can do to keep up. She shares her insights on our blog in a true outpouring of knowledge and expertise. Her knowledge about technology and social media is vast, and she is always willing to share her insights with businesses to help them stay up-to-date with the latest trends.\",\"url\":\"https:\/\/zeru.com\/blog\/author\/writer\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How Do I Embed Instagram on My Website? - Zeru","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website","og_locale":"en_US","og_type":"article","og_title":"How Do I Embed Instagram on My Website?","og_description":"How Do I Embed Instagram on My Website? In this article, we&#8217;ll walk through the process of embedding Instagram feeds on your website. We&#8217;ll cover two methods: using javascript code or a shortcode. Additionally, we&#8217;ll discuss customization options. Using a shortcode to embed Instagram feeds is the easiest way to integrate Instagram with your website. [&hellip;]","og_url":"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website","og_site_name":"Zeru","article_published_time":"2022-07-24T08:55:35+00:00","og_image":[{"width":800,"height":534,"url":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/How-Do-I-Embed-Instagram-on-My-Website_34219.jpg","type":"image\/jpeg"}],"author":"Lizzie Yates","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Lizzie Yates","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website","url":"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website","name":"How Do I Embed Instagram on My Website? - Zeru","isPartOf":{"@id":"https:\/\/zeru.com\/blog\/#website"},"datePublished":"2022-07-24T08:55:35+00:00","dateModified":"2022-07-24T08:55:35+00:00","author":{"@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e"},"breadcrumb":{"@id":"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/zeru.com\/blog\/how-do-i-embed-instagram-on-my-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zeru.com\/blog"},{"@type":"ListItem","position":2,"name":"How Do I Embed Instagram on My Website?"}]},{"@type":"WebSite","@id":"https:\/\/zeru.com\/blog\/#website","url":"https:\/\/zeru.com\/blog\/","name":"Zeru","description":"Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zeru.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e","name":"Lizzie Yates","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg","contentUrl":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg","caption":"Lizzie Yates"},"description":"A content marketing strategist with the Zeru team for a little over 5 years, Lizzie Yates specializes in everything digital media with a particular focus on social media and technology. Her passion? To follow how the social media sites like Instagram, YouTube, Facebook, Twitter, and TikTok are maturing over time, and what businesses can do to keep up. She shares her insights on our blog in a true outpouring of knowledge and expertise. Her knowledge about technology and social media is vast, and she is always willing to share her insights with businesses to help them stay up-to-date with the latest trends.","url":"https:\/\/zeru.com\/blog\/author\/writer"}]}},"_links":{"self":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/34219"}],"collection":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/comments?post=34219"}],"version-history":[{"count":1,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/34219\/revisions"}],"predecessor-version":[{"id":34222,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/34219\/revisions\/34222"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/media\/37363"}],"wp:attachment":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/media?parent=34219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/categories?post=34219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/tags?post=34219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}