{"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-03-12T14:41:15","modified_gmt":"2026-03-12T14:41:15","slug":"6474593-hostinger-website-builder-how-to-add-shapes","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6474593-hostinger-website-builder-how-to-add-shapes\/","title":{"rendered":"Hostinger Website Builder: How to Add Shapes"},"content":{"rendered":"<p class=\"no-margin\">Within Hostinger Website Builder, open the <b>Add elements<\/b> 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\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/c0dd176a-2404-4de7-a8ff-c598a6cac78d.jpg\" width=\"400\"><\/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<\/ul><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/28a8ed60-1366-4a33-a63b-321374c67192.jpg\"><\/div><div><\/div><div>Currently, it is not possible to rotate a shape.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Use various shapes to perfect the design of your 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":[280],"tags":[],"class_list":["post-869","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474593-hostinger-website-builder-how-to-add-shapes\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6474593-hostinger-creador-de-sitios-web-como-agregar-formas\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6474593-createur-de-site-web-comment-ajouter-des-formes-chez-hostinger\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6474593-hostinger-svetainiu-kurimo-irankis-geometrines-figuros\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6474593-hostinger-criador-de-sites-como-adicionar-formas\/","default":0}],"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":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/869\/revisions"}],"predecessor-version":[{"id":8691,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/869\/revisions\/8691"}],"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}]}}