If you’re using Hostinger Website Builder and need to add a custom code snippet—such as Google Analytics, a verification code, or a meta tag—into the head section of your website, the process is fast and simple. Here’s how to do it step-by-step.
Step 1: Log In to Hostinger
First, log into your Hostinger account. Go to the Websites section and locate the site you want to edit.
Step 2: Open the Website Builder
Click the “Edit Website” button next to your selected website. This opens the Hostinger Website Builder.
Step 3: Access Custom Code Settings
Click on the three-dot menu (More Settings), then choose “Integrations” from the options. Next, click on “Custom Code.”
Step 4: Paste Your Code Snippet
Paste the code snippet provided by your third-party service (such as an analytics or SEO tool) into the text field. This area will automatically inject your code into the head section of your website.
If there’s already a snippet there, you can remove it or update it as needed. After pasting your code, click “Save.”
Step 5: Publish Your Changes
Click “Update Website” to apply and publish your changes to the live site.
Step 6: Confirm Placement
To verify the code was added correctly:
- Visit your live website
- Right-click anywhere and choose “View Page Source”
- Use Ctrl + F (or Cmd + F on Mac) to search for a keyword from your code
- Make sure your code appears before the closing head tag
Why Add Code to the Head Section?
Adding code to the head section is crucial for:
- Site verification (Google Search Console, Bing Webmaster Tools)
- Analytics tracking (Google Analytics, Facebook Pixel)
- SEO tools (meta tags, schema markup)
- Custom fonts or CSS frameworks
Conclusion
Adding code snippets to the head section of your Hostinger website is a key step for customizing functionality and integrating essential tools. With just a few clicks, you can expand your site’s capabilities and ensure it’s properly tracked, indexed, and optimized.