Añade el widget a tu sitio web
Funciona con WordPress, Wix, GoDaddy, Squarespace, Shopify y cualquier sitio que permita pegar código personalizado
El widget de WelcoChat es una sola línea de código — una etiqueta <script> con el ID propio de tu agente. En cuanto tu agente esté activo, copia el código desde la página de configuración de tu servicio en el portal y pégalo en tu sitio siguiendo las instrucciones para tu plataforma que verás a continuación. El widget aparecerá entonces automáticamente en cada página — sin trabajo de diseño ni instalación página por página.
WordPress
- Desde tu panel de WordPress, ve a Plugins → Añadir nuevo, busca "WPCode" (o "Insert Headers and Footers") e instálalo y actívalo.
- Abre el plugin — normalmente en Code Snippets → Header & Footer en el menú lateral.
- Pega tu código de WelcoChat en el campo Footer, para que se cargue después del contenido de la página.
- Haz clic en Guardar. El widget aparecerá ahora en todas las páginas de tu sitio.
- Consejo: si tu tema ya incluye una opción "Custom Code" o "Header/Footer Scripts" — muchos temas de Elementor y Astra la tienen —, puedes pegar el código directamente ahí sin instalar ningún plugin.
Wix
- Abre tu sitio en el editor de Wix y ve a Configuración → Código personalizado (o busca "Custom Code" en la barra de búsqueda superior).
- Haz clic en + Añadir código personalizado.
- Pega tu código de WelcoChat en el cuadro de código.
- En Añadir código a páginas, elige Todas las páginas. En Colocar código en, elige Body – final.
- Haz clic en Aplicar y publica tu sitio.
GoDaddy Website Builder
- En el panel de GoDaddy Website Builder (Websites + Marketing), ve a Configuración → Código de todo el sitio (en algunos planes está en Configuración → Herramientas avanzadas → Código personalizado; disponible desde el plan Commerce en adelante).
- Pega tu código de WelcoChat en el campo Footer o Body.
- Haz clic en Guardar y vuelve a publicar tu sitio.
- Si tu plan de GoDaddy no incluye una opción de inserción de código, o tu sitio en realidad es WordPress alojado en GoDaddy, sigue en su lugar los pasos de WordPress anteriores.
Squarespace
- En el panel de Squarespace, ve a Configuración → Avanzado → Inserción de código (requiere un plan Business o superior).
- Pega tu código de WelcoChat en el campo Footer, para que se cargue en todas las páginas.
- Haz clic en Guardar.
Shopify
- Desde tu administrador de Shopify, ve a Tienda online → Temas.
- En tu tema actual, haz clic en Editar código.
- Abre theme.liquid dentro de la carpeta Layout.
- Pega tu código de WelcoChat justo antes de la etiqueta de cierre
</body>. - Haz clic en Guardar.
Cualquier otro creador de sitios web
Cualquier otra plataforma que hayamos visto — Webflow, Weebly, Jimdo, Carrd, Framer, un sitio programado a mano o tu propio CMS — funciona de la misma manera: busca una opción llamada "Custom Code", "Header & Footer Scripts", "Code Injection" o "Tracking Codes" — normalmente es donde también se añaden herramientas de chat en vivo y scripts de analítica — y pega ahí el código para que se cargue en todas las páginas. Si tu sitio es HTML puro escrito a mano, pega el código justo antes de la etiqueta de cierre </body> de cada plantilla de página.
Comprobar que funciona
Después de publicar, abre tu sitio en vivo en una nueva pestaña del navegador — no la vista previa del editor — y deberías ver la burbuja de WelcoChat en la esquina inferior. Si no aparece en un minuto, comprueba que el código se pegó exactamente como se copió (incluidas ambas comillas), y que se haya vaciado cualquier caché de página que use tu plataforma o un plugin (p. ej. WP Rocket).