Skip to main content
All CollectionsWebsite BuilderWebsite Sections
Website Builder: How to Add and Customize Website Sections
Website Builder: How to Add and Customize Website Sections

Learn how to create and manage website sections using Hostinger Website Builder

Updated over a year ago

Together with pages and elements, sections are important structural components of a website.

While using Hostinger Website Builder, you may choose from a variety of section types: image gallery, footer, contact, etc. You can even insert blank sections into your page and design them from scratch – all website sections are easily customizable.

Adding a New Section

To add a new section, access the builder, place the cursor in between two sections, and click on Add section:

The button "Add section" in Hostinger Website Builder

On the left, choose the type of a section or get creative with a blank section:

Types of sections in Hostinger Website Builder

If you select a specific type of section, you'll get a variety of section templates to choose from. Click on the preferred template, and such a section will be inserted into your page:

Section templates in Hostinger Website Builder

Remember that you can easily personalize sections: add, remove, or re-organize elements, change the background, and so on!

Customize Section Settings

To open section settings, click on the section in question. You'll see the settings menu in the top-right corner of a section. There's also a section height handle on the bottom section border – drag it up or down to resize the section:

Section management options in Hostinger Website Builder

Here, you can do the following:

Edit section

It consists of three main tabs:

  1. Layout – these options help align elements and maintain consistent spacing; these settings are saved for each section individually:

    1. Snap to guides

    2. Snap to elements

    3. Row height

    4. Row gap

Generate image

Use the AI Image Generator to create an authentic image background for the section

Duplicate

Duplicate a section

Hide/Show

Delete

Delete a section

Move up/down

Move a section up or down

More

Did this answer your question?