¿Qué es el Web Widget?

Con Web Widget nos referimos al widget que aparece en tu sitio web y permite a los visitantes elegir cómo quieren contactar a tu empresa (por ejemplo, WhatsApp, Instagram, Chat en Vivo, teléfono, correo electrónico, enlaces).

¿Quién puede crear, editar o instalar Web Widgets?

Solo los Administradores pueden crear, editar y eliminar Web Widgets.

¿Cómo crear o gestionar un Web Widget?

Crear o editar Web Widgets

1. Ve a Configuración → Web Widget.

2. Desde aquí puedes:

Crear un nuevo Web Widget
Editar o eliminar Web Widgets existentes

Configurar canales y enlaces

1. URL del sitio web: Ingresa el sitio web donde se instalará el widget (solo para documentación interna).

2. Añadir canales: Añade cualquier canal que hayas conectado a Superchat (WhatsApp, Instagram, SMS, Telegram, Chat en Vivo, etc.).

3. Añadir enlaces personalizados (solo disponible a partir del plan Professional):

Enlace a sitio web (ejemplo: “Visitar tienda” → www.shop.com)
Correo electrónico (abre el cliente de correo del usuario)
Teléfono (abre el marcador del usuario para llamar directamente)

4. Grupos: Organiza los canales en grupos (ejemplo: “Oficina de Londres”, “Oficina de Mánchester”). Los grupos pueden renombrarse, reordenarse y asignarles iconos.

Personalizar la apariencia del Web Widget

La apariencia se divide en Lanzador y Widget.

Lanzador = el pequeño botón (generalmente en la esquina inferior de tu sitio web) en el que los visitantes hacen clic para abrir el Widget.
Widget = el panel completo y la ventana de chat que se abre cuando alguien hace clic en el lanzador, mostrando todos los canales y enlaces disponibles.

Configuración del Widget

Logo (opcional)
Presentar equipo (opcional): muestra hasta 3 miembros del equipo con fotos de perfil o iniciales
Color de fondo: sólido o degradado (proporciona un color, el degradado se genera automáticamente)
Color de fuente: negro o blanco

Así es como se ve el widget

Configuración del Lanzador

Mensaje de bienvenida: mostrar siempre, solo en escritorio, solo en móvil o oculto
Icono del lanzador: 3 opciones predefinidas o personalizado (personalizado solo disponible a partir del plan Professional)
Forma: redonda o cuadrada
Color de fondo: sólido (elige cualquier color)
Color del icono: negro o blanco
Posición: izquierda o derecha
Distancia: define los píxeles desde la parte inferior y lateral
Avatar: se muestra en la burbuja del mensaje de bienvenida

Así es como se ve el lanzador

Configuración avanzada

Eliminar la marca “Powered by Superchat” en el widget (solo disponible a partir del plan Professional)

Personalizar el texto del Web Widget y la localización

1. Elige qué idiomas debe soportar el Web Widget (según el idioma del navegador del visitante).

2. Establece un idioma de reserva si el idioma del visitante no está disponible.

3. Personaliza todo el texto para cada idioma.

Instalar el Web Widget en tu sitio web

Superchat genera un simple fragmento de código que debes añadir a la sección <head> de tu sitio web.

Puedes:

Instalarlo tú mismo
Enviar instrucciones de instalación por correo electrónico (por ejemplo, a tu equipo de TI o a alguien que tenga acceso al código de tu sitio web)

Para desarrolladores y personas con conocimientos técnicos

Puedes controlar completamente el comportamiento del Web Widget en tu sitio web. Por ejemplo, puedes mostrar u ocultar el widget y el lanzador, abrir y cerrar el widget con tus propios botones, rellenar previamente mensajes de WhatsApp o Chat en Vivo y muchas otras cosas. Para esto, utiliza el SDK del Web Widget de Superchat: developers.superchat.com/docs/widget-sdk

Preguntas frecuentes

¿Cuándo debo usar grupos en el Web Widget?

Usa grupos para mantener las opciones claras cuando tengas más de un “punto de entrada”. Ejemplos:

Múltiples ubicaciones (ejemplo: Mánchester, Londres) con diferentes canales para cada una, bajo un mismo sitio web para todas las ubicaciones
Diferentes equipos o departamentos (ejemplo: Ventas, Soporte, Reclutamiento)
Productos o marcas distintas bajo un mismo sitio web

Puedes nombrar cada grupo, asignarle un icono y reordenar grupos y canales con arrastrar y soltar.

Si cambio la configuración del Web Widget más tarde, ¿tengo que reinstalar el código?

No. Una vez que el fragmento está en tu sitio, los cambios en el Web Widget se actualizan automáticamente. Solo es necesario reinstalarlo si te mudas a un nuevo sitio web o reemplazas el fragmento por completo.

¿Qué funciones están incluidas en qué planes?

Todos los planes incluyen Web Widget. El plan Professional (y superiores) desbloquea extras como:

Enlaces personalizados (ejemplo: Enlace a sitio web, Correo electrónico, Llamada)
Icono de lanzador personalizado
Eliminar la marca “Powered by Superchat”

¿Cuál es la diferencia entre Web Widget y Chat en Vivo?

Web Widget = el widget del sitio web.
Chat en Vivo = un canal que puedes incluir dentro de un Web Widget (junto con WhatsApp, Instagram, SMS, teléfono, enlaces, etc.)

¿Puedo usar Web Widget sin Chat en Vivo?

Sí. Puedes crear un Web Widget solo con canales externos (WhatsApp, Instagram, SMS, etc.) y/o enlaces; el Chat en Vivo es opcional.

¿Puedo usar Chat en Vivo sin Web Widget?

No. El Chat en Vivo solo funciona cuando está conectado a un Web Widget. El Web Widget es el componente que hace visible el Chat en Vivo en tu sitio web.

¿Cómo funcionan los idiomas?

Tú eliges los idiomas soportados y un idioma de reserva. El widget utiliza el idioma del navegador del visitante.

¿El Web Widget ralentizará mi sitio?

No, nuestro Web Widget no debería ralentizar tu sitio web. Está diseñado para tener un impacto mínimo en el rendimiento de tu página y en el SEO.

¿Qué pasa si elimino un Web Widget?

El widget desaparecerá de tu sitio web. Tus canales y conversaciones permanecerán en Superchat; solo se elimina esa configuración del Web Widget.

Cómo empezar: Web Widget