Setup Snappy in Hostinger

Published on

Install Snappy on Hostinger

Adding Snappy to your Hostinger-hosted website is straightforward and gives your marketing team the freedom to optimize your site without constant developer involvement.

Overview
  1. Understanding Hostinger setup options
  2. Method 1: Adding script to HTML files
  3. Method 2: Using Hostinger's Website Builder
  4. Method 3: WordPress on Hostinger
  5. Verifying installation
  6. Troubleshooting

Understanding Hostinger Setup Options

Hostinger offers several ways to build and host websites. The installation method for Snappy depends on which approach you're using:

  • Standard hosting with custom HTML/CSS/JS files
  • Hostinger Website Builder
  • WordPress installation via Hostinger

Identify your website type before proceeding with installation.

Method 1: Adding Script to HTML Files

If you're using standard hosting with custom files:

  1. Log in to your Hostinger control panel (hPanel)
  2. Navigate to File Manager under the Files section
  3. Browse to your website's root directory (typically public_html or www)
  4. Locate and edit your main HTML files (like index.html and other pages)
  5. Add the Snappy script inside the <head> section, before the closing </head> tag:
<script src="https://scripts.letsbesnappy.com/YOUR_DOMAIN/admin.js"></script>
  1. Make sure to replace YOUR_DOMAIN with the domain the script should be installed on
  2. Save the file(s) and close the editor

For sites with multiple HTML pages, you'll need to add the script to each page where you want Snappy to work.

Method 2: Using Hostinger's Website Builder

If you're using Hostinger's Website Builder:

  1. Log in to your Hostinger account and access your Website Builder
  2. Open your website project in the editor
  3. Click on Settings (typically a gear icon) in the builder interface
  4. Look for Advanced or Custom Code options
  5. Find the section for adding code to the <head> section
  6. Paste your Snappy script:
<script src="https://scripts.letsbesnappy.com/YOUR_DOMAIN/admin.js"></script>
  1. Make sure to replace YOUR_DOMAIN with the domain the script should be installed on
  2. Save your changes and publish your website

Method 3: WordPress on Hostinger

If you're using WordPress hosted on Hostinger:

  1. Log in to your WordPress admin dashboard
  2. Navigate to Appearance → Theme Editor (or use a header code plugin)
  3. If using Theme Editor, select your active theme and look for the header.php file
  4. Add the Snappy script just before the closing </head> tag:
<script src="https://scripts.letsbesnappy.com/YOUR_DOMAIN/admin.js"></script>
  1. Make sure to replace YOUR_DOMAIN with the domain the script should be installed on
  2. Click Update File to save changes

Alternatively, you can use a plugin like "Insert Headers and Footers" or "Header and Footer Scripts":

  1. Install and activate the plugin from Plugins → Add New
  2. Go to the plugin's settings (typically under Settings)
  3. Add your Snappy script to the header section
  4. Save your changes

Verifying Installation

To confirm Snappy is working correctly:

  1. Visit your live website in a web browser
  2. Right-click and select View Page Source
  3. Search (Ctrl+F or Cmd+F) for "letsbesnappy.com" - you should see your script in the head section
  4. Log in to your Snappy dashboard - your site should appear as a connected site

Troubleshooting

If you're experiencing issues with your Snappy installation on Hostinger:

Script not appearing in source code
  • For standard hosting: Verify you've added the script to all necessary HTML files and they've been saved properly
  • For Website Builder: Ensure you've published your site after adding the script
  • For WordPress: Clear your cache plugins if you're using any

Caching issues

Hostinger uses LiteSpeed caching which might delay showing your changes:

  1. Clear your website cache in Hostinger's hPanel under Website → LiteSpeed Cache
  2. Also purge any WordPress caches if you're using WordPress
  3. Try viewing your site in an incognito/private window to bypass browser cache

SSL/HTTPS issues

If your site uses HTTPS (recommended):

  1. Ensure your site has a valid SSL certificate installed
  2. The Snappy script should automatically use the correct protocol
  3. If seeing mixed content warnings, contact Snappy support

With Snappy successfully installed on your Hostinger website, you're ready to start creating widgets, conducting A/B tests, and optimizing your site without waiting for development cycles.

Ready to transform your website? Login to your Snappy dashboard and begin creating your first optimization today!