{"id":928,"date":"2022-08-02T11:23:05","date_gmt":"2022-08-02T11:23:05","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/02\/6435894-hostinger-website-builder-how-to-add-and-customize-website-elements\/"},"modified":"2026-02-24T09:43:14","modified_gmt":"2026-02-24T09:43:14","slug":"6435894-hostinger-website-builder-how-to-add-and-customize-website-elements","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6435894-hostinger-website-builder-how-to-add-and-customize-website-elements\/","title":{"rendered":"Hostinger Website Builder: How to Add and Customize Website Elements"},"content":{"rendered":"

Website elements are items that you can use to populate your web pages. In other words, website elements are texts, images, buttons, videos, and so on.<\/p>

While using Hostinger Website Builder<\/a><\/b>, you can find all available elements by expanding the Add elements<\/b> panel on the left.<\/p>

Drag and drop any element to the preferred place on your website or click on an element, and it’ll be automatically inserted into a selected section:<\/p>

<\/div>

Feel free to customize every element however you like. Click on it and explore its settings:<\/p>

\"The<\/div>

You may choose from the following elements:<\/p>

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\n

Text<\/a><\/b><\/p>\n<\/td>\n

\n

Use text elements to populate your website with high-quality content; learn how to change the text style<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n

\n

Button<\/a><\/b><\/p>\n<\/td>\n

\n

Buttons are great call-to-action elements; learn how to add links<\/a><\/b> <\/b>to your buttons<\/p>\n<\/td>\n<\/tr>\n

\n

“Add to bag” button<\/a><\/b><\/p>\n<\/td>\n

\n

Create products<\/a><\/b>, link them to these buttons, and sell them online easily<\/p>\n<\/td>\n<\/tr>\n

\n

Image<\/a><\/b><\/p>\n<\/td>\n

\n

You may browse our free image library or upload your own pictures<\/p>\n<\/td>\n<\/tr>\n

\n

Gallery<\/a><\/b><\/p>\n<\/td>\n

\n

The gallery element allows you to showcase your favorite pictures in a gallery view<\/p>\n<\/td>\n<\/tr>\n

\n

Video<\/a><\/b><\/p>\n<\/td>\n

\n

Our native video element supports YouTube and Vimeo videos; learn how to add a Facebook video<\/a> <\/b>or upload a video from your local device<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n

\n

Shape<\/a><\/b><\/p>\n<\/td>\n

\n

Use various geometric figures to perfect the design of your website<\/p>\n<\/td>\n<\/tr>\n

\n

Card<\/a><\/b><\/p>\n<\/td>\n

Add a styled container to create modern card-style layouts; the Card element supports borders, background fills (solid colors and gradients), preset or custom drop shadows, and flexible sizing<\/td>\n<\/tr>\n
\n

Map<\/a><\/b><\/p>\n<\/td>\n

\n

Add a map to help your customers find your business more easily<\/p>\n<\/td>\n<\/tr>\n

\n

Instagram feed<\/a><\/b><\/p>\n<\/td>\n

\n

Use the Instagram feed <\/b>element to embed your Instagram posts on your website<\/p>\n<\/td>\n<\/tr>\n

\n

Contact form<\/a><\/b><\/p>\n<\/td>\n

\n

Let your clients reach out to you by submitting a contact form on your website<\/p>\n<\/td>\n<\/tr>\n

\n

Subscribe form<\/a><\/b><\/p>\n<\/td>\n

\n

To create a mailing list, add the subscription form element to your website and collect email addresses easily<\/p>\n<\/td>\n<\/tr>\n

\n

Social media icons<\/a><\/b><\/p>\n<\/td>\n

\n

Use this <\/b>element to add links to your social media profiles<\/p>\n<\/td>\n<\/tr>\n

\n

Embed code<\/a><\/b><\/p>\n<\/td>\n

\n

The embed code element allows you to integrate various third-party widgets into your website: calendars, countdown timers, pop-ups, and many more<\/p>\n<\/td>\n<\/tr>\n

\n

Product search<\/a><\/b><\/p>\n<\/td>\n

\n

Currently, the search element only works with online store products<\/a><\/b> 💡<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Learn everything you need to know about website elements<\/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-928","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6435894-hostinger-website-builder-how-to-add-and-customize-website-elements\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6435894-hostinger-creador-de-sitios-web-como-agregar-y-personalizar-elementos-de-tu-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6435894-hostinger-createur-de-sites-web-comment-ajouter-et-personnaliser-des-elements-de-site-web\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6435894-hostinger-website-builder-cara-menambahkan-dan-mengubahsuaikan-elemen-website\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6435894-hostinger-svetainiu-kurimo-irankis-svetaines-elementai\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6435894-hostinger-criador-de-sites-como-adicionar-e-personalizar-elementos-do-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/928","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=928"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/928\/revisions"}],"predecessor-version":[{"id":8183,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/928\/revisions\/8183"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}