Instalación
Pega el píxel de Búho en tu tienda. Una línea, cero complicaciones.
Shopify
Tiempo estimado: 3 minutos.
Abre tu panel de Shopify
Entra a tu tienda Shopify con tu cuenta de administrador. La URL se ve así: tu-tienda.myshopify.com/admin
Ve a Configuración de la tienda online
En el menú lateral izquierdo, busca Tienda online → haz clic en Temas.
En el tema activo (el de arriba con el botón azul), haz clic en los 3 puntos ···→ Editar código.
Abre theme.liquid
En la lista de archivos del lado izquierdo, busca la carpeta Layout y haz clic entheme.liquid.
Pega el código antes de </head>
Busca la etiqueta </head> (está entre las primeras 30-40 líneas) y pega justo encima el código de Búho.
Reemplaza TU_API_KEY por la llave que te dimos al crear tu cuenta.
<script async
src="https://api.buholabs.com/buho.js?id=TU_API_KEY">
</script>Guardar y listo
Haz clic en Guardar arriba a la derecha. Búho empieza a observar tu tienda en ese mismo momento.
Abre tu tienda en otra pestaña, navega 30 segundos, y verás tu primera visita en tu panel de Búho.
Ahora el pago (checkout)
Con lo de arriba, Búho ya mide toda tu tienda: inicio, catálogo, producto y carrito. Falta la pantalla de pago, que Shopify mantiene cerrada, y es justo donde más gente abandona. Con otro código también la mides. Son 5 minutos.
Ve a Configuración → Eventos de clientes
En tu panel de Shopify entra a Configuración → Eventos de clientes (Settings → Customer events) y haz clic en Agregar píxel personalizado.
Nómbralo Búho checkout y pega el píxel
Ponle un nombre, por ejemplo Buho checkout, y pega este píxel en la caja de código. Es el que mide el pago dentro del checkout cerrado de Shopify.
1. Abre el píxel que ya existe (no crees uno nuevo).
2. Selecciona todo el código que tiene adentro y bórralo.
3. Pega este código en su lugar y guarda.
El píxel sigue siendo el mismo, solo le cambias el contenido. Si creas un segundo píxel, cada compra se cuenta dos veces.
Reemplaza TU_API_KEY por la llave que te dimos al crear tu cuenta.
// Búho - píxel de checkout (beta). Nunca interrumpe el pago:
// si algo falla, simplemente no se mide.
const BUHO_KEY = 'TU_API_KEY';
const buhoRand = () =>
Math.random().toString(36).slice(2, 10) + Date.now().toString(36);
Guardar y Conectar
Haz clic en Guardar y luego en Conectar para activarlo. Listo: ya mides cuánta gente inicia el pago y cuánta termina la compra, la parte del embudo que antes quedaba a oscuras.
Esta parte está en beta. La pantalla de pago de Shopify no permite grabarse, así que estos pasos aparecen como visitas sin video: ves los números de cada etapa del pago, no la grabación.
¿Ya quedó?
No tienes que hacer nada más. En cuanto tu tienda reciba la primera visita, Búho lo detecta solo y te lo confirma aquí y en tu panel.
¿Usas otra plataforma? Escríbenos a [email protected] y armamos la guía.