{"id":873,"date":"2022-08-12T12:10:10","date_gmt":"2022-08-12T12:10:10","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/12\/6466460-hostinger-website-builder-how-to-add-alt-text\/"},"modified":"2026-08-21T09:56:58","modified_gmt":"2026-08-21T09:56:58","slug":"6466460-hostinger-ai-builder-manual-mode-how-to-add-alt-text","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6466460-hostinger-ai-builder-manual-mode-how-to-add-alt-text\/","title":{"rendered":"Hostinger AI Builder: How to add alt text in manual mode"},"content":{"rendered":"<p class=\"no-margin\">Adding <b>alternative text<\/b> to images not only makes your website more accessible for visitors (e.g., people using screen readers) but also helps search engines understand your page content better. In <b>Hostinger AI Builder manual mode<\/b>, there are two ways to add alt text to images:<\/p><ul>\n<li>\n<p class=\"no-margin\"><a class=\"intercom-content-link\" href=\"#h_eeed083e72\" target=\"_blank\" rel=\"noopener\">The media library<\/a>.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><a class=\"intercom-content-link\" href=\"#h_e9c593494a\" target=\"_blank\" rel=\"noopener\">The image element settings<\/a>.<\/p>\n<\/li>\n<\/ul><h2 id=\"h_eeed083e72\">Add alt text from the media library<\/h2><ol>\n<li class=\"no-margin\">Within the builder, click on the <b>three dots<\/b> on the left<\/li>\n<li class=\"no-margin\">Once the menu opens up, click on <b><a class=\"intercom-content-link\" href=\"\/support\/7171600-website-builder-media-library\/\" target=\"_blank\" rel=\"noopener\">Media library<\/a><br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-16700\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-21_16-55.png\" alt=\"\" width=\"388\" height=\"866\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-21_16-55.png 388w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-21_16-55-134x300.png 134w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><br>\n<\/b><\/li>\n<li class=\"no-margin\">Open the details of the preferred image file:<br>\n<img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/546b52d5-8796-4fa5-a914-a35a26ad8a5a.jpg\" alt=\"Details button on orange image thumbnail\" width=\"500\" data-media-id=\"3561\"><\/li>\n<li class=\"no-margin\">Insert the description of the image and save it:<br>\n<img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/f6fd434d-c135-4bcc-aaf1-a7a1b65d2b28.jpg\" alt=\"Orange balanced on white plasticine with green leaves\" width=\"500\" data-media-id=\"3563\"><\/li>\n<\/ol><h2 id=\"h-add-alt-text-from-the-image-element-settings\">Add alt text from&nbsp;the image element settings<\/h2><ol>\n<li class=\"no-margin\">Open a page on your website and click on the preferred image.<\/li>\n<li class=\"no-margin\">Then, select <b>Edit image<\/b>.<\/li>\n<li class=\"no-margin\">In the image settings, find the <b>Alt text <\/b>field and insert a description of the image there:<br>\n<img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/ee66abdc-274f-487f-8296-fb070215ff08.jpg\" alt=\"Alt text field in Image settings with example text entered\" width=\"500\" data-media-id=\"3564\"><\/li>\n<\/ol><div class=\"intercom-container intercom-align-center\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">You may also use an AI-generated alt text by clicking on<b> Suggest using AI.<\/b><\/p>\n<\/div><p class=\"no-margin\">If you run an online store, the <b>product title <\/b>is automatically used as the<b> alt text<\/b> for the main product image by default:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/c350587e-2039-45d8-96ef-a6331ef4fc33.jpg\" alt='Handmade Vase \"Sora\" alt text highlighted in accessibility popup' width=\"500\" data-media-id=\"3565\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Add alt text to images in Hostinger AI Builder manual mode.<\/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-873","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6466460-hostinger-website-builder-how-to-add-alt-text\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6466460-hostinger-creador-de-sitios-web-como-agregar-textos-alternativos-de-imagenes\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6466460-hostinger-createur-de-sites-web-comment-ajouter-du-texte-alt-aux-images\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6466460-hostinger-website-builder-cara-menambahkan-alt-text\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6466460-hostinger-svetainiu-kurimo-irankis-paveiksleliu-alt-tekstas\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/6466460-hostinger-criador-de-sites-como-adicionar-texto-alternativo-alt-text-as-suas-imagens\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6466460-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/873","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=873"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/873\/revisions"}],"predecessor-version":[{"id":16701,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/873\/revisions\/16701"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}