Crea un chatbot simple para el sitio web de tu pequeña empresa con Cohere

Crea tu cuenta de Cohere

Empieza visitando cohere.com en tu navegador web. Verás la página de inicio de Cohere, probablemente con un botón prominente que diga "Registrarse" o "Empezar". Haz clic en este botón para iniciar el proceso de registro. Sigue las instrucciones en pantalla para introducir tu nombre, dirección de correo electrónico y elegir una contraseña segura. Después de enviar, normalmente recibirás un correo electrónico de verificación; ábrelo y haz clic en el enlace para confirmar tu nueva cuenta.

Si se ve diferente: Si no encuentras un botón "Registrarse", busca "Iniciar sesión" y luego un enlace más pequeño para "Registrarse" o "Crear una cuenta".

Sabrás que funcionó cuando seas redirigido a una página de éxito o inicies sesión automáticamente en la plataforma de Cohere.

Inicia un nuevo proyecto de chatbot

Una vez que hayas iniciado sesión en Cohere, probablemente verás un Panel de control o un área de Proyectos principal, que actúa como tu espacio de trabajo central. Busca un botón o enlace grande que diga "Nuevo proyecto" o "Crear chatbot". Haz clic en él para empezar a construir tu asistente de IA. Luego se te pedirá que selecciones el tipo de proyecto que deseas crear; elige "Chatbot" o una opción similar. A continuación, deberás darle a tu chatbot un nombre claro, como "AyudanteDeTienda" o "BotDeSoporte". Este nombre te ayudará a identificar tu proyecto más tarde y no será visible para los visitantes de tu sitio web.

Si se ve diferente: El botón "Nuevo proyecto" podría estar en un menú lateral, en la parte superior de la pantalla o representado por un icono "+". Simplemente busca una opción clara para empezar algo nuevo.

Sabrás que funcionó cuando veas un nuevo espacio de trabajo de proyecto abierto, listo para que añadas contenido a tu chatbot.

Construye conversaciones con el editor visual

Cohere proporciona un editor visual de arrastrar y soltar donde puedes diseñar fácilmente cómo responde tu chatbot. Imagina una pizarra donde organizas "bloques" de conversación. Primero, busca el botón "Añadir bloque" o "+" para añadir tu primer bloque de "Pregunta". Escribe una de tus consultas comunes de clientes en este bloque, como "¿Cuáles son sus horarios de apertura?". Luego, arrastra un bloque de "Respuesta" directamente debajo y escribe la respuesta correcta, por ejemplo: "Abrimos de lunes a viernes de 9 a.m. a 5 p.m., y los sábados de 10 a.m. a 3 p.m.". Repite este proceso para cada una de tus preguntas principales, construyendo un flujo de conversación simple para tu bot. Este enfoque visual te permite "enseñar" al bot sin escribir código complejo.

Si se ve diferente: El diseño de los bloques puede variar ligeramente, pero la idea central de conectar preguntas con respuestas sigue siendo la misma. Busca etiquetas claras como "Pregunta", "Respuesta" o "Mensaje".

• Bloque de respuesta: “Sí, enviamos a Australia, Nueva Zelanda y el Reino Unido. Los costos de envío se calculan al finalizar la compra.” Sabrás que funcionó cuando veas tus bloques de preguntas y respuestas visualmente vinculados en el lienzo, formando una ruta de conversación básica.

Genera el código de tu widget web

Un widget es como una miniaplicación pequeña y autónoma que puedes incrustar directamente en tu sitio web. Una vez que hayas configurado algunos pares de preguntas y respuestas, deberás convertir tu chatbot en este widget incrustable. Busca una pestaña o botón "Implementar", "Publicar" o "Incrustar" dentro de la interfaz de tu proyecto de Cohere. Esta sección suele estar dedicada a llevar tu chatbot a otras plataformas. Aquí, encontrarás opciones para crear un widget web. Incluso podrías personalizar su apariencia (como su tamaño, color o dónde se ubica en tu pantalla). Después de hacer tus elecciones, Cohere generará automáticamente un fragmento de código, típicamente una combinación de HTML y JavaScript. Este código es el enlace esencial que permite que tu sitio web se comunique con tu nuevo asistente de IA.

Si se ve diferente: La ubicación exacta de la opción "Implementar" o "Incrustar" podría estar en una barra lateral o en un elemento de menú de nivel superior. No te preocupes si las opciones de personalización se ven ligeramente diferentes; la clave es encontrar el código generado.

``` Sabrás que funcionó cuando **veas una caja que contiene líneas de código que puedes copiar a tu portapapeles.**

Añade el widget a tu sitio web

Ahora es el momento de poner tu chatbot en tu sitio web. Inicia sesión en el Sistema de Gestión de Contenidos (CMS) de tu sitio web, como WordPress, Wix o Squarespace. Navega al área donde puedes editar el código HTML de tus páginas o el pie de página del sitio. Esto a menudo se etiqueta como "Editor de tema", "Código personalizado" o "Código de incrustación". Pega el fragmento de código que copiaste de Cohere (en el Paso 4) en esta área HTML designada. Un lugar común y efectivo es justo antes de la etiqueta de cierre </body> en el pie de página de tu sitio, ya que esto asegura que el icono de chat aparezca en cada página. Después de pegar, asegúrate de guardar y publicar tus cambios para que se hagan efectivos.

Si se ve diferente: En algunas plataformas CMS como Wix o Squarespace, podrías buscar una sección de "Bloque de incrustación" o "Código personalizado" dentro del editor de tu página. En WordPress, podrías ir a Apariencia → Editor de archivos del tema → footer.php (o un archivo de plantilla similar) y pegar el código allí.

Sabrás que funcionó cuando visites tu sitio web en un navegador y veas una pequeña burbuja o icono de chat aparecer, normalmente en la esquina inferior derecha.