{"id":863,"date":"2022-08-16T10:26:36","date_gmt":"2022-08-16T10:26:36","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/16\/6474992-hostinger-website-builder-how-to-add-instagram-feed\/"},"modified":"2026-03-16T12:12:07","modified_gmt":"2026-03-16T12:12:07","slug":"6474992-hostinger-website-builder-how-to-add-instagram-feed","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6474992-hostinger-website-builder-how-to-add-instagram-feed\/","title":{"rendered":"Hostinger Website Builder: How to Add Instagram Feed"},"content":{"rendered":"<p class=\"no-margin\">With <b>Hostinger Website Builder<\/b>, you can easily display your Instagram feed on your website. Once you upload new content to your IG account, it will automatically reflect on your website.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">To use the Instagram feed element, you must have a <b>business<\/b> or <b>media creator<\/b> account:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><a href=\"https:\/\/help.instagram.com\/502981923235522\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Switch to the business account<\/a><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><a href=\"https:\/\/help.instagram.com\/2358103564437429\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Switch to the media creator account<\/a><\/p>\n<\/li>\n<\/ul>\n<\/div><h2 id=\"h_9c2ba57c86\">Adding Instagram feed<\/h2><p class=\"no-margin\">Within the builder, open the <b>Add elements <\/b>panel on the left. Select the <b>Instagram feed <\/b>element, and drag and drop it to where you want it on your web page:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/60c30496-afd7-4e9c-a73c-9ea8bc23b0f4.jpg\" alt=\"Adding an Instagram feed element to a website\" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Click on the element to see more options &ndash; edit, duplicate, change the visibility, delete, resize, etc.:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/a390fa19-751e-41ec-aa1e-95e4f9c8c637.jpg\" alt=\"Instagram feed element settings and editing options in Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Click <b>Edit feed<\/b>,<b> <\/b>then click <b>Connect Instagram<\/b>, and enter your IG account login details: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/4ad252dc-01c9-413e-800d-5d7611c2acb5.jpg\" alt=\"Connecting an Instagram account to the Instagram feed element\" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_18715a6e8d\">Settings<\/h2><p class=\"no-margin\">To open the settings, click on the Instagram feed element and click on <b>Edit feed<\/b>. There, you&rsquo;ll find the following settings:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80\">\n<p class=\"intercom-align-center no-margin\"><b>General<\/b><\/p>\n<\/td>\n<td style=\"background-color: #e3e7fa80\">\n<p class=\"intercom-align-center no-margin\"><b>Layout<\/b><\/p>\n<\/td>\n<td style=\"background-color: #e3e7fa80\">\n<p class=\"intercom-align-center no-margin\"><b>Animation<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\">Connect or disconnect your Instagram account<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Items per row<\/b>: change the number of posts per row<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Enable <b><a href=\"\/support\/6463358-website-builder-how-to-add-animations#h_a9375d0327\" target=\"_blank\" class=\"intercom-content-link\">animations<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b>Items<\/b>: change the number of posts displayed on your website <\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Gaps between photos<\/b>: change the size of the gaps between photos<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">\n<\/p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><h2 id=\"h_29cfd972d2\">Troubleshooting<\/h2><p class=\"no-margin\">If you&rsquo;re struggling to connect your Instagram account to the Instagram feed element, make sure that the <a href=\"https:\/\/www.facebook.com\/help\/2207256696182627\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Off-Facebook Activity<\/a><b> <\/b>setting is enabled in your Facebook account:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/21d82454-1d8a-4419-9782-2ade3cbeb629.jpg\" alt=\"Choosing the option \" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">While this feature allows you to control what website data Facebook tracks, it can also prevent other platforms you&rsquo;re integrated with from accessing the data needed to connect to your accounts. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to easily display Instagram posts on your website created with Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[280],"tags":[],"class_list":["post-863","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474992-hostinger-website-builder-how-to-add-instagram-feed\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6474992-hostinger-creador-de-sitios-web-como-agregar-un-feed-de-instagram\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6474992-hostinger-createur-de-site-web-comment-ajouter-un-flux-instagram\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6474992-hostinger-svetainiu-kurimo-irankis-instagram-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6474992-hostinger-criador-de-sites-como-adicionar-o-feed-do-instagram\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=863"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/863\/revisions"}],"predecessor-version":[{"id":3528,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/863\/revisions\/3528"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}