Instalar Arkibot en una web HTML de prueba – Arkibot

Si aún no tenemos una web donde probar nuestro Arkibot, podemos crear muy fácilmente un pequeño archivo HTML e insertar en él el código del widget para poder hablar con el chatbot, revisar su funcionamiento y entrenar frases.

Para lograr esto, vamos a subir o crear un archivo de una web básica en HTML en el hosting.

En este ejemplo, utilizaremos la URL temporal a la que tienes acceso gratuitamente y por defecto en tu hosting de Webempresa.

¡Vamos a ello!

Para que el archivo cargue desde la URL temporal, necesitarás crearlo directamente en la carpeta public_html. Para ello debes entrar en el Administrador de Archivos y buscar esa carpeta en el listado de la izquierda.

Una vez dentro de la carpeta public_html vas a dar clic derecho dentro del espacio donde están los archivos de la carpeta y eliges las opciones Crear archivo > HTML.

Aparecerá el ícono de nuevo archivo HTML y tendrás la posibilidad de asignarle el nombre. Para este ejemplo le hemos puesto prueba-arkibot.html

Con el archivo creado, das doble clic para entrar a editarlo. Si te aparece un pequeño menú de opciones sobre el editor para abrirlo, elige cualquiera. En este ejemplo usamos ACE Editor.

Dentro vas a introducir el código HTML. Te dejamos un ejemplo que te puede servir:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Página de prueba de Arkibot</title>
</head>
<body>
    <div style="text-align: center;">
        <h1>Web de prueba de Arkibot</h1>
        <p>En esta página HTML vamos a probar nuestro Arkibot funcional ;)</p>
    </div>
</body>
</html>

Aquí tienes una imagen de cómo se verá en el ACE Editor:

Luego de pulsar en Guardar puedes abrir una nueva pestaña del navegador e ir a tu URL temporal añadiendo el nombre de tu archivo al final de la siguiente manera:

http://XXXXX-cpXXXX.wordpresstemporal.com/prueba-arkibot.html

Las XXXX varían dependiendo tu URL temporal. Lo importante es que al final pongas el nombre del archivo, en este caso: prueba-arkibot.html

Verás algo como lo siguiente:

Ha sido fácil, ¿verdad? Ahora vamos a añadirle al bot para platicar con él.

Ingresa a tu cuenta de Arkibot y copia el código del widget desde Bots > Ajustes > Código Widget.

Entra nuevamente al Administrador de Archivos, en la edición del archivo HTML recientemente creado y añade el código del widget justo antes de cerrar la etiqueta <body>. Pulsa en Guardar.

Te quedará algo así:

Vuelve a la pestaña donde tienes abierto el archivo desde la URL temporal y recarga. Deberá aparecer el chatbot en la posición que lo hayas configurado.

¡Listo! Ahora tienes un entorno de pruebas donde vas a poder utilizar directamente al chatbot como lo verán tus visitantes cuando interactúen con él. Además, las frases que añadas aquí se irán al apartado de Entrenamiento, donde podrás revisarlas para mejorar sus respuestas.