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 sessão"➡️ 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;Last updated