TinyBell installation is a single line of JavaScript. This step-by-step guide covers WordPress, custom sites, and every setup in between. No developer needed.
Installation is the step most people overthink. You do not need a developer. You do not need to touch your booking engine. You add one line of JavaScript to your website header and you are done.
Here is exactly how to do it, for every common setup.
Step 1: Get your pixel code
Log in to TinyBell. Go to your website settings and copy the pixel code. It looks like a short script tag with a unique ID that identifies your website.
Step 2: Add it to your website
The pixel goes in the <head> section of your website, on every page. How you do this depends on your setup:
WordPress (recommended: use a plugin)
Install the free "Insert Headers and Footers" plugin by WPCode. Go to WPCode, paste your pixel in the "Header" section, save. Done. The pixel is now on every page of your WordPress site.
Alternatively: if your theme has a "Custom Code" or "Header Scripts" field in the Customizer, paste it there.
WordPress with Elementor
Go to Elementor > Custom Code. Add a new code snippet, paste the pixel, set location to "In Head", publish. No plugin needed.
Custom HTML website
Open your HTML file. Find the </head> closing tag. Paste the pixel on the line just before it. Save and upload the file.
Website builder (Wix, Squarespace, Webflow)
Most builders have a "Custom Code" or "Head Scripts" section in their settings. The exact path varies by platform but the process is the same: find where to add header scripts, paste the pixel, save.
Step 3: Verify the installation
Go back to TinyBell. Your dashboard will show a status indicator. If it shows "Active," the pixel is firing. If it shows "Not detected," reload the page and wait 30 seconds. If it still shows not detected, double-check that the pixel is in the <head> and not in the <body> or footer.
Step 4: Create your first widget
Go to Notifications > Create. Choose a widget type. The fastest way to start: pick "Image Campaign," upload a photo of your property, set a compelling direct booking offer like "Book Direct. Best Rate Guaranteed." and choose a button that links to your booking engine.
Set it to show after 10 seconds to all visitors. Publish it.
Step 5: Check it live
Open your hotel website in a new browser tab. Wait 10 seconds. Your widget should appear. If it does not show immediately, make sure you are not excluded by any targeting rules you may have set.
That is the full installation. From creating your account to having a live widget on your hotel website: 5 minutes. Once it is running, track your widget click-through rate to know whether the offer is converting.