Este artículo explica cómo instalar su código de Hotjar en su sitio Shopify.
El checkout integrado de Shopify no permite la instalación de scripts de terceros como Hotjar. Sin embargo, hemos sugerido una solución para el seguimiento de su flujo de pago Shopify en una sección separada a continuación.
Para clientes que no tienen Shopify Plus, el checkout de Shopify bloquea scripts de terceros como Hotjar.
Si tienes Shopify Plus, es posible que puedas añadir scripts de terceros a tu página de pago y deberías hablar con tu Gestor de Éxito Comercial en Shopify para añadir Hotjar a tu pago.
Para los clientes que no tienen Shopify Plus, puedes instalar Hotjar en tu tienda Shopify, sin embargo, el pago integrado de Shopify bloqueará los scripts de terceros, incluyendo Hotjar. Esta es una limitación dentro de Shopify, sin embargo, podemos sugerir una solución para el seguimiento de su flujo de pago Shopify.
Cómo instalar Hotjar en tu sitio Shopify
Ve a tu página de Sitios Hotjar y haz clic en Instalar código de Hotjar para tu sitio.
Haz clic en Añadir código manualmente.
Haz clic en Copiar para copiar el código de Hotjar.
Visita tu panel de administración de Shopify.
Haz click en Tienda Online, luego haz click en Temas.
En su tema actual, haz clic en Acciones y luego seleccione Editar código.
Dentro de la carpeta Layout, haz clic en theme.liquid.
Desplázate por la página theme.liquid hasta que encuentres la etiqueta de cierre </head>.
Algunos temas utilizarán una variación de las etiquetas <head> </head> como {/head}, [/header], u otras variaciones de [/head]. Todos estos funcionan de la misma manera.
Pega tu código de Hotjar justo antes de la etiqueta de cierre .
Haz clic en Guardar para aplicar los cambios.
Sigue los siguientes pasos para instalar también Hotjar en tu página de estado del pedido
Usando los pasos anteriores, el código de Hotjar ahora debería estar instalado en tu escaparate de Shopify. Para rastrear también la página de estado del pedido, necesitarás instalar el código de rastreo en otra sección de Shopify. Siga los pasos a continuación para ayudarle a hacerlo.
Para instalar el código de Hotjar en la página de estado del pedido, dentro de la barra lateral de administración de Shopify, haz clic en Configuración.
Haz clic en Pago.
Desplácese hacia abajo hasta llegar a la sección de scripts de la página de estado del pedido. Pegue el código de Hotjar en el campo de texto.
Haga clic en Guardar.
El código de Hotjar debería estar instalado en la página de estado del pedido. Esto no instala el código de rastreo en tu pago de Shopify, ya que el pago integrado de Shopify no permite scripts de terceros, como Hotjar.
Una solución para rastrear el flujo de pago en Shopify
Desafortunadamente, el checkout integrado de Shopify no permite que scripts de terceros, como Hotjar, funcionen en las páginas de checkout. Sin embargo, hay una posible solución para rastrear el flujo de pago de Shopify en Hotjar:
Seguimiento de la página de estado del pedido
Shopify permite que Hotjar funcione en la página de estado del pedido. Esto significa que puedes filtrar aquellos usuarios que han realizado una compra utilizando el filtro URL contiene para Recordings y Heatmaps, basado en la URL de la página de confirmación de pedido de tu sitio. Por ejemplo, después de una compra, es posible que se muestre a los usuarios una página con una URL que contenga /thank_you y puede filtrar Recordings y Mapas térmicos basándose en esta URL. Tendrá que comprobar la URL específica utilizada para su sitio web, que puede ser diferente de /thank_you, y utilizarla al filtrar.
Añade activadores de eventos para comparar a los que compraron con los usuarios que no terminaron el proceso de compra
Si te interesa comparar los usuarios que han realizado una compra con los que han iniciado el proceso de pago pero no lo han finalizado, puede añadir activadores de eventos a los botones de su sitio web que llevan a los usuarios a la página de pago. Puedes filtrar tus Recordings utilizando eventos para comparar los siguientes segmentos de usuarios:
- Usuarios que hicieron clic en los botones y llegaron a la página de confirmación del pedido.
- Usuarios que hicieron clic en los botones y no llegaron a la página de confirmación del pedido.
¿Tiene problemas con la instalación del código de Hotjar?
Lee nuestros artículos Cómo comprobar que Hotjar funciona y Preguntas frecuentes sobre la instalación del código de Hotjar para obtener información sobre cómo solucionar problemas.