If you’re using Hostinger Website Builder and need to add a custom HTML code — whether it’s for a widget, form, or script — this quick tutorial will walk you through the entire process, even if you’re a beginner.
Step 1: Log Into Hostinger
First, log into your Hostinger account. From the dashboard, go to Websites, then next to your desired website, click Edit Website.
Step 2: Add a Blank Section
Before embedding any code, it’s a good idea to create a blank section where the HTML code will live:
- Click Add Section
- Select Add Blank Section
Step 3: Add the Embed Code Element
To insert your HTML:
- Click the plus (+) icon to add an element
- Scroll down and choose Embed Code
- Drag and drop it into your blank section
- Click Enter Code, delete the default snippet, and paste your own HTML code
If you don’t have HTML ready, you can use a simple placeholder like:
htmlCopyEdit<h2>Hello from my Hostinger site!</h2>
<p>This is custom HTML embedded using the website builder.</p>
Step 4: Save and Publish
Once you’ve added your code:
- Click Embed Code to confirm
- Click Update Website in the top-right corner to publish the change
- View your website live to ensure it’s working correctly
Note: Some HTML elements may not display in the preview due to limitations in the visual builder, but they often appear correctly on the live site.
Bonus: Get My Hostinger Course for Free
Want to become a pro with Hostinger? I offer a 100% free Hostinger Website Builder Masterclass, where you’ll learn everything from design and branding to SEO and eCommerce.
🎓 Join here: https://academy.dotcom.builders
Inside the course, you’ll learn:
- How to set up and structure your website
- Advanced layout and design tricks
- SEO best practices for visibility
- How to add blogs, contact forms, and even run a full eCommerce store
Start building smarter websites today — and for free!
Let me know in the comments if you have questions or need help with your HTML code in Hostinger.