Skip to main content
Para los bots de Facebook, puedes configurar widgets para que los usuarios empiecen a hablar con el bot rápidamente. Para configurarlos:
1

Abre Herramientas

Ve a Herramientas en la barra lateral izquierda.
2

Widgets

Haz clic en Widgets.
3

Nuevo widget

Haz clic en + New Widget.

Creación de un nuevo widget

​
Widget Messenger Ref URL

Configuración del widget Messenger Ref URL

  1. Pon un nombre al widget.
  2. Elige el subflujo al que lleva el enlace.
(Deja los pasos 3 y 4 en blanco si no necesitas referencia.)
  1. Pon un nombre de parámetro.
  2. Asigna un campo personalizado de usuario.
¿Qué hace el parámetro Ref? Por ejemplo, creas un Messenger ref URL a tu flujo principal, para que al visitar esa URL tus usuarios empiecen a hablar con el bot. Pero además quieres saber de dónde obtuvieron el enlace. En ese caso, pones source en el área 3 y una variable para guardar la fuente en el área 4. Luego, agregas un nombre de fuente en tu enlace según dónde lo pongas. Así obtienes información extra del enlace. Tras llenar todo, haz clic en Save y luego en el lápiz para editar el widget: verás una URL única generada.

URL única generada para el widget

Al visitar cualquiera de estos enlaces, tus usuarios empiezan a hablar con el bot: Como ves, al agregar --xxx después del enlace, el valor xxx se transfiere al bot.

​
Widget de código QR

Los enlaces URL son cómodos para hacer clic de forma electrónica, mientras que los códigos QR son más adecuados para uso presencial. Al escanear un QR, tus usuarios empiezan a hablar con el bot.

Configuración del widget de código QR

Para configurarlo:
1

Nombre del widget

2

Selecciona un subflujo

3

Sube tu logo

4

Ajusta el tamaño de la imagen (si hace falta)

5

Ajusta el color (si hace falta)

6

Ajusta la escala de los puntos (si hace falta)

7

Genera la imagen

Haz clic en Generate para obtener la imagen a la derecha. Repite los pasos 4, 5 y 6 hasta obtener la imagen final.
8

Descarga tu QR

Descárgalo, imprímelo y colócalo en tu tienda, restaurante, oficina, etc.

​
Widget de Customer Chat

Configuración del widget Customer Chat

Este widget se incrusta en tu sitio web, para que tu web tenga un bot atendiendo a los usuarios.

Ejemplo del bot incrustado en un sitio web

Para configurarlo:
1

Nombre del widget

2

Selecciona un subflujo

3

Ajusta el color del tema (si hace falta)

4

Ajusta el mensaje de saludo

Se mostrará encima del botón “Continue as xx”.
5

Selecciona un tipo de visualización

6

Ajusta el retraso

Si eliges el segundo o el tercer tipo de visualización.
7

Payload

Ver la explicación en Messenger Ref URL más arriba.
Haz clic en Save. Luego haz clic en el lápiz para editar el widget y verás un botón.

Botón para instalar el widget en tu web

Haz clic en él.

Ventana de instalación del snippet

Agrega los sitios web donde quieres poner el bot. Luego instala el snippet copiando y pegando el código. ¡Listo! 😎 Ya tienes un bot en tu web.

Bot funcionando en el sitio web

​
Botones de chat (Chat Buttons)

​
Configurar el “Powered By” en el widget de botón de chat

Puedes agregar un texto y enlace personalizados de “Powered By” al footer de tu widget de chat.

Esta función solo aplica al Button Widget, no al WebChat Widget.
Diferencias clave:
  • Button Widget: redirige a los usuarios a un canal de comunicación específico al hacer clic. El “Powered By” del Button Widget se puede personalizar a partir del plan Business.

Ejemplo de Powered By en el Button Widget

  • WebChat Widget: funciona como un canal de chat completo donde los usuarios interactúan directamente sin redirección. La personalización del “Powered By” en el WebChat Widget solo está disponible para clientes del plan Partner.

Ejemplo de Powered By en el WebChat Widget

​
Guía paso a paso

1

Accede al menú de Widgets

En el panel, ve a la barra lateral izquierda y selecciona Widgets.
2

Crea un nuevo widget

Haz clic en + New Widget y elige la opción Chat button del desplegable.

Elegir Chat button al crear el widget

3

Nombra el widget

En la pantalla Add New Widget, ingresa un nombre y haz clic en Save.

Nombrar el widget de botón de chat

4

Edita el widget

Ubícalo en la lista y haz clic en el ícono de lápiz para configurarlo.

Editar el widget de botón de chat

5

Configura el 'Powered By'

En el editor de ajustes verás los campos Powered By y Powered By URL:
  • Powered By: el texto que se mostrará al pie del widget.
  • Powered By URL: el enlace al que se dirigirá el usuario al hacer clic (tu web, una página de contacto o la URL que elijas).

Campos Powered By y Powered By URL

También puedes usar el código del widget para diferenciar la URL de distintos widgets si tienes más de uno en tu espacio de trabajo.

Uso del código de widget para diferenciar URLs

6

Guarda los ajustes

Haz clic en Save para aplicar los cambios.