{"id":30575,"date":"2023-04-13T10:15:08","date_gmt":"2023-04-13T10:15:08","guid":{"rendered":"https:\/\/oct8ne.com\/?p=30575"},"modified":"2023-04-13T10:15:08","modified_gmt":"2023-04-13T10:15:08","slug":"integra-gpt4-a-oct8ne","status":"publish","type":"post","link":"https:\/\/oct8ne.com\/es\/blog\/integra-gpt4-a-oct8ne","title":{"rendered":"Integra GPT-4 a Oct8ne"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">\u00bfUtilizas GPT3.5 turbo o GPT4? Siguen las buenas noticias, porque anteriormente la <\/span><a href=\"https:\/\/oct8ne.com\/blog\/integrate-gpt-with-oct8ne\"><span style=\"font-weight: 400;\">integraci\u00f3n<\/span><\/a><span style=\"font-weight: 400;\"> se llevaba a cabo a trav\u00e9s de la acci\u00f3n HTTP gen\u00e9rica, pero ahora hemos creado una dise\u00f1ada espec\u00edficamente para ChatGPT. Este m\u00f3dulo oculta toda la complejidad inherente al uso de APIs externas, ofreciendo una superficie de configuraci\u00f3n simplificada en la que \u00fanicamente tendr\u00e1s que centrarte en crear el prompt apropiado para tu bot.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">De esta forma podr\u00e1s disfrutar de una explosiva sinergia: la potencia de nuestro chat, \u00fanico en el mercado con soporte visual, junto a la inteligencia artificial de OpenAI.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gracias a nuestro covisor podr\u00e1s compartir im\u00e1genes y videos en tiempo real con tus clientes, lo que te permitir\u00e1 generar un contacto directo mucho m\u00e1s parecido al de una tienda f\u00edsica.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pero antes que nada, vamos a repasar detalladamente los pasos necesarios para hacer la integraci\u00f3n, puesto que, en primer lugar, tienes que tener una cuenta en OpenAI, que no est\u00e1 asociada directamente a Oct8ne. \u00a1Sigue los pasos!<\/span><\/p>\n<p><b>Crea una cuenta en Open AI y obt\u00e9n una API Key<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Para tener acceso a la API de OpenAI, basta con visitar su sitio web en <\/span><a href=\"https:\/\/openai.com\/api\/\" target=\"_blank\" rel=\"noopener\"><b>https:\/\/openai.com\/api\/<\/b><\/a><span style=\"font-weight: 400;\"> y registrarse como usuario. El registro es gratuito, aunque podremos utilizar la plataforma un n\u00famero limitado de veces; a partir de ah\u00ed, para continuar ser\u00e1 necesario contratar una<\/span> <a href=\"https:\/\/openai.com\/api\/pricing\/\" target=\"_blank\" rel=\"noopener\"><b>cuenta de pago<\/b><\/a><span style=\"font-weight: 400;\">, ajena a tu cuenta en Oct8ne.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tras el registro, debemos acceder al men\u00fa <\/span><i><span style=\"font-weight: 400;\">API keys<\/span><\/i><span style=\"font-weight: 400;\">, donde usaremos el bot\u00f3n \u201cCreate a new secret key\u201d para generar una nueva clave de acceso a la API.<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">Debemos anotar esta clave porque la utilizaremos m\u00e1s adelante.<\/span><\/i><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-29873 size-full\" src=\"https:\/\/develop.oct8ne.com\/wp-content\/uploads\/2023\/04\/unnamed-3.png\" alt=\"\" width=\"1385\" height=\"792\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Es importante tener en cuenta que, a d\u00eda de hoy, a\u00fan no es posible utilizar GPT4 de forma directa. Al ser un modelo totalmente nuevo, desde OpenAI est\u00e1n abriendo el acceso de forma progresiva, por lo que, si quieres usarlo, tendr\u00e1s que apuntarte a una lista de espera a trav\u00e9s de la direcci\u00f3n\u00a0 <\/span><a href=\"https:\/\/openai.com\/waitlist\/gpt-4-api\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/openai.com\/waitlist\/gpt-4-api<\/span><\/a><span style=\"font-weight: 400;\">. Si todo va bien, en unos d\u00edas recibir\u00e1s un email inform\u00e1ndote de que ya lo tienes disponible y podr\u00e1s comenzar a usarlo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En cambio, el modelo GPT3.5-turbo, el utilizado por ChatGPT, lo tienes disponible desde el primer momento.<\/span><\/p>\n<p><b>Modelar la conversaci\u00f3n<\/b><\/p>\n<p><span style=\"font-weight: 400;\">El dise\u00f1ador de bots de Oct8ne est\u00e1 pensado para que perfiles que no tienen conocimiento t\u00e9cnico puedan crear conversaciones f\u00e1cilmente gracias a nuestro sistema de m\u00f3dulos drag &amp; drop. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Gracias a este, podr\u00e1s armar un flujo de preguntas y respuestas m\u00faltiples tanto para brindar ayuda 24\/7 a tus clientes con las FAQ\u2019s como para<\/span><a href=\"https:\/\/oct8ne.com\/es\/casos-de-exito-drim\"><span style=\"font-weight: 400;\"> recomendar productos<\/span><\/a><span style=\"font-weight: 400;\"> con palabras clave.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para empezar, crearemos una conversaci\u00f3n sencilla en la que \u00fanicamente solicitaremos al usuario la consulta a realizar al modelo GPT de OpenAI y mostraremos la respuesta, finalizando la conversaci\u00f3n en ese momento.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para ello, usaremos la acci\u00f3n \u201cPedir datos\u201d del dise\u00f1ador del bot para solicitar el texto al usuario. Este texto lo guardaremos en la variable \u201cconsulta\u201d:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-29956 size-full\" src=\"https:\/\/develop.oct8ne.com\/wp-content\/uploads\/2023\/04\/bloggpt4es-1.png\" alt=\"\" width=\"825\" height=\"551\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, enlazaremos a la petici\u00f3n de datos el nuevo m\u00f3dulo ChatGPT, dise\u00f1ado espec\u00edficamente para simplificar la integraci\u00f3n con las APIs de OpenAI:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-29962 size-full\" src=\"https:\/\/develop.oct8ne.com\/wp-content\/uploads\/2023\/04\/bloggpt4es-2.png\" alt=\"\" width=\"977\" height=\"784\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Como coment\u00e1bamos anteriormente, este m\u00f3dulo simplifica radicalmente el consumo de las APIs ChatGPT de OpenAI. Conceptualmente, se comporta como una \u201ccaja negra\u201d a la que entra el mensaje o consulta enviada por el usuario y de la que sale, en una nueva variable, la respuesta de GPT.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Los par\u00e1metros que debemos establecer en el m\u00f3dulo ChatGPT son los siguientes:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Token OpenAI: es la clave de la API (API Key) que obtuviste en el primer paso.<\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Prompt: es la informaci\u00f3n de contexto que indica a GPT c\u00f3mo debe comportarse. Por ejemplo, en la captura anterior puedes ver que hemos optado por un prompt sencillo: \u201cEres un asistente personal. Te gusta conversar con el usuario y responder a sus preguntas.\u201d, pero en realidad podr\u00edamos haber utilizado cualquier otro para conseguir que las respuestas del bot se ajusten a nuestras necesidades.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Un aspecto muy importante a tener en cuenta es que OpenAI nos cobra en funci\u00f3n del n\u00famero de tokens que consumamos (puedes ver las tarifas en <\/span><a href=\"https:\/\/openai.com\/pricing\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/openai.com\/pricing<\/span><\/a><span style=\"font-weight: 400;\">). Por esta raz\u00f3n, conforme vayas definiendo el prompt, justo a su pie podr\u00e1s ver el n\u00famero de tokens que consumir\u00e1 el prompt especificado.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Variable de mensaje de usuario: aqu\u00ed debemos seleccionar la variable que contiene la consulta o mensaje enviado por el usuario. En nuestro caso, f\u00edjate que hemos usado \u201cconsulta\u201d, pues es la variable donde hemos guardado el mensaje del usuario obtenido a trav\u00e9s del m\u00f3dulo Pedir Datos justamente anterior al m\u00f3dulo ChatGPT que estamos configurando.<\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Variable de salida: debe contener el nombre de la variable en la que ser\u00e1 almacenada la respuesta de GPT. Normalmente, usaremos esta variable para mostrarla de vuelta al usuario o procesarla para tomar decisiones, como por ejemplo, llevar al usuario al inicio de un proceso de devoluci\u00f3n de productos.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">El resto de posibilidades de configuraci\u00f3n del m\u00f3dulo ChatGPT vienen por defecto ocultos, y son relativos a par\u00e1metros avanzados de la API y del comportamiento del propio m\u00f3dulo. Sus valores por defecto han sido elegidos para que normalmente no sea necesario modificarlos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por ejemplo, por defecto, el m\u00f3dulo ChatGPT est\u00e1 configurado para utilizar el modelo GPT3.5-turbo, por ofrecer una calidad de respuestas bastante razonable y ser el de menor coste de uso. Sin embargo, si prefieres utilizar GPT4, simplemente tendr\u00edas que desplegar la secci\u00f3n \u201cPar\u00e1metros avanzados API\u201d para mostrar el par\u00e1metro \u201cModelo\u201d y teclear el modelo \u201cgpt-4\u201d o el que desees usar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n en la misma secci\u00f3n pueden configurarse otros aspectos, como la temperatura o grado de \u201ccreatividad\u201d de las respuestas, o l\u00edmite de tokens que se permitir\u00e1n a las respuestas.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-29968 size-full\" src=\"https:\/\/develop.oct8ne.com\/wp-content\/uploads\/2023\/04\/bloggpt4es-3.png\" alt=\"\" width=\"395\" height=\"785\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Una vez ajustados los par\u00e1metros del m\u00f3dulo ChatGPT, podemos continuar definiendo el comportamiento del bot que, como indicamos anteriormente, iba a ser bastante sencillo: lo \u00fanico que queremos hacer con la respuesta obtenida desde GPT es mostrarla al usuario para, seguidamente, finalizar la sesi\u00f3n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para ello, basta con a\u00f1adir un par de acciones adicionales al dise\u00f1ador del bot y enlazarlas apropiadamente con las anteriores:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-29974 size-full\" src=\"https:\/\/develop.oct8ne.com\/wp-content\/uploads\/2023\/04\/bloggpt4es-4.png\" alt=\"\" width=\"957\" height=\"710\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">\u00bfHas probado ya el Chat GPT? Pues esp\u00e9rate a integrarlo a nuestro <\/span><a href=\"https:\/\/oct8ne.com\/es\/chatbot\"><span style=\"font-weight: 400;\">chatbot<\/span><\/a><span style=\"font-weight: 400;\"> para disfrutar de la potencia de la inteligencia de Open AI integrada a los asistentes virtuales de Oct8ne.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Si no has probado Oct8ne a\u00fan, o si eres cliente y quieres saber m\u00e1s sobre esta nueva integraci\u00f3n, puedes solicitar una demo para entender de lo que estamos hablando.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Aqu\u00ed te compartimos un v\u00eddeo para que puedas ver algunas de las funcionalidades de Oct8ne y ChatGPT en funcionamiento:\u00a0<\/span><\/p>\n<div style=\"width: 974px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-30575-1\" width=\"974\" height=\"618\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/develop.oct8ne.com\/wp-content\/uploads\/2023\/04\/oct8ne-gpt-es-1.mp4?_=1\" \/><a href=\"https:\/\/develop.oct8ne.com\/wp-content\/uploads\/2023\/04\/oct8ne-gpt-es-1.mp4\">https:\/\/develop.oct8ne.com\/wp-content\/uploads\/2023\/04\/oct8ne-gpt-es-1.mp4<\/a><\/video><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfUtilizas GPT3.5 turbo o GPT4? Siguen las buenas noticias, porque anteriormente la integraci\u00f3n se llevaba a cabo a trav\u00e9s de la acci\u00f3n HTTP gen\u00e9rica, pero ahora hemos creado una dise\u00f1ada espec\u00edficamente para ChatGPT. Este m\u00f3dulo oculta toda la complejidad inherente al uso de APIs externas, ofreciendo una superficie de configuraci\u00f3n simplificada en la que \u00fanicamente [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":30591,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-30575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"_links":{"self":[{"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/posts\/30575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/comments?post=30575"}],"version-history":[{"count":1,"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/posts\/30575\/revisions"}],"predecessor-version":[{"id":30576,"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/posts\/30575\/revisions\/30576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/media\/30591"}],"wp:attachment":[{"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/media?parent=30575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/categories?post=30575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oct8ne.com\/es\/wp-json\/wp\/v2\/tags?post=30575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}