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;