English · සිංහල · தமிழ் · हिन्दी · বাংলা · العربية · اردو · Español

Guías › Web y formularios

Web y formularios

Añade la burbuja de chat a tu web

Añade gratis una burbuja de chat a tu web con una sola línea de código.

Dónde encontrarlo: Ajustes → Chat de la web (o Chat en vivo → Instalar en tu web) Propietarios y administradores 6 min

Antes de empezar

  • Puedes editar el código de tu web, o pedírselo a quien la hizo.

Cómo funciona

Cómo funciona, paso a paso

  1. Tu web: Tu línea de chat está pegada en todas las páginas
  2. Visitante de la web → Tu web: Toca la burbuja de chat y escribe
  3. Tu web → CompanyFlowHQ: El mensaje llega a Chat en vivo
  4. Tú → Visitante de la web: Respondes y lo ve al momento

Los pasos de un vistazo

1Ajustes → Chat dela web2Configúralo3Añade tu web4Hazlo a tu medida5Copia el código
Paso 1 de 5
  1. Toca Ajustes en el menú y luego Chat de la web en la fila “Ir a una sección” (o baja hasta el recuadro Chat de la web).

    companyflowhq.com/settingsCompanyFlowHQSitio webAutomatizaci…Marketing po…Equipo y RR.…IntegracionesAjustesGuíasAjustesSearch ⌘KIr a una secciónAnunciosChat de la webDesarrolladores y…AjustesIr a una secciónAnunci…Chat de la w…Desarrolladores…
  2. Toca Configurar el chat de la web.

    companyflowhq.com/settingsCompanyFlowHQSitio webAutomatizaci…Marketing po…Equipo y RR.…IntegracionesAjustesGuíasAjustesSearch ⌘KChat de la webAún no has configurado el chat de la web.Configurar el chat de la webAjustesChat de la webAún no has configurado el chat d…Configurar el chat de la web
  3. Escribe tu Dirección web y toca Añadir. El chat solo aparece en las direcciones que añadas.

    companyflowhq.com/settingsCompanyFlowHQSitio webAutomatizaci…Marketing po…Equipo y RR.…IntegracionesAjustesGuíasAjustesSearch ⌘KDirección webyourwebsite.comAñadirAjustesDirección webyourwebsite.comAñadir
  4. En Aspecto, elige Color, Mensaje de bienvenida, Botones rápidos y Horario.

    companyflowhq.com/settingsCompanyFlowHQSitio webAutomatizaci…Marketing po…Equipo y RR.…IntegracionesAjustesGuíasAjustesSearch ⌘KMensaje de bienvenida¡Hola! ¿En qué podemos ayudarte?HorarioMon–Fri 9–5AjustesMensaje de bienvenida¡Hola! ¿En qué podemos ayudarte?HorarioMon–Fri 9–5
  5. En Añádelo a tu web, toca Copiar código. Pégalo justo antes de </body> en todas las páginas.

    companyflowhq.com/settingsCompanyFlowHQSitio webAutomatizaci…Marketing po…Equipo y RR.…IntegracionesAjustesGuíasAjustesSearch ⌘K<script src="https://companyflowhq.com/widget.js" dat…Copiar códigoAjustes<script src="https://companyflo…Copiar código

Cómo es el código

Así se ve Código de la burbuja de chat
<script src="https://companyflowhq.com/widget.js" data-widget="k7Qx2…" async></script>No cambia — igual para todosCopia esta parte — la clave de tu propio chatNo cambia — no quites el final
Dónde está: Ajustes → Chat de la web → Copiar códigoDónde se pega: Tu web, justo antes de </body> (o la casilla de “código personalizado” de tu creador de webs)

Esto no: <script src="…/t.js" data-site="…"> — esa es la línea de seguimiento de visitantes. Es un código diferente.

✅ ¿Cómo sé que ha funcionado?

  • Abre tu web: la burbuja aparece en la esquina. Envía un mensaje de prueba: aparece en Chat en vivo.

⚠️ Errores comunes

ProblemaLa burbuja no aparece.SoluciónAñade la dirección de tu web en Webs permitidas y comprueba que pegaste la línea entera.
ProblemaPegaste el código en un bloque de texto de la página.SoluciónPégalo en la zona de código / HTML incrustado de tu creador de webs, no en una casilla de texto.

Guías relacionadas

Inicia sesión para probarlo