GenAI es una poderosa herramienta de codificación para el comercio electrónico

GenAI es una poderosa herramienta de codificación para el comercio electrónico

Se habla mucho sobre el impacto de la inteligencia artificial generativa en la búsqueda, el contenido y los procesos, pero también es una poderosa herramienta de codificación que podría ayudar a las empresas de comercio electrónico de todos los tamaños.

Aunque todavía tienen que convertir a un novato en un programador experimentado, ChatGPT y sus competidores pueden producir código funcional que los especialistas en marketing y comerciantes pueden pegar en aplicaciones y flujos de trabajo de automatización.

Un ejemplo puede ilustrar este punto.

Publicar en el blog de Shopify

El modelo de contenido y luego comercio es un negocio lucrativo. El contenido anima a los lectores a convertirse en compradores. Sin embargo, los comerciantes de Shopify suelen encontrar un problema.

Si bien sobresale en muchas áreas, el editor de blogs predeterminado de Shopify (piense en el motor de contenido) carece de funciones sólidas.

Por ejemplo, una URL de YouTube en el editor del blog no produce más que texto. No se convierte automáticamente en un vídeo, lo que requiere que los comerciantes peguen el código HTML para este fin.

Por el contrario, la misma URL de YouTube en el editor de WordPress.com genera un vídeo incrustado responsivo que se reduce y se expande para adaptarse a la pantalla del visitante. Este es el comportamiento esperado por la mayoría de los especialistas en marketing de contenidos.

Captura de pantalla de Shopify "Insertar un vídeo" interfaz

El editor de blogs de Shopify requiere que los usuarios peguen código HTML para un vídeo incrustado.

Una solución es omitir completamente el editor de Shopify. ¿Qué pasaría si un especialista en marketing pudiera redactar contenido en una herramienta como Google Docs (con imágenes, tablas y videos de YouTube) y luego subirlo automáticamente a un blog de Shopify?

Le pedí a ChatGPT que generara el código para dicha aplicación.

La solución de IA

La solución de ChatGPT tenía dos partes.

Se puede acceder a Apps Script desde cualquier documento de Google y proporciona un entorno de desarrollo en el que las interfaces de programación de aplicaciones (API) de Google están disponibles como servicios. El código utilizado es esencialmente JavaScript.

Captura de pantalla del elemento del menú Apps Script en Google Docs

Google Apps Script es un entorno de desarrollo disponible en Google Docs y otras aplicaciones de Google.

ChatGPT produjo un código detallado que se podía copiar y pegar en el entorno de Apps Script, enumerando el proceso paso a paso.

El script de la aplicación ChatGPT tenía seis funciones.

  • postArticleToShopify() —esa era la función principal. Llama a funciones de soporte y, en última instancia, se conecta a la API de Shopify.
  • convertirBodyToHTML(cuerpo) — dado el cuerpo del documento, esta función hace la mayor parte del trabajo. Identifica si un elemento particular en el cuerpo del documento es una lista, tabla o párrafo con viñetas. Los párrafos son complicados porque pueden contener texto, títulos, imágenes o un enlace.
  • extraerYouTubeVideoId(url) — busca el ID de YouTube en una cadena de URL.
  • generarYouTubeEmbed(videoId) — dada una ID de video de YouTube, esta función crea un conjunto de etiquetas HTML que generan un video incrustado responsivo.
  • formatoFechaActual() — es una función auxiliar que recupera y formatea la fecha actual en la fecha de publicación de la publicación del blog.
  • escapeHTML(texto) — es una función auxiliar que elimina un conjunto de caracteres que pueden causar problemas cuando se envía código HTML a la API de Shopify.

El aspecto más sorprendente de la generación de código de ChatGPT fue su familiaridad con los requisitos de App Script y Shopify API. ChatGPT sabía que la API de Shopify no podía recibir una imagen como un archivo, sino que debía codificarse y transmitirse como datos.

Aplicación Shopify personalizada

Quedaba un último paso. En Shopify, tuve que navegar a la pestaña «Aplicaciones y canales de ventas» en la configuración de la plataforma. A partir de ahí, creé, autoricé e instalé una aplicación personalizada. El objetivo era recopilar un token de acceso API para que App Script publicara contenido en el blog de Shopify.

Captura de pantalla de los scripts de la aplicación "Token de acceso a la API de administrador" interfaz

La creación de la aplicación personalizada proporcionó acceso al token de API.

Contenido publicado

En menos de 30 minutos y con código ChatGPT, creé una solución funcional para componer contenido en un documento de Google y hacer que aparezca en Shopify.

Captura de pantalla de publicaciones de blog parciales en Google Docs y Shopify

El código de ChatGPT transformó un documento de Google en una publicación de blog completa en Shopify.

El proceso es repetible. Cualquiera puede escribir contenido en Google Docs (con imágenes, tablas y URL de YouTube) y producir una publicación de blog limpia y responsiva en Shopify.

Aquí hay un PDF del script completo de las aplicaciones ChatGPT.

Consecuencias

La solución inicial de ChatGPT tuvo algunos problemas.

  • ChatGPT no entendía exactamente cómo estaban estructurados los archivos de Google Doc. Su código inicial buscaba imágenes y enlaces en el mismo nivel de la jerarquía del documento que una tabla o un párrafo. En la práctica, estos elementos estaban dentro de un elemento de párrafo, es decir, los hijos de un elemento de párrafo.
  • Al generar la función para crear el HTML responsivo para el video de YouTube, ChatGPT cargó la imagen dos veces. Cambiar la asignación de variables solucionó el problema.
  • El código no es perfecto. En algunos lugares debería refactorizarse para mejorar la legibilidad y la funcionalidad.
  • La API de Shopify requería una identificación de blog que no era fácil de recuperar. Al final utilicé la API y una herramienta de desarrollo llamada Postman para conseguirlo.

Sin embargo, el ejemplo muestra que ChatGPT puede generar código útil, especialmente para un usuario con conocimientos técnicos. Además, el proceso fue rápido. He escrito muchos scripts de aplicaciones. Este habría tardado mucho más sin ChatGPT.