{"id":874,"date":"2022-08-12T11:46:31","date_gmt":"2022-08-12T11:46:31","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/12\/6466412-hostinger-website-builder-how-to-add-link-preview-images\/"},"modified":"2026-08-27T08:07:58","modified_gmt":"2026-08-27T08:07:58","slug":"6466412-hostinger-ai-builder-manual-mode-how-to-add-link-preview-images","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6466412-hostinger-ai-builder-manual-mode-how-to-add-link-preview-images\/","title":{"rendered":"Hostinger AI Builder: How to add link preview images in manual mode"},"content":{"rendered":"<p class=\"no-margin\">In <b>Hostinger AI Builder manual mode<\/b>, you can set an image that illustrates the content of your website, its specific page, or a blog post. Link preview images are visible when sharing your website links on social media platforms. It helps search engines and potential website visitors better understand your content.<\/p><p class=\"no-margin\">Preview images can be added in the following places:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"#h_7b2b8a1400\" target=\"_blank\" rel=\"noopener\">General Website Settings<\/a> <\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"#h_d00bb8bfef\" target=\"_blank\" rel=\"noopener\">Page Settings<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"#h_1e5b318b41\" target=\"_blank\" rel=\"noopener\">Blog Post Settings<\/a><\/b><\/p>\n<\/li>\n<\/ul><h2 id=\"h_7b2b8a1400\">General website settings<\/h2><ol>\n<li class=\"no-margin\">Go to <b><a class=\"intercom-content-link\" href=\"\/support\/6521387-website-builder-general-website-settings\/\" target=\"_blank\" rel=\"noopener\">general website settings<\/a><\/b>.\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17040\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_17-03.png\" alt=\"\" width=\"376\" height=\"859\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_17-03.png 376w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-26_17-03-131x300.png 131w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/p><\/li>\n<li class=\"no-margin\">Click on <b>Add image<\/b> or <b>Replace image<\/b><\/li>\n<li class=\"no-margin\">Upload your file:<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-17193\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-05.png\" alt=\"\" width=\"1498\" height=\"863\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-05.png 1498w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-05-300x173.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-05-1024x590.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-05-768x442.png 768w\" sizes=\"(max-width: 1498px) 100vw, 1498px\" \/><\/li>\n<\/ol><p class=\"no-margin\">The recommended preview image size is <b>1200&times;630 PX<\/b>. Once you add the image, save the changes and <b><a class=\"intercom-content-link\" href=\"\/support\/6435697-website-builder-updating-a-website\/\" target=\"_blank\" rel=\"noopener\">update your website<\/a><\/b>.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">This general website preview image is automatically used for all website pages unless you add individual preview images to each of them (see below).<\/p>\n<\/div><h2 id=\"h_d00bb8bfef\">Page settings<\/h2><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">If it&rsquo;s a<b> product page<\/b>, refer here: <b><a class=\"intercom-content-link\" href=\"\/support\/6538366-website-builder-product-seo-settings\/\" target=\"_blank\" rel=\"noopener\">Product SEO Settings.<\/a><\/b><\/p>\n<\/div><p class=\"no-margin\">To add individual preview images for each website page:<\/p><ol>\n<li class=\"no-margin\">Expand the <b>Pages and navigation<\/b> panel on the left<\/li>\n<li class=\"no-margin\">Open the page <b>ellipsis<\/b><\/li>\n<li class=\"no-margin\">Select <b>Social image<\/b>:<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-17194\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-06.png\" alt=\"\" width=\"645\" height=\"859\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-06.png 645w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-06-225x300.png 225w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/><\/li>\n<li class=\"no-margin\">In the <b>Social image <\/b>tab, click on <b>Add image<\/b> or <b>Replace image<\/b>, and upload your file:<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-17195\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-06_1.png\" alt=\"\" width=\"980\" height=\"875\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-06_1.png 980w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-06_1-300x268.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-27_15-06_1-768x686.png 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/li>\n<\/ol><p class=\"no-margin\">The recommended preview image size is <b>1200&times;630 PX<\/b>.<b> <\/b>Once you add the image, save the changes and <b><a class=\"intercom-content-link\" href=\"\/support\/6435697-website-builder-updating-a-website\/\" target=\"_blank\" rel=\"noopener\">update your website<\/a><\/b>.<\/p><h2 id=\"h_1e5b318b41\">Blog post settings<\/h2><p class=\"no-margin\">To set a featured image for your blog post, follow this guide: <b><a class=\"intercom-content-link\" href=\"\/support\/6491586-website-builder-how-to-change-the-featured-image-of-a-blog-post\/\" target=\"_blank\" rel=\"noopener\">How to Change the Featured Blog Post Image<\/a><\/b><\/p><h2 id=\"h_cdf2e75fb6\">Troubleshooting<\/h2><p class=\"no-margin\">Keep in mind that <b>these changes are not immediate<\/b> &ndash; it can take up to several hours for the link preview image to be updated. However, make sure that:<\/p><ul>\n<li>\n<p class=\"no-margin\">While editing your website, the AI builder isn&rsquo;t open in multiple browser tabs or devices simultaneously<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">The uploaded file is not too large nor too small:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">The recommended preview image size is <b>1200&times;630 PX<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">The maximum image file size is <b>15 MB<\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">The format of your file is supported: <b>.PNG<\/b>, <b>.JPG<\/b>, or <b>.JPEG<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">After making the changes, you&rsquo;ve <b><a class=\"intercom-content-link\" href=\"\/support\/6435697-website-builder-updating-a-website\/\" target=\"_blank\" rel=\"noopener\">updated the website<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Lastly &ndash; and it&rsquo;s most often the best solution &ndash; <b>clear the cache<\/b> of the service where you&rsquo;re trying to share your website: <b><a class=\"intercom-content-link\" href=\"\/support\/6575874-website-builder-outdated-titles-descriptions-and-preview-images-on-social-media-platforms\/\" target=\"_blank\" rel=\"noopener\">Outdated titles, descriptions, and preview images on social media platforms<\/a><\/b><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add and troubleshoot link preview images for 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-874","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6466412-hostinger-website-builder-how-to-add-link-preview-images\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6466412-hostinger-creador-de-sitios-web-como-agregar-imagenes-de-vista-previa-de-enlaces\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6466412-hostinger-createur-de-sites-web-comment-ajouter-des-images-d-apercu-des-liens\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6466412-website-builder-bagaimana-menambahkan-gambar-pratinjau-link\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6466412-hostinger-svetainiu-kurimo-irankis-puslapius-iliustruojantys-paveiksleliai\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/6466412-hostinger-criador-de-sites-como-adicionar-imagem-de-pre-visualizacao-aos-seus-links\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/874","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=874"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/874\/revisions"}],"predecessor-version":[{"id":17196,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/874\/revisions\/17196"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}