🔔
Starter Pack gratis
4 notificaciones listas para tu hotel

Comparador de precios, beneficios de reserva directa, retencion y mas. Activos desde el primer minuto.

💸
Precio
⭐
Beneficios
🚶
Salida
💡
Info
Crear cuenta → Ver demo

Cómo instalar TinyBell en la web de tu hotel en 5 minutos

13 Abril, 2026 • Hotel Marketing • 2 minutos de lectura

Hotel website code editor with pixel installation

Guía paso a paso para instalar TinyBell en la web de tu hotel. Una linea de código, sin desarrollador. Compatible con WordPress, Squarespace y cualquier web HTML.

La instalación es el paso que la mayoría sobredimensiona. No necesitas un desarrollador. No necesitas tocar tu booking engine. Anades una linea de JavaScript en el header de tu web y listo.

Así es exactamente como hacerlo, para cada configuración habitual.

Paso 1: Obtener tu código de pixel

Inicia sesión en TinyBell. Ve a los ajustes de tu sitio web y copia el código del pixel. Es una etiqueta script corta con un ID único que identifica tu web.

Paso 2: Anadirlo a tu web

El pixel va en la sección <head> de tu web, en todas las páginas. Como hacerlo depende de tu configuración:

WordPress (recomendado: usar un plugin)

Instala el plugin gratuito "Insert Headers and Footers" de WPCode. Ve a WPCode, pega tu pixel en la sección "Header", guarda. Hecho. El pixel ahora está en todas las páginas de tu sitio WordPress.

Alternativa: sí tu tema tiene un campo "Custom Code" o "Header Scripts" en el Customizer, pegalo ahi.

WordPress con Elementor

Ve a Elementor > Custom Code. Anade un nuevo fragmento de código, pega el pixel, establece la ubicacion en "In Head", pública. Sin necesidad de plugin.

Web HTML personalizada

Abre tu archivo HTML. Busca la etiqueta de cierre </head>. Pega el pixel en la linea justo antes. Guarda y sube el archivo.

Constructor web (Wix, Squarespace, Webflow)

La mayoría de constructores tienen una sección "Custom Code" o "Head Scripts" en sus ajustes. La ruta exacta varia según la plataforma, pero el proceso es el mismo: busca donde anadir scripts de cabecera, pega el pixel, guarda.

Paso 3: Verificar la instalación

Vuelve a TinyBell. Tu dashboard mostrara un indicador de estado. Si muestra "Active", el pixel está funciónando. Si muestra "Not detected", recarga la página y espera 30 segúndos. Si sigue sin detectarlo, comprueba que el pixel está en el <head> y no en el <body> o el footer.

Paso 4: Crear tu primer widget

Ve a Notifications > Create. Elige un tipo de widget. La forma más rápida de empezar: seleccióna "Image Campaign", sube una foto de tu propiedad, configura una oferta de reserva directa atractiva como "Reserva Directo. Mejor Tarifa Garantizada." y elige un boton que enlace a tu booking engine.

Configuralo para mostrarse a los 10 segúndos a todos los visitantes. Públicalo.

Paso 5: Comprobarlo en vivo

Abre la web de tu hotel en una nueva pestana del navegador. Espera 10 segúndos. Tu widget debería aparecer. Si no se muestra inmediatamente, asegurate de que no estas excluido por alguna regla de segmentacion que hayas configurado.

Eso es toda la instalación. Desde crear tu cuenta hasta tener un widget activo en la web de tu hotel: 5 minutos. Una vez en marcha, monitoriza tu click-through rate del widget para saber sí la oferta está convirtiendo.