Hostinger Website Builder: How to Add Buttons

Using button elements on a website

Updated 2 weeks ago

In Hostinger Website Builder, the easiest way to add buttons to your website is to use button elements.

Button elements

Within the editor, expand the Add elements panel on the left. Select the button element and drag and drop it anywhere on your website:

Hostinger Website Builder Add elements panel with the Button tile highlighted

Click on the button to see more options (edit, duplicate, hide, delete, resize, etc.):

Hostinger website builder button selected with More menu open, showing cut, copy, duplicate, delete options

Click on Edit button to open its settings:

General

Style

Animation

Button text: rename the button

Linking options: hyperlink a button with:

  • URL

  • Your website page

  • Phone number

  • Email address

  • File

Change the following style attributes of the button:

  • Fill color

  • Text color/font/size

  • Border color/width

  • Corner radius (button shape)

How to Add Animations

 

Adding a button to the header

Within the editor, click on the header, and then Edit header:

Website header with the Edit header button highlighted

Then, click Elements, and toggle Show button on. You can customize how the button looks like by clicking Edit button:

Header settings popup on the Elements tab with toggles for logo, button, and shopping cart

NOTES