Descripción general del Widget de Chat
Permite que tus clientes te envíen mensajes directamente desde tu sitio web, y que esos chats aparezcan en tu Buzón de Housecall Pro.
Beneficios clave:
Captura clientes potenciales directamente desde tu sitio web
Mantén las conversaciones en tu Buzón
Ofrece a los clientes una forma fácil de contactarte
Antes de comenzar
La mayoría de los creadores de sitios web (como Wix, Squarespace, Webflow y WordPress) solo permiten código personalizado en planes pagos.
Si estás en un plan gratuito o básico con tu creador de sitios web, es posible que el Widget de Chat no aparezca o funcione correctamente. Verifica tu plan de sitio web para confirmar que admite agregar “código personalizado”, “inyección de código” o “fragmentos de HTML” antes de comenzar.
Cómo agregar el Widget de Chat
Paso 1: Obtén tu código de widget
Haz clic en el icono de My Apps (cuadrado 3x3) en la esquina superior derecha de tu cuenta de Housecall Pro.
Ve a la App Store, busca “Chat on your website”, luego abre Chat on your website.
Elige el color que deseas para tu burbuja de chat y copia el fragmento de JavaScript.
📌 Nota: No compartas este fragmento: es único para tu empresa.
Paso 2: Agrega el código a tu sitio web
Pega tu código justo antes de la etiqueta de cierre </body> en tu sitio web. Esto asegura que el widget se cargue correctamente sin interrumpir otros elementos en tu página.
Aquí te mostramos cómo hacerlo, dependiendo de tu plataforma de sitio web:
Plataforma | Plan requerido | Dónde pegar el código | Documentos oficiales |
Wix | Se requiere plan pago | Settings > Advanced > Custom Code | |
Squarespace | Se requiere plan pago | Settings > Website > Code Injection > Footer | |
Webflow | Se requiere plan pago | Project Settings > Custom Code > Footer Code | |
Duda | Se requiere plan pago | Settings > Head HTML > Body End HTML | |
WordPress.com | Se requiere plan pago | Usa un plugin o inyección de código en el pie de página | |
WordPress.org (autohospedado) | Gratis | Usa un plugin como WPCode para insertar el script en el pie de página | |
Sitio personalizado | Se requiere acceso de desarrollador | Pega antes de la etiqueta de cierre </body> | Asegúrate de que tu sitio permita scripts de chat.housecallpro.com |
Paso 3: Prueba el Widget
Después de publicar tus cambios:
Abre tu sitio web en una ventana de navegador incógnito/privada.
Espera unos segundos para que el widget aparezca en la esquina inferior derecha.
Si no aparece, continúa con los pasos de solución de problemas a continuación.
Paso 4: Activa Job Inbox y Notificaciones
Una vez que el widget esté en tu sitio, habilita Job Inbox para que las nuevas conversaciones de tu sitio web aparezcan en tu Buzón y recibas notificaciones.
Haz clic en el icono de My Apps (el cuadrado 3x3) en la esquina superior derecha de tu cuenta de Housecall Pro.
Selecciona la aplicación Job inbox para acceder a tus configuraciones de Job inbox.
Activa Job inbox si aún no está activado. Una vez activado, el interruptor se volverá azul y aparecerá la palabra "ACTIVO".
Cómo acceder a tus Mensajes del Widget de Chat
Una vez que la integración esté configurada, todos los nuevos mensajes de tu Widget de Chat en el sitio web estarán accesibles en el canal “Chats from your Website” dentro de Job Inbox. Cuando aparezca un nuevo chat, simplemente toca “chat customer” para continuar la conversación.
Solución de problemas del Widget de Chat
Si tu widget de chat no aparece o no funciona correctamente, sigue estos pasos en orden:
Paso 1: Verifica tu Plan de Sitio Web
Confirma que tu plan admite agregar código personalizado.
Si estás en un plan gratuito o básico, el widget de chat no se cargará, incluso si se agrega el código.
Paso 2: Confirma Horario Comercial
El widget de chat se comporta de manera diferente según tu Horario Comercial:
Durante el horario comercial → formulario de chat en vivo
Fuera del horario comercial → formulario de contacto
Si estás probando después de horas, es posible que solo veas el formulario de contacto.
Paso 3: Limpia tu Caché
Limpia tanto la caché de tu sitio web (desde tu creador o plugin) como la caché de tu navegador.
Luego, abre tu sitio en una ventana incógnita o privada y actualiza la página.
Paso 4: Verifica que el Código del Widget se Cargó
Comprueba si el script se agregó correctamente:
Haz clic derecho en tu sitio → Inspeccionar.
Presiona Ctrl+F (Windows) o Cmd+F (Mac).
Busca proChatIframeContainer
Si lo encuentras, el script del widget está instalado correctamente. Si no, revisa la ubicación de tu código y asegúrate de que tus cambios se hayan publicado.
Paso 5: Busca Elementos Ocultos o Superpuestos
Si el widget se carga pero no es visible, algo más en tu sitio podría estar cubriéndolo (por ejemplo, un banner de cookies o un botón de “Volver arriba”).
Puedes pedirle a tu creador de sitios web o desarrollador que ajuste los valores de z-index para solucionar esto.
Los desarrolladores pueden usar CSS como este: #proChatIframeContainer { z-index: 1300; }
Paso 6: Verifica el Bloqueo de Scripts
Si tú o tu desarrollador ven errores de CSP (Política de Seguridad de Contenidos) o de bloqueo en la consola del navegador, asegúrate de que tu sitio permita scripts de lo siguiente: https://chat.housecallpro.com
Preguntas frecuentes sobre el Widget de Chat
¿A dónde van los mensajes de los clientes?
Los mensajes aparecen en tu Buzón de Housecall Pro → canal de Clientes.
¿Pueden los clientes enviar fotos o videos?
Sí, los clientes pueden adjuntar archivos (hasta 5MB cada uno) una vez que comiencen a chatear contigo.
¿Por qué el chat es de pantalla completa en el móvil?
Eso es lo esperado. En pantallas más estrechas de 600px, el chat se expande a pantalla completa para una mejor experiencia móvil.
¿Puedo usar este widget en cualquier sitio web?
Sí, siempre que tu sitio web te permita agregar un fragmento de JavaScript.
¿Necesitas ayuda?
Si tu widget aún no aparece:
Toma una captura de pantalla que muestre dónde agregaste el código.
Incluye tu ID de Organización, URL del sitio web y la plataforma que estás usando (por ejemplo, Wix, Squarespace, WordPress).
Contacta a nuestro Equipo de Soporte a través de la burbuja de chat azul en tu cuenta de Housecall Pro.
Nuestro equipo puede ayudar a verificar tu configuración o escalar a nuestros especialistas técnicos si es necesario.
¿Tienes problemas para encontrar lo que necesitas?
Para obtener más ayuda, comunícate con nuestro equipo de Soporte por Chat
a través de la Burbuja de Chat Azul en tu cuenta de Housecall Pro, o
contacta a nuestro equipo de Soporte Telefónico al (858) 842-5746.