The Hostinger Website Builder is a perfect tool that allows creating a website or an online store without any special skills in coding or design. The whole process is based on customizing a website template!

Learn what's the difference between Hostinger Website Builder and other content management systems 💡

Within the builder, there are two main toolbars – the left-side toolbar and the upper toolbar – that include everything you need for running a successful website. Let's overview the four main areas of the website builder:

Website editor

Access the website builder and you'll see the main website editing tools on the left:

Here's what you'll find there:

ADD ELEMENT

In the Add element panel on the left, you can find a variety of elements that you can use to populate your website

Learn how to add and customize website elements

PAGES AND NAVIGATION

In the Pages and navigation panel on the left, you can find and manage all your website pages:

You can also sort pages to change their display order in your website's navigation menu

The navigation menu is always visible in the header section

WEBSITE STYLES

In the Website styles panel on the left, you can find the global style settings:

In addition to the global style settings, you can customize all website elements locally – simply click on any element, and explore its individual settings

BLOG

In the Blog management panel on the left, you can:

Learn how to start creating a blog

LITE STORE

In the Lite store panel on the left, you can enable the e-commerce platform on your website

Learn how to start creating an online store

LANGUAGES

In the Languages panel on the left, you can enable additional languages on your website

It's recommended to add more languages once your website is finished in the default language

AI TOOLS

In the AI tools panel on the left, you can access the Logo Maker, AI Writer, and AI Heatmap

SECTIONS

Even though there's no dedicated tab for sections on the left-side toolbar, note that you can easily add custom sections to any of your website pages

Website settings

Within the website builder, find the website settings in the bottom-left corner:

Here, you can manage the following:

GENERAL SETTINGS

In the general website settings, you can:

INTEGRATIONS

In-built integrations include Google Analytics, Hotjar, Messenger Live Chat, WhatsApp, and more

Custom integrations can be added in two ways:

  • Use the Custom code field to insert custom scripts into the <head></head> part of a website's code

  • Use embed code elements to insert custom scripts into the <body></body> part of a website's code

SEO

SEO is a really wide topic, but here are the main tools and features that we offer:

Learn how to make your website appear on Google

FORM SUBMISSIONS

This section of your website settings is dedicated to forms that your clients submit via the contact form and subscription form elements on your website

Mobile editor

To view the mobile version of your website, click on the mobile phone icon in the top toolbar:

By default, website elements are displayed on the mobile view in the order they've been added to the desktop view. Even if you, later on, reorder elements on the desktop view, these changes are not automatically applied to the mobile version. You can sort the elements on the mobile view manually. This way, you can lay out elements differently on desktop and mobile views.

Learn how to edit the mobile version of a website.

Other options

In the upper toolbar, you can see the following options:

Redo/Undo

If you accidentally delete an element or a section, you can easily restore it using the undo/redo buttons in the upper toolbar

Save

Most changes, made within the website builder, are saved automatically

If any changes are not auto-saved, you'll always see the Save button to save changes manually

Preview

It doesn't matter if your website has already been published, or is still a draft, you can easily preview it from your editor

Publish website (after publishing, the button is called Update website)

Learn how to publish a website

If you are eager to launch your website but still have some unfinished pages, you can publish the homepage only and hide the rest of your pages while you're working on them

Update website

Updating your website is necessary to view the latest changes live

You can edit and update your website as many times as you want

Did this answer your question?