Widgets
Para los bots de Facebook, puedes configurar algunos widgets para empezar a hablar rápidamente con el bot. Para configurarlo:
1. ve a "Tools" desde la barra lateral izquierda
2. haz clic en "Widgets"
3. "+ New Widget"
Widget de URL Ref de Messenger
1. ingresa un nombre para el widget
2. elige un subflujo al que irá el enlace
(si no se necesita referencia, deja 3 y 4 en blanco)
1. ingresa un nombre de parámetro
2. asigna un campo de usuario personalizado
¿Qué hace el parámetro Ref?
Por ejemplo, creas una URL ref de Messenger para tu flujo principal, de modo que al visitar esta URL, tus usuarios puedan empezar a hablar con tu bot.
Sin embargo, te gustaría recopilar más información desde el enlace, por ejemplo, ¿de dónde obtuvieron tus usuarios el enlace? En este caso, puedes poner "source" en el área 3 y una variable para almacenar la fuente en el área 4 en la imagen anterior.
Después, agrega un nombre de fuente en tu enlace según el lugar donde lo publiques. Así es como obtienes información adicional desde el enlace.
Después de completar toda la información, haz clic en "Save" y luego haz clic en el lápiz para editar este widget; verás una URL única generada para este widget:
Así, al visitar cualquiera de los siguientes enlaces, tus usuarios pueden empezar a hablar con tu bot:
| enlace de ejemplo | valor en la variable "source" |
| --- | --- |
| https://m.me/102942588321862?ref=source | |
| https://m.me/102942588321862?ref=source--advertisement | advertisement |
| https://m.me/102942588321862?ref=source--shared_by_users | shared_by_users |
| https://m.me/102942588321862?ref=source--promoted_by_sales | promoted_by_sales |
Sí, quizá notes que al agregar "--xxx" después del enlace, el valor "xxx" se transferirá al bot.
Widget de código QR
Los enlaces URL son convenientes para hacer clic por medios electrónicos, mientras que los códigos QR son más adecuados para uso presencial. Al escanear un código QR, tus usuarios pueden empezar a hablar con tu bot.
Para configurarlo:
1. asigna un nombre al widget
2. selecciona un subflujo
3. sube la imagen de tu logotipo
4. ajusta el tamaño de la imagen si es necesario
5. ajusta el color si es necesario
6. ajusta la escala de los puntos si es necesario
7. haz clic en "Generate" para obtener una imagen a la derecha. Repite los pasos 4, 5 y 6 para obtener la imagen final
8. descarga tu código QR, imprímelo y colócalo en tu tienda, restaurante, oficina, etc.
Widget de chat para clientes
Este widget está diseñado para incrustarse en tu sitio web, para que tu sitio pueda tener un bot que atienda a los usuarios igual que OneChat Website:
Para configurarlo:
1. asigna un nombre al widget
2. selecciona un subflujo
3. ajusta el color del tema si es necesario
4. ajusta el mensaje de bienvenida que se mostrará encima del botón "Continue as xx" (como se ve en la imagen anterior).
5. selecciona un tipo de visualización
6. ajusta el retraso si se selecciona el segundo o el tercer tipo de visualización
7. para payload, consulta la explicación de Messenger Ref URL anterior.
Haz clic en "Save" después de completar toda la configuración; nuevamente, haz clic en el lápiz para editar este widget y verás este botón:
Haz clic en él.
Agrega los sitios web donde quieres colocar este bot. Luego instala el snippet copiando y pegando el código.
¡Perfecto! 😎 Ya tienes un bot en tu sitio web.
Botones de chat
Configuración de la función "Powered By" en el widget Chat button de OneChat
Estos son los pasos para agregar un texto y un enlace URL personalizados de "Powered By" a tu widget de chat en OneChat. Esta función te permite incluir una firma o enlace personalizado en el pie del widget de chat.
Ten en cuenta: Esta función solo aplica al Button Widget y no funciona con el WebChat Widget.
#### Diferencias clave:
- Button Widget: Redirige a los usuarios a un canal específico de comunicación cuando hacen clic. El texto de "Powered By" en el Button Widget se puede personalizar a partir del Business Plan. Por ejemplo:
- WebChat Widget: Funciona como un canal de chat completo donde los usuarios pueden interactuar directamente sin redirección. La personalización del texto de "Powered By" en el WebChat Widget solo está disponible para clientes del Partner Plan. Por ejemplo:
#### Guía paso a paso
Accede al menú Widgets
- En el panel de OneChat, ve a la barra lateral izquierda y selecciona Widgets.
Crea un nuevo widget
- Haz clic en + New Widget en la esquina superior derecha.
- Elige la opción Chat button en el menú desplegable.
Asigna un nombre al widget
- En la pantalla Add New Widget, ingresa un nombre para tu widget en el campo Name y luego haz clic en Save.
Edita el widget
- Después de crear el widget, ubícalo en la lista de widgets y haz clic en el ícono de edición (ícono de lápiz) junto al widget que deseas configurar.
Configura "Powered By"
- En el editor de configuración del widget, verás opciones de personalización.
- Busca los campos etiquetados como Powered By y Powered By URL:
Powered By: Ingresa el texto que quieres mostrar como "Powered By". Este texto aparecerá en la parte inferior del widget de chat.
- Powered By URL: Ingresa el enlace al que se dirigirá al usuario cuando haga clic en el texto "Powered By". Este enlace puede llevar a tu sitio web, una página de contacto o cualquier URL que elijas.
Guarda la configuración
- Después de configurar el texto y la URL de "Powered By", haz clic en Save para aplicar los cambios al widget de chat.
Estos pasos configurarán el texto de "Powered By" con un enlace en tu widget, brindando una experiencia personalizada a los usuarios que interactúan con el chat en tu sitio.