Skip to main content
All CollectionsWebsite BuilderGeneral
How to Use Hostinger Website Builder
How to Use Hostinger Website Builder

Conquer the Internet with Hostinger Website Builder

Updated over a month ago

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

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

Website Editor

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

Website building tools in Hostinger Website Builder

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

PAGES AND NAVIGATION

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

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 – click on any element and explore its individual settings

BLOG

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

ONLINE STORE

In the Online store panel on the left, you can enable the eCommerce platform on your website

AI TOOLS

In the AI tools panel on the left, you can access the following:

  • AI Logo Maker

  • AI Writer

  • AI Bog Generator

  • AI Heatmap

ANALYTICS

Analyze your website's traffic and tailor your content more effectively to suit your audience

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

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

Website Settings

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

Here's what you'll find there:

GENERAL SETTINGS

In the general website settings, you can:

INTEGRATIONS

Built-in integrations include Google Analytics, Hotjar, 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

ANALYTICS

Analyze your website's traffic and tailor your content more effectively to suit your audience

SEO

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

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

MEDIA LIBRARY

Locate necessary files and manage them more quickly using the media library

Mobile Editor

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

The mobile editor in Hostinger Website Builder

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 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.

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

VIEW VERSION HISTORY

View and restore previous versions of your website

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

GO LIVE
(after publishing the website, 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?