{"id":869,"date":"2022-08-16T07:03:22","date_gmt":"2022-08-16T07:03:22","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/16\/6474593-hostinger-website-builder-how-to-add-shapes\/"},"modified":"2026-09-23T07:04:16","modified_gmt":"2026-09-23T07:04:16","slug":"6474593-hostinger-ai-builder-manual-mode-how-to-add-shapes","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6474593-hostinger-ai-builder-manual-mode-how-to-add-shapes\/","title":{"rendered":"Hostinger AI Builder: How to add shapes in manual mode"},"content":{"rendered":"<p>Add shapes to your website design in <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder\" href=\"https:\/\/www.hostinger.com\/ai-builder\/\">Hostinger AI Builder<\/a> manual mode to enhance your layout.<\/p><h2 id=\"h-add-a-shape\">Add a shape<\/h2><p class=\"no-margin\">Open the <a data-click-id=\"hgr-post-content-link-add-elements\" href=\"https:\/\/www.hostinger.com\/support\/6435894-hostinger-ai-builder-manual-mode-how-to-add-and-customize-website-elements\/\"><b>Add elements<\/b><\/a> panel on the left and find the <b>Shape<\/b> element. Drag and drop it anywhere on your template:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-16147\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-19_17-26.png\" alt=\"\" width=\"439\" height=\"869\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-19_17-26.png 439w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-19_17-26-152x300.png 152w\" sizes=\"(max-width: 439px) 100vw, 439px\" \/><\/div><p class=\"no-margin\">Click on a shape to see more options:<\/p><ul>\n<li>\n<p class=\"no-margin\">Change the shape<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Change the color<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Duplicate the shape and use it multiple times<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Hide the shape on the desktop or mobile version of your website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Delete the element<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Resize the shape<\/p>\n<\/li>\n<li>Rotate the shape directly on the canvas<\/li>\n<\/ul><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/28a8ed60-1366-4a33-a63b-321374c67192.jpg\" alt=\"Hostinger Website Builder shape selected with change shape toolbar and resize handle highlighted\" data-media-id=\"3545\"><\/div><div>Your shape is now added and customized to fit your website design.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Add and customize shapes to your website design 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-869","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474593-hostinger-ai-builder-manual-mode-how-to-add-shapes","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/869","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=869"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/869\/revisions"}],"predecessor-version":[{"id":18748,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/869\/revisions\/18748"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}