Personalizing Hostinger Website Builder templates is easy and enjoyable!
Changing Colors
You can customize colors in two ways: globally and locally. Learn more: How to customize website colors
Changing fonts
Just like colors, you can customize text styles in two ways: globally and locally. Learn more:
Adding New Items
You can add an unlimited number of pages, sections, and elements to your website:
Changing Buttons
Click on a button element and select Edit button to open its settings. There are two tabs of them (General and Style):
General | Style |
|
|
Learn more: “Add to bag” buttons 💡
Editing the Navigation Menu
The navigation menu is visible in the header section, which is the topmost section of your website. The header can also contain a logo.
To edit the navigation menu, click on the header, and you'll see the settings menu on the bottom-right side of the header section:
If you can't see the header section, it's likely that all your website pages are hidden from the navigation menu
Copy-Pasting Sections and Elements
To speed up the website-building process, you can copy-paste elements and sections to other sections or even other pages of your website:
Duplicating Items
To save up some time, you can duplicate website pages, sections, and elements:
To duplicate a website page, follow this guide
To duplicate an element or section, click on it and hit the Duplicate button
Deleting or Hiding Items
You can easily remove – delete, or hide – irrelevant content from your website:
Pages:
Elements and sections:
To delete an element or section, click on it and hit the Delete button (the trash bin icon)
Adding Custom Code
There are two ways to add custom code to your website, and it depends on the type of code you want to add.
If code needs to be added to the <head></head> part of your website's source code, use the Custom code field in your website's integrations settings.
If code needs to be added to the <body></body> part of your website's source code, use the Embed code element.
Customizing the Mobile Version
Make sure the mobile version of your website looks good. Switch to the mobile view by clicking on the mobile phone icon in the upper toolbar:
By default, the mobile website's version displays elements in the order they've been added to the desktop version. Even if you, later on, reorder elements on the desktop, these changes are not automatically applied to the mobile version. You can sort elements on the mobile view manually. This way, you can lay out elements differently on desktop and mobile views.
Adding a Blog
You can add a blog to any website template. Expand the Blog panel on the left and click on Start a blog:
Enabling eCommerce Tools
With the help of eCommerce tools, you can do the following:
Sell physical products
Sell digital products
Sell services
Accept appointments
Accept donations
To learn more about builder capabilities, refer to this collection of help articles: Website Builder 🚀