Instalación en WordPress

Hay dos formas de instalar hatch en WordPress: usando un plugin o editando el tema directamente.

Método 1: Usando un Plugin (Recomendado)

1
Instala el plugin "Insert Headers and Footers"

Ve a Plugins → Añadir nuevo y busca "Insert Headers and Footers" de WPCode.

💡 Alternativas: También puedes usar "Header Footer Code Manager" o "WPCode".

2
Activa e ingresa a la configuración

Una vez activado, ve a Ajustes → Insert Headers and Footers (o el nombre del plugin que instalaste).

3
Pega el código en "Footer"

En la sección "Scripts in Footer", pega tu código de hatch:

<script src="https://hatch.lat/widget/TU_BOT_ID/loader.js" defer></script>
Guarda los cambios

Haz clic en "Guardar" y visita tu sitio. ¡El chat debería aparecer en la esquina inferior derecha!

Método 2: Editando el Tema

⚠️ Precaución: Este método requiere editar archivos del tema. Se recomienda usar un tema hijo para evitar perder los cambios en actualizaciones.

1
Accede al Editor de Temas

Ve a Apariencia → Editor de archivos de tema en tu panel de WordPress.

2
Busca el archivo footer.php

En la lista de archivos del tema, selecciona footer.php.

3
Pega el código antes de </body>

Busca la línea <?php wp_footer(); ?> y pega el código de hatch justo después:

<?php wp_footer(); ?>

<!-- Chat de hatch -->
<script src="https://hatch.lat/widget/TU_BOT_ID/loader.js" defer></script>

</body>
</html>
¿Problemas con la instalación?

El chat no aparece: Limpia la caché de WordPress y de tu navegador.

Conflicto con otros plugins: Desactiva plugins de caché o optimización temporalmente para probar.

Error de JavaScript: Verifica que el ID del bot sea correcto en tu dashboard.