ChatCieloDocs

11.01 WEBCHAT

11.01 WEBCHAT

11.01 WEBCHAT

11.01 WEBCHAT

📝 Tutorial: Personalizar WebChat (idioma + color)

📂 Abre el archivo del widget WebChat y busca las siguientes líneas para editarlas.


OPCIONAL

Cambiar el logo (debes tener una imagen en linea) debe ser .png

  • Línea 8
<img src="https://app.homyuu.com/webchat-logo.png" alt="WebChat Logo" />

➡️ Puedes cambiarla, debe ser http://utl\_de\_tu\_imanen.com/imagen.png:

src="cambia_aqui_el_link_de_tu_imagen_en_linea_" 

1️⃣ Cambiar textos al español

  • Línea 15
<h3>WEBChat</h3>

➡️ Puedes poner el nombre que quieras en el encabezado:

<h3>Chat en Vivo</h3>

  • Línea 18
title="Nova sesson"

➡️ Traducido al español:

title="Nueva sesión"

  • Línea 19
title="Fechar"

➡️ Traducido al español:

title="Cerrar"

  • Línea 24
placeholder="Digite sua mensagem..."

➡️ Traducido al español:

placeholder="Escriba su mensaje..."

  • Línea 26
title="Anexar arquivo"

➡️ Traducido al español:

title="Adjuntar archivo"

  • Línea 27
title="Enviar mensagem"

➡️ Traducido al español:

title="Enviar mensaje"

2️⃣ Cambiar color del WebChat

El color original del widget es azul (#2196F3).
Puedes cambiarlo a cualquier color (ejemplo: verde corporativo #4CAF50).

Busca y reemplaza estas líneas:

  • Línea 26
color: #2196F3;

➡️

color: #4CAF50;

  • Línea 27
color: #2196F3;

➡️

color: #4CAF50;

  • Línea 43
background: #2196F3;

➡️

background: #4CAF50;

  • Línea 86
background: #2196F3;

➡️

background: #4CAF50;

  • Línea 131
color: #2196F3;

➡️

color: #4CAF50;

  • Línea 156
color: #2196F3;

➡️

color: #4CAF50;

  • Línea 434
color: #2196F3;

➡️

color: #4CAF50;