If you’re using the Hostinger Website Builder and want to make your site more engaging and conversion-friendly, adding a button in the header is a powerful way to do it. Whether you want to link to a contact form, newsletter signup, or shop page, having a button in the top navigation can grab attention fast.
In this post, I’ll walk you through the exact steps to add and customize a header button in Hostinger Website Builder.
Step 1: Access Your Hostinger Website
Start by logging into your Hostinger account. Go to the “Websites” section and click Edit Website next to the project you want to update.
Step 2: Enable the Header Button
- Click on the website header to select it
- Click “Edit Header”
- Go to the Elements tab
- Toggle Show Button to ON
Once enabled, a button will automatically appear in the header.
Step 3: Customize the Button Text and Link
Click on the new button and set the text to something like “Sign Up” or “Contact Us.”
You can link it to:
- Any page on your site
- An external website
- A specific section of a page
- An email address or phone number
- A downloadable file
In the example, the button is linked to the Contact page.
Step 4: Style the Button
You can customize the button’s appearance for both the normal and hover states:
- Fill color: Choose brand colors (e.g., orange or yellow)
- Text color: Make sure it stands out (e.g., black on yellow)
- Border: Adjust color, width, and radius for a rounded or squared look
- Text size: Make the button big enough to be noticeable
Don’t forget to also style the hover effect—a subtle color change on mouseover can make a big difference.
Step 5: Publish Your Changes
Click Update Website to apply your changes, then preview your site live to test the button.
Bonus: Free Hostinger Website Builder Course
Want to learn everything about building and optimizing websites with Hostinger Website Builder?
📖 Get my Hostinger course for free
This course covers:
- Templates and branding
- Layouts and navigation
- SEO, analytics, blogging
- Online store setup
- Contact forms and more
Join the Dotcom Builders Academy today and access all my Hostinger courses for free.
That’s it! You’ve now added a fully customized button to your website’s header in Hostinger. If you have any questions, feel free to leave a comment or reach out.