Widget de chat en Wix, Shopify, Squarespace, Duda y Weebly

​

Copia el código del widget

​

Wix

​

Opción 1: código personalizado en todo el sitio

1. Inicia sesión en Wix y abre el panel de tu sitio.
2. Ve a Configuración y, en la sección Avanzado, elige Código personalizado (Custom Code).
3. Haz clic en Agregar código personalizado.
4. Pega el código del widget en la ventana emergente.
5. Configura las opciones:
   • Nombre: un nombre para identificar el código.
   • Agregar código a las páginas: Todas las páginas y Cargar el código una vez.
   • Ubicar el código en: Head.
6. Haz clic en Aplicar. El widget aparecerá en todas las páginas de tu sitio.

​

Opción 2: bloque HTML en una página

1. Abre el Editor de Wix desde Editar sitio.
2. Haz clic en el ícono + del menú izquierdo para agregar elementos.
3. Elige Insertar código (Embed) y luego Insertar HTML.
4. En el cuadro HTML que aparece, haz clic en Código, pega el código del widget y pulsa Actualizar.
5. Cierra la configuración de HTML. El widget se verá dentro de ese cuadro en la página.

​

Shopify

1. Inicia sesión en Shopify y ve a Tienda online.
2. En el tema que quieres editar, abre Acciones y elige Editar código.
3. En la carpeta Layout, abre el archivo theme.liquid.
4. Busca la etiqueta de cierre </body> y pega el código del widget justo encima.
5. Haz clic en Guardar.
6. Abre tu tienda, actualiza la página y comprueba que el widget aparece y funciona.

​

Squarespace

​

Opción 1: inyección de código

1. Inicia sesión en Squarespace y abre el sitio.
2. Ve a Configuración y, en la sección Sitio web, elige Herramientas para desarrolladores.
3. Haz clic en Inyección de código (Code Injection).
4. Pega el código del widget en el campo Encabezado o Pie de página.
5. Haz clic en Guardar y revisa tu sitio.

​

Opción 2: bloque de inserción

1. Abre la página donde quieres el widget y entra al editor.
2. Selecciona la sección y haz clic en + para agregar un bloque.
3. Elige Insertar (Embed) y pega el código en el campo Fragmento de código.
4. Haz clic en Aplicar y revisa tu sitio.

​

Duda

​

Opción 1: HTML del encabezado

1. Inicia sesión en Duda y abre el sitio en modo edición con Editar sitio.
2. En la columna izquierda, haz clic en Configuración y luego en Head HTML.
3. Pega el código del widget.
4. Haz clic en Guardar y revisa en la vista previa que el widget aparece y funciona.

​

Opción 2: elemento HTML

1. En el editor, arrastra un elemento HTML a la página donde quieres el widget.
2. Haz doble clic en el elemento para abrir el editor HTML.
3. Pega el código del widget y haz clic en Guardar.

​

Weebly

​

Opción 1: código en el encabezado

1. Inicia sesión en Weebly y abre el editor del sitio.
2. Haz clic en Configuración y, en el menú izquierdo, elige SEO.
3. Baja hasta Código del encabezado (Header Code Injection) y haz clic en Editar.
4. Pega el código del widget y haz clic en Guardar.

​

Opción 2: elemento HTML personalizado

1. En el editor, haz clic en Elementos y elige HTML personalizado / Código incrustado.
2. Arrastra el elemento a la página donde quieres el widget.
3. Pega el código del widget en el elemento.
4. Haz clic en Publicar.

​

Después de instalarlo

• Publica los cambios en tu plataforma y abre el sitio en una ventana privada para comprobar que el widget aparece.
• Envía un mensaje de prueba y verifica que llega a Conversaciones.
• Los cambios que hagas después en el diseño del widget desde Chateea se aplican solos; no necesitas volver a pegar el código.

​

Artículos relacionados