Skip to main content

​
What is the pixel?

The pixel is a single line of JavaScript that enables TinyBell on your website. It loads asynchronously, so it does not slow down your site.

​
Get your pixel code

  1. Log in to your TinyBell dashboard.
  2. Go to Hotels / Properties.
  3. Click on your property.
  4. Copy the pixel code from the Pixel Code section.
Your pixel code looks like this: 
<script src="https://thetinybell.com/pixel/abc123def456" defer></script>

​
Install on your website

Paste the pixel code inside the <head> tag of every page where you want notifications to appear. 
<!DOCTYPE html>
<html>
<head>
  <title>My Hotel</title>
  <!-- TinyBell Pixel -->
  <script src="https://thetinybell.com/pixel/YOUR_PIXEL_KEY" defer></script>
</head>
<body>
  ...
</body>
</html>

​
Verify the installation

  1. Visit your website.
  2. Open browser Developer Tools (F12 or right-click > Inspect).
  3. Go to the Network tab.
  4. Search for pixel. You should see a request to thetinybell.com/pixel/... with status 200.
If you see the request with status 200, the pixel is installed correctly.

​
Troubleshooting

ProblemSolution
Pixel not loadingCheck that the script tag is inside <head> and the URL is correct
Notifications not showingMake sure the property is enabled and at least one notification is active
Pixel loads but nothing appearsCheck your notification trigger settings (exit intent won’t show on page load)
Conflict with other scriptsAdd defer to the script tag if not already present