REwsp
Resolvia.online
Manual del widget para tu web
Versión para imprimir · 3 pasos
Sumar la burbuja de Renata a tu sitio

Cómo poner el chat de tu asistente en tu página web.

Si ya tenés tu cuenta de REwsp activa, en 5 minutos podés sumar la burbuja flotante con Renata a tu sitio: cualquier visitante hace clic y le habla como si fuera por WhatsApp, sin salir de tu página. Sirve para WordPress, Shopify, Wix, Webflow o HTML a mano.

3 pasosActivar, copiar, pegar
~5 minutosDe principio a fin
Sin códigoUna línea pre-armada

¿Cómo se ve?

Una burbuja redonda en la esquina inferior derecha de tu web. El visitante la toca, se abre un popup con el chat de Renata, y conversa sin salir de tu sitio.

Bonus

Si activaste también la captura de leads, después de 3 mensajes Renata le ofrece al visitante dejar nombre y WhatsApp. Esos leads te llegan a /embed/leads y a tu WhatsApp personal (si lo configuraste en Avisos).

1

Activar la página pública

Es el paso previo a poner la burbuja en tu web.

  1. Entrá a la app y abrí el menú Página pública en la barra lateral, o ingresá directo a rewsp.app/embed.
  2. Tocá el botón "Activar página pública". Te genera una URL aleatoria del tipo rewsp.app/p/k3m9p2r7xz4t.
  3. (Opcional pero recomendado) En la sección "URL personalizada" elegí algo con onda relacionado a tu negocio. Por ejemplo: panaderia-lazos, dra-perez, yoga-palermo.
  4. (Opcional) Subí una foto de perfil en "Foto del perfil" para que el header del chat tenga tu cara o el logo del negocio.
  5. (Opcional) En "Preguntas sugeridas" agregá hasta 5 chips con las consultas típicas — el visitante toca una y la pregunta se manda sola.

Tip

La URL personalizada te va a hacer falta para todos los demás pasos. Anotala o tenela a mano.

2

Copiar el código del widget

Una sola línea, ya viene armada con tu URL adentro.

  1. Dentro de la misma página rewsp.app/embed, bajá hasta la sección "Widget burbuja para tu web".
  2. Vas a ver un cuadrito gris con un código que se parece a esto:
<script src="https://rewsp.app/widget.js"
        data-slug="tu-slug-aca"
        async></script>
  1. Tocá el botón "Copiar" al lado del código. Quedó en el portapapeles, listo para pegar.

Importante

Si más adelante cambiás tu URL personalizada desde el panel, el script se actualiza solo — no tenés que volver a copiar nada en tu web.

3

Pegarlo en tu sitio

Elegí abajo la opción que coincide con tu plataforma.

WordPress recomendado

Tenés dos caminos:

A) Plugin oficial REwsp:

  1. En tu admin de WordPress andá a Plugins → Añadir nuevo → Subir plugin.
  2. Descargá el ZIP desde rewsp.app/rewsp-plugin.
  3. Subilo, activá el plugin.
  4. Entrá a Ajustes → REwsp Chat y pegá tu slug (la última parte de tu URL, sin rewsp.app/p/).

B) Plugin "Insert Headers and Footers":

  1. Instalalo desde el repositorio de WP.
  2. Pegá el código del widget en la sección "Scripts in Footer".
  3. Guardá.

HTML a mano

Si vos o quien te hizo la web edita HTML directo:

  1. Abrí el archivo principal (suele ser index.html o el template del footer).
  2. Buscá la etiqueta de cierre </body> (casi al final del archivo).
  3. Pegá el código justo encima de esa etiqueta.
  4. Guardá, subí los cambios y refrescá tu web.

Shopify

  1. En el admin: Tienda online → Plantillas.
  2. Tocá "Acciones" → "Editar código" en tu tema activo.
  3. Abrí el archivo theme.liquid.
  4. Buscá </body> y pegá el código encima.
  5. Tocá Guardar.

Wix

  1. Entrá a Ajustes → Avanzado → Código personalizado.
  2. Tocá "+ Agregar código personalizado".
  3. Pegá el script. En "Agregar código a páginas" elegí Todas las páginas.
  4. En "Ubicación" elegí Final del body.
  5. Guardá y publicá tu sitio.

Squarespace

  1. En el panel: Settings → Advanced → Code Injection.
  2. Pegá el código en la sección "Footer".
  3. Guardá.

Webflow

  1. En el dashboard del proyecto: Project Settings → Custom Code.
  2. Pegá el código en la sección "Footer Code".
  3. Guardá los cambios.
  4. Volvé a publicar tu sitio para que se vea online.

¿Qué pasa cuando alguien usa el widget?

Para que tengas claro cómo funciona, paso a paso:

Momento Qué ocurre
El visitante carga tu web Ve una burbuja redonda en la esquina inferior derecha con la foto de Renata.
Toca la burbuja Se abre un popup con el chat de Renata sin salir de tu página.
Escribe un mensaje Renata responde usando la información que cargaste en la app (knowledge base, FAQs, productos).
Tras 3 mensajes (Si activaste captura de leads) Aparece un mini-form pidiéndole nombre y WhatsApp.
Toca "Hablar por WhatsApp" (Si activaste el botón) Se abre WhatsApp con un mensaje pre-cargado, listo para enviar.
Recibís el lead Te llega un aviso a tu WhatsApp personal y queda guardado en rewsp.app/embed/leads.

Configurar el botón y la captura de leads

En rewsp.app/embed hay una sección llamada "Convertir visitantes". Ahí podés:

Botón "Hablar por WhatsApp"

Capturar leads

Recomendación

Tener los dos activos juntos sube mucho la conversión: el botón es para gente decidida ("ya quiero hablar"), el formulario es para gente curiosa ("dejame ver más info").

Si la burbuja no aparece

¿Te marea? Lo hacemos por vos.

Si tu sitio no es WordPress estándar o no tenés acceso al código, puedo conectarme contigo por video (30 min, gratis) y dejarlo instalado en vivo. Vos solo mirás.

Reservá un horario por WhatsApp: +54 9 11 6654-3210  ·  O escribime al chat de Renata desde tu panel.