Installation methods
Method 1: WPCode plugin (recommended)
- Install and activate the WPCode plugin.
- Go to Code Snippets > Header & Footer.
- Paste your TinyBell pixel code in the Header section:
<script src="https://thetinybell.com/pixel/YOUR_PIXEL_KEY" defer></script>
- Click Save Changes.
- Go to Appearance > Theme File Editor.
- Select
header.php from the file list.
- Find the
</head> tag.
- Paste the pixel code just before
</head>.
- Click Update File.
If you update your theme, changes to header.php will be lost. Use a child theme or the WPCode plugin method instead.
Method 3: Functions.php
Add this to your theme’s functions.php or a custom plugin:
function tinybell_pixel() {
echo '<script src="https://thetinybell.com/pixel/YOUR_PIXEL_KEY" defer></script>';
}
add_action('wp_head', 'tinybell_pixel');
Verify installation
- Visit your WordPress site.
- Right-click > View Page Source.
- Search for
thetinybell.com/pixel. If you find it, the pixel is installed.
Compatibility
TinyBell works with all major WordPress themes and page builders:
- Elementor
- Divi
- Astra
- GeneratePress
- Avada
- OceanWP
- Flavstarter
- Flavor starter
No conflicts with common plugins like Yoast SEO, WooCommerce, or caching plugins.
Caching plugins
If you use a caching plugin (WP Rocket, W3 Total Cache, LiteSpeed Cache), the pixel will still work because it loads from an external URL. No special configuration needed.