{"id":827,"date":"2022-08-22T11:21:22","date_gmt":"2022-08-22T11:21:22","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/22\/6491849-hostinger-website-builder-how-to-add-a-facebook-share-button\/"},"modified":"2026-08-20T04:32:48","modified_gmt":"2026-08-20T04:32:48","slug":"6491849-hostinger-ai-builder-manual-mode-how-to-add-a-facebook-share-button","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6491849-hostinger-ai-builder-manual-mode-how-to-add-a-facebook-share-button\/","title":{"rendered":"Hostinger AI Builder: How to add a Facebook share button in manual mode"},"content":{"rendered":"<p>Add a Facebook share button to your Hostinger AI Builder manual mode website using Facebook&rsquo;s <b><a class=\"intercom-content-link\" href=\"https:\/\/developers.facebook.com\/docs\/plugins\/share-button\/\" target=\"_blank\" rel=\"noopener\">Share Button Configurator<\/a><\/b> and the embed code element.<\/p><h2 id=\"h-create-the-share-button\">Create the share button<\/h2><p class=\"no-margin\">Open <b><a class=\"intercom-content-link\" href=\"https:\/\/developers.facebook.com\/docs\/plugins\/share-button\/\" target=\"_blank\" rel=\"noopener\">Share Button Configurator<\/a><\/b> and create the button:<\/p><ol>\n<li>\n<p class=\"no-margin\">Enter the URL that you&rsquo;d like to share on Facebook<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Select the button layout<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Choose the button size<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">When you&rsquo;re done, click <b>Get Code<\/b>:<br>\n<img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/92673f73-b27d-4a46-a36a-2e07769f4562.jpg\" alt=\"Facebook Share Button Configurator with the Get Code button highlighted\" data-media-id=\"3400\"><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Then, open the <b>IFrame <\/b>tab<b> <\/b>and copy the code:<br>\n<img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/697fd303-eb08-463d-bec7-1394293f833c.jpg\" alt=\"Facebook share button embed code dialog with the IFrame tab selected and code box highlighted\" data-media-id=\"3401\"><\/p>\n<\/li>\n<\/ol><h2 id=\"h-embed-the-share-button\">Embed the share button<\/h2><ol>\n<li class=\"no-margin\">Paste the code anywhere on your website using the <b><a class=\"intercom-content-link\" href=\"\/support\/6463152-website-builder-embed-code\/\" target=\"_blank\" rel=\"noopener\">embed code<\/a><\/b> element:<br>\n<img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/c8822683-84c7-4208-8e6f-2514852f8930.jpg\" alt=\"Hostinger Website Builder Facebook Share button and embed code popup\" data-media-id=\"3403\"><\/li>\n<li class=\"no-margin\">If necessary, resize the embed code element<\/li>\n<li class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6435697-website-builder-updating-a-website\/\" target=\"_blank\" rel=\"noopener\">Update your website<\/a><\/b>.<\/li>\n<\/ol><p>Your Facebook share button is now live on your website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add a Facebook share button to your Hostinger AI Builder manual mode website.<\/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":[293],"tags":[],"class_list":["post-827","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6491849-hostinger-website-builder-how-to-add-a-facebook-share-button\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6491849-hostinger-creador-de-sitios-web-como-anadir-un-boton-para-compartir-en-facebook\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6491849-hostinger-createur-de-site-web-comment-ajouter-un-bouton-de-partage-facebook\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6491849-hostinger-svetainiu-kurimo-irankis-kaip-prideti-facebook-share-mygtuku\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/6491849-hostinger-criador-de-sites-como-adicionar-o-botao-compartilhar-do-facebook-no-seu-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/827","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=827"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/827\/revisions"}],"predecessor-version":[{"id":16262,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/827\/revisions\/16262"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}