Para una mejor experiencia del visitante a tu web, en las respuestas a intenciones puedes añadir texto, imágenes, videos y enlaces.
En esta guía vamos a ver cómo se hace para insertar cada uno de estos tipos de contenido:
Texto
Si ya has creado algún bot, tendrás algunas intenciones del preset básico y habrás visto que tienes respuestas incorporadas a esas intenciones.
Ese texto puedes modificarlo y personalizarlo a tu gusto. Al mismo tiempo, cuando crees una nueva intención, podrás añadir texto.
➕ En esta guía tienes más información: Cómo crear una intención
Videos
En las respuestas que da tu bot puedes añadir videos, de forma que el cliente pueda verlo en el widget. Lo único que necesitas es ingresar el código de iframe del video.
Aquí podrás ver un ejemplo con un vídeo de Arkibot en Youtube. Es tan sencillo como copiar y pegar el código en la respuesta de tu bot.
¿Cómo puedes sacar ese código?
En este caso, si vas a la parte de “Compartir” verás que sale una opción de “Insertar”:
Ahí puedes copiar ese fragmento de código y configurar que el vídeo empiece en una parte determinada:
A continuación, tienes que ir a la repuesta de la intención donde quieres que salga ese vídeo:
Y así se verá en el widget en la respuesta de tu bot, desde donde se podrá visualizar el vídeo:
Imágenes
Para añadir imágenes en las respuestas de tu bot, solo debes ingresar la etiqueta HTML img seguido del parámetro src y el enlace de la imagen que quieres que se muestre. Aquí tienes un ejemplo:
<img src="https://arkibot.com/wp-content/uploads/2022/11/4043232-avatar-batman-comics-hero_113278.png">
Así se verá en la ventana del chat:
También puedes combinarlo con texto e ir modificando el tamaño de la imagen con el parámetro width y su porcentaje o medida en píxeles. Por ejemplo: width=”20%”
GIF
Las imágenes tipo GIF puedes insertarlas directamente utilizando el iframe que te facilite la plataforma desde donde insertarás el GIF.
Sería algo como esto:
<iframe src="https://giphy.com/embed/zhS4PEVVuFnbG718kV" width="346" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
Así se vería en la ventana del chat:
Enlaces
Para añadir enlaces, la forma más sencilla es a través de los shortcodes que te facilitamos.
Lo primero que debes hacer es abrir corchetes e iniciar con el comando link_url, seguido de un espacio y los parámetros:
link_text⇒ el texto que quieres mostrar como enlace
url⇒ el enlace al que quieres derivar al visitante
Aquí tienes un ejemplo de cómo funciona:
Puedes contactar con nuestro equipo de soporte desde [link_url link_text="este formulario" url="https://miweb.com/formulario-soporte/" /].
➕ Puedes ver más sobre los enlaces en esta guía: Insertar enlaces en respuestas a intenciones
Mapas
Si quieres añadir un mapa con la ubicación exacta de cualquier plataforma, puedes insertarlo muy fácilmente en la respuesta de la intención.
En este caso, veremos cómo insertar un mapa de Google. Lo primero es encontrar la ubicación deseada. Cuando la tengas, localiza el botón de Compartir.
Te aparecerá una ventana donde deberás ir al apartado Insertar un mapa y solo debes copiar el código con la opción Copiar HTML.
Obtendrás un código que podrás añadir directamente a la intención. Solo deberás modificar el parámetro width por width=”100%”. Esto ajustará el mapa al tamaño de la ventana del chatbot.
Así se verá finalmente en la ventana del chatbot.
