Una identidad, distintas aplicaciones.

La entrada Combi · Branding + Web se publicó primero en Ilari & Co..

Preparaste un newsletter con una buena foto, una propuesta y un botón. Pero al abrirlo sin imágenes, solo queda un rectángulo vacío. Si la información estaba dentro de ese archivo, la persona no puede entender qué ofrecés ni cuál es el siguiente paso.

La prueba es simple: tu email debería seguir siendo comprensible cuando la foto no aparece. No se trata de sacar el diseño, sino de decidir qué información necesita existir como texto y qué aporta la imagen.

Por qué conviene diseñar también para las imágenes bloqueadas

Algunos clientes de correo pueden bloquear la carga de imágenes. Además, una persona que usa un lector de pantalla necesita una estructura y descripciones útiles. Mailchimp recomienda que la información esencial esté en texto y que las imágenes la complementen. Ver las recomendaciones de accesibilidad de Mailchimp.

Esto no demuestra que tus destinatarios estén teniendo ese problema ni promete más ventas. Es una revisión preventiva concreta: detectar si la propuesta depende de un único archivo.

Un ejemplo: la misma propuesta, dos estructuras

Ejemplo ilustrativo de una tienda de mochilas. No representa una campaña ni resultados reales.

Estructura frágil: una imagen grande incluye el título «Mochilas para llevar la notebook», la descripción y un botón dibujado que dice «Ver modelos». Si no carga, desaparecen juntos el producto, el mensaje y la señal visual para avanzar.

Estructura más robusta: el título y la frase «Compará capacidad, medidas y compartimentos» son bloques de texto del email. La fotografía muestra el producto. Debajo, un botón del editor enlaza a la categoría correcta. Al faltar la foto, todavía se entiende qué comparar y dónde hacerlo.

El botón debe llevar al destino prometido. Si dice «Ver mochilas para notebook», no lo envíes a una portada genérica donde haya que empezar la búsqueda otra vez.

Qué dejar fuera de la imagen

• La idea principal: qué hay de útil en este correo para quien lo recibe.
• Las condiciones necesarias: alcance, restricciones y vigencia, cuando correspondan y estén verificadas.
• La acción: un enlace o botón con texto descriptivo, creado dentro del editor de email.
• La identidad y las opciones del suscriptor: remitente reconocible y los enlaces de gestión que corresponden a tu envío.

Podés usar una foto protagonista sin convertir el correo entero en una placa. Para una empresa de servicios, por ejemplo, el texto puede explicar qué incluye una reunión inicial y el botón llevar a la página que detalla ese paso. No hace falta inventar una promoción para tener algo relevante que comunicar.

El texto alternativo ayuda, pero no reemplaza el mensaje

El atributo alt describe la imagen cuando corresponde. Escribí una descripción breve y pertinente: «Mochila azul abierta con compartimento para notebook» aporta más contexto que «imagen 1». No repitas un párrafo completo ni cargues palabras clave. Mailchimp aconseja mantener la información importante también en el texto principal. Cómo usar texto alternativo en imágenes.

El aspecto y la disponibilidad del alt varían según el cliente de correo. Por eso no conviene esconder en él toda la oferta ni usarlo como sustituto de un botón visible.

Una revisión antes del próximo envío

• Leé solo el texto: ¿se entiende qué ofrecés, para quién y qué hacer después?
• Probá imágenes desactivadas: usá la vista disponible en tu herramienta o una casilla de prueba propia. No confundas una captura del editor con una prueba de recepción.
• Abrilo en un celular: revisá orden de lectura, tamaño de letra y espacio para tocar el botón.
• Seguí cada enlace: comprobá que la página de destino responda a la promesa y funcione en móvil.
• Anotá lo observado: cliente de correo, dispositivo, fecha y problema concreto. Corregí y repetí esa misma prueba.

Qué medir después

Primero verificá que la pieza se pueda leer y usar. Después observá clics hacia el destino, visitas y consultas comerciales confirmadas con la medición que realmente tengas implementada. Un clic no equivale a una consulta y una apertura no prueba que la persona haya leído todo.

Si querés evaluar un cambio, conservá el resto de la campaña lo más comparable posible y esperá una muestra útil. No atribuyas diferencias pequeñas al nuevo diseño sin considerar público, tema y momento del envío.

Convertí una pieza linda en un recorrido claro

Una buena campaña conecta mensaje, diseño y página de destino. En nuestro servicio de email marketing podés conocer cómo trabajamos ese recorrido. Si recién empezás después de una suscripción, también podés leer la guía de emails de bienvenida.

Guía práctica de Ilari & Co. Fuentes oficiales consultadas el 7 de noviembre de 2026. El ejemplo y la lista de revisión son ilustrativos; no se presentan como un caso de éxito ni como una noticia nueva.

La entrada Newsletter sin imágenes: cómo mantener claro el mensaje y el botón se publicó primero en Ilari & Co..

Un chico ve una imagen imposible, escucha una voz creada por una computadora o pregunta cómo hace una aplicación para responderle. La conversación sobre inteligencia artificial puede empezar ahí, con algo que le llamó la atención.

En Ilari & Co. creamos Cómo hablar de IA con los más chicos: un libro interactivo gratuito con 12 conversaciones ilustradas para leer y explorar en familia. Cada conversación propone una explicación breve, una pregunta y una actividad.

Un libro que se abre en la web

Entrás, abrís la tapa y recorrés las páginas. Podés avanzar con las flechas, elegir un tema desde el índice o deslizar en el celular. Las ilustraciones y los movimientos acompañan la lectura; cada doble página se concentra en una idea.

Está pensado para una lectura acompañada, orientada a chicos de 6 a 12 años. Esa franja corresponde al contenido del libro: para usar cualquier servicio de IA hay que revisar sus condiciones, su edad mínima y la privacidad vigente.

Qué preguntas recorre

El libro empieza por una duda sencilla: “¿Hay alguien adentro?”. Desde ahí explica que una respuesta puede parecer humana aunque la produzca un sistema que trabaja con patrones. También invita a mirar cuándo una respuesta se equivoca y cómo comprobar información.

Las conversaciones conectan esas ideas con situaciones concretas: pedir ayuda para empezar un cuento, decidir qué datos conviene guardar, revisar una imagen que parece real o reconocer a quién deja afuera una respuesta. Hay espacio para hablar de tareas escolares, vínculos, momentos de pausa y personas de confianza.

La última conversación propone armar un pacto familiar descargable. Pueden elegir acuerdos sobre explorar acompañados, verificar información, cuidar lo privado, pedir ayuda y dejar lugar para el juego y las ideas propias.

Cómo usarlo en casa o en el aula

1. Elegí una pregunta. Podés empezar por algo que el chico ya vio o quiere entender. El índice permite ir directo a esa conversación.
2. Leé y escuchá. Después de la explicación, preguntá qué entendió, qué le resulta extraño o qué ejemplo se le ocurre.
3. Hagan una actividad. Cada página incluye una propuesta para seguir conversando. Pueden retomarla otro día y revisar los acuerdos cuando aparezcan preguntas nuevas.

Todas las actividades se pueden hacer sin abrir una herramienta de IA. El libro incluye, por ejemplo, un juego para clasificar objetos, un cuento construido entre varias personas y un mapa de personas a las que se puede pedir ayuda.

Una actividad para empezar: el semáforo de los datos

Preparen tarjetas con ejemplos inventados: el nombre de un dragón, un color favorito, una contraseña y una dirección de casa. Conversen sobre cuáles servirían para crear un cuento y cuáles conviene guardar. Usen palabras genéricas; no hace falta escribir datos personales reales.

La pregunta de fondo es concreta: ¿necesitamos compartir esto para hacer lo que queremos? El objetivo de la actividad es conversar sobre las decisiones que tomamos antes de escribir o subir algo.

Acompañar también es poder decir “no sé”

La guía de UNICEF para conversar sobre IA en familia propone seguir la curiosidad de los chicos y usar ejemplos cotidianos. También señala que adultos y chicos pueden explorar estas tecnologías como personas que aprenden juntas.

La orientación de UNESCO sobre IA generativa en educación aporta criterios sobre privacidad, adecuación por edad y participación de las personas. En el libro enlazamos estas fuentes para que los adultos puedan profundizar.

Los textos, actividades e ilustraciones del libro son una producción independiente de Ilari & Co. Las organizaciones citadas no lo patrocinan ni lo avalan.

Abrilo y elegí una conversación

El libro es de acceso público y funciona en computadora y celular. Podés leer una conversación, imprimir el contenido completo o guardar el pacto familiar. La suscripción al newsletter es opcional.

Si querés seguir recibiendo guías de IA, ecommerce y marketing, encontrás el formulario “Registrate al newsletter” dentro del libro. También podés explorar el resto de nuestras guías y recursos.

La entrada Cómo hablar de IA con los más chicos: un libro para leer en familia se publicó primero en Ilari & Co..

# Prompt maestro: convertir mi CV PDF en un portfolio interactivo

Versión final 7 · Completo para ChatGPT Sites: dos variantes, avatar, tres módulos 3D, fondos animados, juego, CV original y datos estructurados.

Copiá desde “Actuá” hasta el final y adjuntá tu CV original en PDF en una conversación con Sites habilitado. Si querés reproducir la demo de Sofía y Santiago, adjuntá sus dos PDFs y decí “Usá los dos perfiles de demostración”. El prompt incluye diseño, imágenes, interacciones, archivos y publicación en Sites. La disponibilidad de las herramientas y sus permisos sigue siendo necesaria.

---

Actuá como director de arte, diseñador de experiencias y desarrollador web. Transformá el CV PDF que adjunto en una web personal completa, artística, profesional e interactiva. Construí el resultado funcionando y publicalo en ChatGPT Sites. Quiero una URL final del Site con todos los recursos integrados, no solamente una propuesta o un esquema. No uses mi hosting, WordPress, FTP ni un servicio de video externo como destino alternativo sin que te lo pida.

Quiero impresionar por la presentación sin sacrificar claridad. La persona que visita la web debe entender quién soy, qué sé hacer, cuál es mi trayectoria y cómo descargar mi CV. Busco un acabado editorial elaborado, con imágenes originales, profundidad 3D y movimiento ligado al scroll.

### 0. Destino: ChatGPT Sites

Antes de generar recursos o anunciar una publicación, comprobá qué herramientas de archivos, imágenes, vista previa y publicación tenés disponibles. No me preguntes por información que las herramientas conectadas ya puedan resolver.

- Usá la integración Sites de ChatGPT y su flujo oficial disponible en esta conversación. Si hay un Site existente identificado para este trabajo, reutilizalo y conservá su audiencia. No crees otro Site para sustituirlo. Si este es un trabajo nuevo sin Site, creá uno solo y conservá su identificador.
- Si hay un publicador autorizado, verificá el acceso al proyecto y el canal de sincronización antes de comenzar la construcción. Usá su flujo oficial y respetá las comprobaciones de seguridad.
- Si existe autenticación administrada por el entorno, usala sin extraer ni trasladar secretos. No incluyas claves o tokens en la web, en archivos de entrega, registros ni repositorios.
- Si un control automático rechaza un paso de autenticación o publicación, no lo repitas por otra ruta para eludirlo y no me pidas la misma autorización si el control ya indicó que no la admite. Comprobá únicamente alternativas oficiales que no reproduzcan la acción rechazada.
- Si no hay una vía de publicación permitida, informalo al principio con una frase clara y continuá con la web autónoma descrita abajo. Cambiar un MP4 por una foto elimina la dependencia de medios externos, pero no cambia los permisos del publicador.
- No digas “ya está online” porque hayas generado archivos, recibido una URL prevista, abierto un panel o iniciado una subida. Exigí una confirmación de despliegue exitoso y distinguí publicación, vista previa local y archivo descargable.

La construcción debe poder completarse sin generación de video, alojamiento de medios de terceros, claves de API nuevas ni instalación de servicios de pago. La versión principal usa imágenes generadas y animación en el navegador. La publicación online requiere además un canal habilitado; no prometas resolver sus permisos mediante texto.

### 1. Usá mi documento como fuente

Leé todas las páginas y extraé nombre, profesión, resumen, experiencia, responsabilidades, formación, cursos, certificaciones, proyectos, habilidades, herramientas, idiomas, contacto y enlaces reales. Conservá nombres, fechas, cargos, instituciones y niveles. Podés sintetizar y mejorar la redacción sin cambiar los hechos.

Revisá columnas, tablas y fotografías. Usá OCR si el documento es escaneado y esa herramienta está disponible. Preguntá solamente por información imprescindible que no puedas leer o resolver. Tomá por tu cuenta las decisiones habituales de diseño.

No inventes empleos, estudios, clientes, proyectos, logros, cifras, resultados, testimonios, títulos ni enlaces para llenar una estructura. No copies datos de una demo anterior. Si una sección no tiene respaldo en el CV, omitila o reemplazala por otra que sí lo tenga. Usá el idioma del documento, salvo que indique otro.

### 2. Selector superior y entrada directa al hero

Arriba de toda la web incluí dos botones visibles: “Versión femenina” y “Versión masculina”. Deben funcionar como selector de variantes sin una pantalla de entrada que bloquee el hero.

Si adjunto un único CV real, ambas son variantes visuales del mismo perfil: conservá mi nombre, foto, identidad, experiencia y PDF en las dos. No inventes otra persona ni cambies mi género. Si adjunto dos CV y pido reproducir la demo dual, usá un perfil completo por versión (Sofía y Santiago son los ejemplos ficticios de referencia). No agregues esos nombres al sitio de una persona real.

Incluí una casilla “No volver a mostrar · Recordar mi elección”. Al seleccionar una versión con la casilla marcada, guardá la preferencia en ese navegador y ocultá el selector. En futuras visitas abrí directamente la versión elegida. Dejá siempre un enlace discreto “Cambiar versión” que vuelva a mostrar las opciones y permita restablecer la preferencia. Usá localStorage con manejo de errores: si está bloqueado, las dos versiones deben seguir accesibles. No uses cookies ni cuentas para esto.

Debajo del selector, la web debe empezar en el hero, sin introducción obligatoria ni botón para entrar. Mostrá mi nombre, profesión, síntesis del perfil y accesos al trabajo o trayectoria y a la descarga del PDF.

Extraé mi foto del PDF y distinguí el retrato de logos u otras imágenes. Si no hay una foto utilizable, pedime una por separado y avanzá con lo demás. No uses una cara ajena o inventada como si fuera yo.

El retrato comienza hacia la derecha. Al bajar por el hero, se desplaza suavemente hasta el centro horizontal y vertical de la pantalla. El texto se desvanece para dejarlo visible; al subir, ambos recuperan su estado inicial.

El giro avanza de derecha a izquierda al bajar y se recorre en sentido inverso al subir. El movimiento está controlado por el scroll, no por una rotación autónoma.

Si las herramientas permiten un modelo 3D real, podés usarlo. Si no, generá con ChatGPT una secuencia de al menos doce vistas coherentes de mi retrato para simular el giro. Conservá identidad, rasgos, cabello, tono de piel, expresión, ropa, escala, encuadre y luz. Una grilla transparente de cuatro columnas por tres filas con ángulos progresivos entre -55 y +55 grados permite recorrer las vistas en orden inverso al bajar.

Revisá que no cambie mi identidad entre vistas. No estires una fotografía plana para fingir ángulos inexistentes. Si no podés generar una secuencia coherente, usá un retrato estático bien presentado e informame que el giro quedó pendiente. No afirmes que una secuencia de imágenes es un modelo 3D.

### 3. Dirección de arte e imágenes originales

Creá una identidad apropiada para mi profesión y material. Buscá composición editorial, espacios generosos, tipografía con personalidad y buen contraste. Usá negro, marfil y contraste entre una sans legible y una serif editorial. La variante femenina lleva acento burgundy #781c38, con texto de acento claro #e3a9bb sobre negro, y fondo del módulo de habilidades del mismo burgundy. La masculina usa acento azul #2056a0, acentos tipográficos #a4c9f3 y fondo de habilidades #153d70. Botones principales con texto blanco; controles seleccionados en tono claro con texto oscuro. Adaptá estos roles si aporto una paleta propia. Las diferencias son visuales, sin ocultar capacidades o secciones según la variante.

Generá con ChatGPT imágenes originales para los proyectos o temas documentados en mi CV. Si hay tres casos, creá una portada para cada uno y una imagen ambiental para el hero o una sección principal. Si hay menos casos, adaptá la cantidad al contenido real.

Traducí cada tema a materiales y colores propios. Salud puede sugerir cuidado con vidrio suave; cultura, papel y color; un sistema, componentes modulares. Son ejemplos de dirección de arte, no proyectos para agregar a mi carrera.

Mostrá las portadas en una galería grande, asimétrica e interactiva. Seleccionar una portada debe llevar al caso correspondiente. Reutilizá su imagen dentro de su escena cuando aporte continuidad.

Las ilustraciones o interfaces creadas sin capturas originales deben identificarse como visualizaciones conceptuales. No las presentes como evidencia de productos o trabajos reales. Conservá los originales generados y prepará versiones livianas para la web. Guardá sus prompts y usá nombres de archivo ASCII descriptivos separados por guiones.

### 4. Tres módulos 3D adicionales al hero

**Trayectoria:** ordená experiencia y formación de manera comprensible. Usá tarjetas con profundidad y perspectiva, recorridas con el scroll. Cada etapa debe mostrar cargo o título, empresa o institución, período y descripción del CV. Incluí anterior/siguiente, un control manual de recorrido y una lectura lineal completa.

**Casos o conocimiento:** usá proyectos documentados. Si no hay proyectos, adaptá el módulo a publicaciones, investigaciones, certificaciones, responsabilidades o áreas de especialización reales. Presentá problema, proceso y entrega en capas 3D, o una estructura equivalente adecuada a mi actividad.

Permití elegir el caso y cambiá realmente su contenido y recursos. Las capas se abren y cambian de perspectiva al bajar. Agregá un deslizador para separarlas manualmente; una vez que el visitante lo use, respetá su elección y no la sobrescribas con el scroll. Conservá una explicación textual accesible.

**Capacidades en volumen:** creá una escultura de bloques con seis caras y transformaciones CSS 3D. Cada bloque representa una habilidad declarada en mi CV; adaptá la cantidad a la fuente. Con el scroll la escultura gira y las piezas se separan. Agregá botones legibles fuera de la escena para elegir cada habilidad con mouse, tacto o teclado: resaltá y adelantá su bloque, y mostrá una descripción y la formación, experiencia o proyecto del PDF que la respalda. No inventes porcentajes ni puntuaciones. Usá piezas pastel sobre el fondo burgundy o piezas azuladas sobre el fondo azul. Incluí alternativa estática y lectura accesible; no mantengas render fuera de pantalla.

### 5. Más animaciones ligadas al scroll

Además del retrato y los tres módulos anteriores:

- Las portadas cambian suavemente de perspectiva y posición, y sus imágenes tienen parallax.
- Las frases principales del resumen pueden enfatizarse en su orden de lectura.
- Las capas de los casos se abren progresivamente, con prioridad para el control manual cuando se use.
- La vista previa del CV descargable cambia de perspectiva al aparecer.
- El recorrido es reversible al subir.

Evitá repetir la misma aparición en todas las secciones. No ocultes información importante, bloquees navegación ni obligues a esperar una introducción.

### 6. Fondos con geometría 3D

Agregá un fondo 3D en al menos un módulo; preferentemente en el juego y en la descarga del CV. Usá formas metálicas o materiales coherentes con el diseño, con iluminación y una rotación suave ligada al scroll.

La geometría debe estar detrás del contenido, sin interceptar clics ni dificultar la lectura. No llames 3D real a una imagen inclinada. Renderizá solamente cuando el módulo esté visible o cerca de entrar en pantalla, limitá la resolución y conservá un fondo estático si WebGL falla.

### 7. Fondo cinematográfico con imágenes animadas, sin depender de video

La opción principal es animar imágenes originales de ChatGPT directamente en el navegador. En el módulo de portadas, equivalente a “Una idea. Otra dimensión”, creá un fondo con apariencia cinematográfica usando fotografías o renders realistas, movimiento de cámara y capas de luz y sombra.

- Reutilizá o generá una imagen ambiental coherente con los casos y la identidad visual. Conservá la imagen original y entregá una versión liviana para web.
- Separá el movimiento en capas: plano visual con perspectiva suave, cámara con paneo y acercamiento lentos, reflejos o luz ambiental y una capa oscura para proteger la lectura.
- Vinculá perspectiva y parallax al scroll. Un movimiento ambiental periódico puede complementar la cámara sin exigir interacción ni recargar la página.
- No deformes una cara o un producto para inventar vistas inexistentes. Esta técnica anima imágenes: no la presentes como un video generativo ni un modelo 3D real.
- El fondo debe funcionar sin crear un MP4, subir archivos a un alojamiento de video, abrir cuentas adicionales o utilizar claves externas.
- Activá el movimiento solamente mientras esté visible. Pausalo al salir de pantalla, ocultar la pestaña o usar la pausa global. Con movimiento reducido, mostrá la imagen estática.
- Mantené las portadas y el texto claros y utilizables. El fondo es decorativo y no intercepta clics ni añade ruido al lector de pantalla.

El video es opcional, no un requisito para completar la web. Usalo solo si podés generarlo e incluirlo en la publicación completa con las herramientas autorizadas. En ese caso debe ser corto, silencioso, liviano, en bucle continuo, con imagen de respaldo y los mismos controles de visibilidad, pausa y movimiento reducido. No recurras automáticamente a servicios pagos o cuentas de terceros. Si no podés completar la ruta de video, entregá las imágenes animadas funcionando.

### 8. Juego fácil, basado en el CV

Creá un juego breve y opcional para descubrir mi perfil. Si hay proyectos, puede relacionar cada problema con el proyecto que lo aborda. Si no los hay, adaptalo a formación, especialidades o experiencias documentadas.

- Hasta tres rondas cortas, con solamente dos opciones por ronda.
- Preguntas simples y concretas; evitá acertijos técnicos o respuestas ambiguas.
- Nombres y etiquetas que permitan identificar cada opción sin memorizar la web.
- Un botón “Mostrar pista” que revele la respuesta de forma clara.
- Ante un error, una pista explícita y la posibilidad de volver a intentar.
- Sin reloj, vidas, castigos ni pérdida de puntos.
- Progreso como “proyectos descubiertos”, no una nota de capacidad o idoneidad.
- Una tarjeta que pueda girar en 3D al acertar y mostrar un dato real del caso.
- Siguiente ronda, resultado y volver a jugar, funcionando con clic, toque y teclado.

La información profesional y la descarga del CV nunca deben depender de completar el juego.

### 9. Descarga destacada del PDF original

Conservá el PDF que adjunté sin modificarlo. La descarga entrega ese mismo archivo, no una reconstrucción desde la web.

Creá un módulo destacado, como “Mi CV. Para llevar”, con una vista previa real de la primera página y un botón grande “Descargar CV original”. Mostrá formato, páginas y peso reales. Agregá una opción separada para abrir el documento sin descargar.

Enlazá el módulo desde la navegación y ofrecé también descarga desde el hero. Verificá el enlace y, cuando sea posible, compará el hash del archivo entregado con el adjunto original.

### 10. SVG, móvil, accesibilidad y rendimiento

Usá iconos SVG de trazo consistente para flechas, descarga, archivo, pistas, reproducción, pausa, confirmación y reinicio. No uses emojis ni caracteres Unicode como sustitutos de iconos, tampoco en contenido dinámico o estados del juego.

Las acciones principales llevan texto visible. Los iconos decorativos no duplican nombres accesibles. Incluí foco visible, estructura semántica, teclado y contraste suficiente.

Adaptá todo a móvil y escritorio sin desbordes, textos cortados o controles minúsculos. No dependas del hover. Incluí pausa global y una alternativa estática legible para movimiento reducido.

No mantengas bucles de render innecesarios. Pausá fondos y videos fuera de pantalla y al ocultar la pestaña. El contenido debe seguir visible y consultable si falla una animación.

### 11. Contacto y presentación honesta

Usá solamente contacto y enlaces profesionales presentes en el PDF. No inventes formularios que aparenten enviar mensajes ni botones sin función. No agregues documentos de identidad o el domicilio completo a la web profesional.

No incluyas nombres, marcas o enlaces de una demo anterior como si fueran míos. Mantené las explicaciones técnicas fuera del recorrido principal; comunicame a mí los supuestos, técnicas y limitaciones relevantes.

### 12. Datos estructurados sin duplicados

Antes de agregar schema, inspeccioná el HTML público renderizado y el código fuente de cada URL. Inventariá JSON-LD, microdatos, RDFa, tipos, identificadores @id y URL canónica que ya generen el CMS, el tema o plugins como Yoast y Rank Math. No supongas que falta schema porque no aparece en el editor de la página.

Elegí los tipos por el contenido real y usá JSON-LD serializado de forma segura. En un portfolio de una persona real, evaluá ProfilePage con mainEntity Person y comprobá las guías vigentes: nombre, profesión, formación, habilidades, imagen y enlaces deben estar respaldados por el CV o contenido visible. No agregues identificadores sensibles, métricas, premios, valoraciones, reseñas ni empleadores inventados. Si el contenido es una demo ficticia, describila como WebPage y CreativeWork de demostración; no presentes al personaje como profesional real ni como autor real del sitio.

Si la página pertenece a un sitio de servicios, reutilizá sus entidades y @id existentes. Una página comercial de IA puede usar Service con provider enlazado a la Organization existente, solo si describe ese servicio. Si WordPress ya publica WebPage, WebSite, Organization, BreadcrumbList o Service, conservá ese grafo y agregá únicamente entidades o propiedades que falten. Preferí el filtro o mecanismo oficial del plugin para ampliar una entidad; no generes otro Service, organización, página o breadcrumb paralelo. Los enlaces por @id a entidades existentes no deben copiar sus definiciones en la misma página.

Para páginas estáticas independientes sin schema, creá un grafo mínimo con URL canónica y @id estables. Relacioná cada WebPage con su contenido mediante mainEntity y mainEntityOfPage. Las variantes visuales de una persona real deben apuntar a la misma identidad Person; los perfiles ficticios de una demo deben quedar rotulados como ejemplos. Si la URL de publicación cambia, actualizá canónicas y @id antes de dar la entrega por terminada. No incrustes rutas locales, URLs de la demo anterior ni imágenes o documentos como cadenas base64 dentro del schema.

No añadas Product, Offer, FAQPage, HowTo o puntuaciones para buscar resultados enriquecidos que no correspondan al contenido. Distinguí validez de Schema.org y elegibilidad de Google: verificá las guías oficiales vigentes y no prometas posiciones, indexación o resultados enriquecidos.

Validá el JSON, los tipos y propiedades, los enlaces entre entidades y la ausencia de duplicados. Comprobá el schema que efectivamente sale en las URL públicas después de publicar, incluidas ambas variantes. Usá Schema.org Validator y, para funciones admitidas por Google, Rich Results Test cuando estén disponibles; si no pudiste ejecutar alguna prueba, informalo sin presentarla como aprobada. Documentá qué schema se conservó y qué se añadió.

### 13. Entrega completa y verificación

Construí todos los archivos y recursos enlazados. Priorizá HTML, CSS y JavaScript cuando alcance. Agregá dependencias solamente si son necesarias.

Probá navegación, enlaces, PDF original, etapas y casos, profundidad manual, juego completo, pistas, reintentos, resultado, reinicio y pausa. Verificá las dos variantes, el recuerdo y restablecimiento de la elección, el hero centrado, los tres módulos 3D, las imágenes animadas y la lectura del contenido en móvil y escritorio. Probá el video solamente si se incluyó. Revisá movimiento reducido y fallos de carga.

No declares verificado lo que no pudiste comprobar. Si no hay acceso al navegador o falta una herramienta, informalo de manera concreta y completá el resto.

Entregá una vista funcional, los archivos, el PDF original descargable, los recursos visuales y sus prompts. Si hay publicación autorizada y disponible, sincronizá el código y los recursos, publicá respetando los permisos y audiencia existentes, esperá el resultado final y entregá el enlace real. La publicación solo cuenta como terminada si la versión nueva incluye los recursos y recibe confirmación de éxito. Si un control de seguridad impide publicar, no lo eludas ni afirmes que quedó publicado: dejá los archivos listos e identificá el bloqueo.

Publicá el código, las imágenes y los PDFs dentro del propio Site, sin rutas locales ni dependencia de archivos de esta conversación. Asegurá que el selector y las rutas relativas funcionen también al entrar directamente a cada variante. No presentes un iframe del hosting de otra persona como si fuera una publicación autónoma en Sites. Esperá la confirmación final del despliegue y entregá su URL literal.

Como respaldo entregá dos HTML autónomos (uno por variante), con estilos, código, imágenes y el PDF original incrustados siempre que su tamaño lo permita. Conservá ambos en la misma carpeta para que el selector pueda navegar entre ellos. Debe poder abrirse directamente en un navegador, sin servidor local, cuentas adicionales ni instalación de herramientas. No dejes rutas a imágenes del equipo del creador ni dependencias de archivos temporales. El PDF incrustado debe conservar los bytes originales y seguir siendo descargable. Las tipografías deben tener una alternativa legible si no hay conexión.

Incluí también un ZIP organizado con ambas variantes, estilos, scripts, assets, el PDF o PDFs originales y los prompts de imágenes. Si no es razonable incrustar un recurso voluminoso en el HTML, entregalo en el ZIP y explicá ese límite. Una vista previa local no equivale a una publicación online: distinguí ambos estados.

Antes de terminar, comprobá explícitamente esta lista:

1. Toda la información profesional viene del PDF, sin datos de ejemplo ajenos.
2. Hero directo con foto identificable; giro inverso y centrado con scroll, o limitación de retrato explicada.
3. Tres módulos adicionales con profundidad 3D: trayectoria, casos y capacidades en volumen, con alternativas de lectura.
4. Imágenes originales integradas; portadas que abren el caso correcto.
5. Fondo cinematográfico con imágenes animadas funcionando sin MP4 ni cuentas externas.
6. Movimiento reversible con scroll, pausa y movimiento reducido.
7. Fondos 3D de módulos con carga y render acotados.
8. Juego fácil: dos opciones, etiquetas, pista que revela la respuesta, reintentos sin penalización, final y reinicio.
9. Iconos SVG en toda la interfaz, incluido contenido dinámico.
10. Descarga del PDF original, vista previa, tamaño real y navegación hacia el módulo.
11. Ambas variantes en móvil y escritorio, teclado, contraste y ausencia de botones sin función.
12. Entrega autónoma y paquete de archivos comprobados.
13. Selector superior, preferencia persistente, ocultación y recuperación comprobados.
14. Burgundy y azul aplicados a sus variantes, incluido el fondo de habilidades 3D.
15. Datos estructurados acordes al contenido, canónicas e identificadores verificados, sin duplicar el schema del CMS y con las pruebas realizadas informadas.
16. Publicación en ChatGPT Sites declarada con evidencia: URL de despliegue exitoso o bloqueo concreto; nunca una URL antigua como si incluyera cambios nuevos.

Trabajá de corrido hasta completar lo que permiten las herramientas. No me pidas aprobación para cada decisión habitual de diseño. Preguntá solamente por información imprescindible, gastos externos o permisos que realmente bloqueen una acción.

Al terminar, resumí lo construido, las comprobaciones realizadas y cualquier parte pendiente. Buscá completar el resultado en una ejecución, sin prometer que todas las herramientas o permisos estarán disponibles en cualquier entorno.

Empezá leyendo el PDF adjunto y construí mi web personal a partir de él.

La entrada Cómo convertir tu CV en un portfolio interactivo con ChatGPT: demo y prompt se publicó primero en Ilari & Co..

La IA te entrega diez textos en un minuto. Después abrís el primero: el tono no es el tuyo, una característica está mal y hay una promesa que tu negocio no puede cumplir. Corregís, volvés a pedir y revisás otra vez. El borrador salió rápido. El trabajo todavía no terminó.

Para saber si la IA te ahorra tiempo, medí cuánto tardás en llegar a una pieza usable, no cuánto tarda en aparecer la primera respuesta. Esa diferencia importa si preparás emails, fichas de productos, anuncios o propuestas comerciales.

Qué aporta el reporte de HubSpot

El reporte de HubSpot sobre IA y marketing en LATAM 2026, basado en 1.205 profesionales, indica que el 57% de sus encuestados dedica tiempo significativo a revisar y corregir contenido generado con IA. También señala que el 58% no tiene suficiente contexto del negocio integrado en sus herramientas.

Son respuestas declaradas por participantes del estudio: no describen a todas las empresas argentinas ni prueban que incorporar una herramienta produzca un ahorro. La lectura práctica que proponemos es revisar dónde se va el tiempo dentro de tu propio proceso.

El reloj termina cuando el contenido está aprobado

Tomemos una tarea concreta: preparar un email para presentar un servicio. Antes de medir, definí qué significa terminarlo: oferta correcta, tono de marca, enlace revisado y aprobación de la persona responsable.

Después registrá por separado la preparación, la redacción, la revisión y las correcciones. Si intervienen dos personas, sumá el tiempo de ambas. Anotá aparte las esperas: un borrador rápido puede quedar detenido un día hasta que alguien confirme un dato.

Ejemplo ilustrativo con tiempos inventados para explicar el cálculo. No es un caso de Ilari ni una estimación de lo que va a pasar en tu negocio.

En este ejemplo, la redacción baja de 25 a 3 minutos, pero el ahorro total es de 5 minutos: un 10%. Si miraras solamente el borrador, sobreestimarías la mejora. Y todavía faltaría considerar el costo de la herramienta y la preparación inicial del sistema.

Hacé una comparación que sirva para decidir

Elegí una sola tarea repetida y compará trabajos de dificultad parecida, con el mismo criterio de aprobación. No compares un email corto con una campaña completa ni selecciones únicamente los mejores resultados.

• Guardá una referencia del proceso actual. Registrá cuánto lleva completar varias piezas y qué correcciones necesitan.
• Probá un cambio a la vez. Por ejemplo, sumar una ficha de contexto a la IA. Conservá el resto del proceso para poder interpretar lo observado.
• Contá también los intentos descartados. Si una pieza se rehízo a mano, ese tiempo forma parte de la prueba.
• Separá puesta en marcha y uso habitual. Preparar instrucciones y fuentes lleva tiempo; anotá ese costo inicial y su mantenimiento.
• Revisá calidad y tiempo juntos. Una pieza rápida con errores de producto, enlaces rotos o promesas falsas no cuenta como terminada.

Una muestra pequeña sirve para encontrar problemas y formular una hipótesis. Repetí la comparación antes de convertir un buen resultado aislado en una promesa de ahorro.

Si corregís siempre lo mismo, mejorá la entrada

Cuando cada borrador exige explicar de nuevo el servicio, el público o el tono, conviene preparar una ficha de trabajo reutilizable. Que sea breve, tenga una persona responsable y se actualice cuando cambie la oferta.

• Oferta real: qué incluye el servicio, qué queda afuera y qué información necesita una consulta.
• Cliente y situación: para quién escribís, qué está tratando de resolver y qué duda debería responder la pieza.
• Voz de marca: ejemplos aprobados, voseo y expresiones que conviene evitar.
• Fuentes vigentes: catálogo o documentación validada, con fecha y responsable. Evitá incorporar datos personales innecesarios.
• Límites: no inventar precios, plazos, compatibilidades ni resultados. Cuando falte información, señalarla para revisión.

Tener contexto no elimina la necesidad de verificar. Ayuda a que el trabajo empiece con mejores instrucciones y a distinguir un dato faltante de un problema de redacción.

Tiempo ahorrado y resultado comercial son medidas distintas

Publicar más piezas o trabajar más rápido no demuestra por sí solo que lleguen mejores consultas. Primero comprobá el cambio operativo. Después observá qué pasa con el objetivo comercial de ese contenido.

En un email podés registrar clics hacia el servicio y consultas efectivas como pasos separados. En una landing, visitas, clics al formulario y envíos exitosos tampoco significan lo mismo. Compará períodos y tareas equivalentes, y evitá atribuirle todo cambio a la IA si también cambiaste oferta, inversión o audiencia.

Qué hacer con lo que encontrás

• Menos tiempo y calidad sostenida: ampliá la prueba gradualmente y seguí revisando.
• Borradores rápidos, muchas correcciones: ajustá fuentes, contexto o alcance antes de producir más.
• Errores que afectan al cliente: mantené la aprobación humana y resolvé la causa antes de automatizar la publicación.

Si todavía estás eligiendo por dónde empezar, podés leer nuestra guía sobre cómo elegir una primera automatización. Si ya usás IA, el siguiente paso es observar una tarea completa y decidir qué vale la pena mejorar.

Revisemos un proceso concreto de tu negocio

En Ilari & Co. trabajamos la IA aplicada a negocios junto con la web y la estrategia comercial. Contanos qué tarea estás resolviendo, dónde aparecen las correcciones y qué resultado necesitás. Ese punto de partida permite conversar sobre alcance y medición antes de sumar otra herramienta.

Fuente: informe interactivo de HubSpot, LATAM 2026, consultado el 6 de noviembre de 2026. La versión consultada no muestra un desglose de Argentina ni detalla el muestreo y las fechas de campo. La tabla de tiempos es una simulación; el método y las recomendaciones son una elaboración de Ilari & Co.

La entrada ¿La IA te ahorra tiempo o te lo devuelve en correcciones? se publicó primero en Ilari & Co..

Una persona puede entrar a ChatGPT sin saber qué producto necesita y terminar comparando opciones. Para un negocio, la pregunta útil es qué información podría ayudarla a decidir. Antes de pensar en una campaña, conviene separar tres cosas: acceso al gestor, posibilidad de entrega y resultados comerciales.

Revisión: 5 de noviembre de 2026. Esta es una guía práctica basada en documentación oficial vigente; no un anuncio de lanzamiento ni una afirmación de que Ilari ya opere campañas en este canal.

1. Comprobá la disponibilidad para tu empresa

La lista oficial de Ads Manager incluye a Argentina como disponible para autoservicio. OpenAI indica que la entidad legal que anuncia y recibe la facturación debe estar establecida en un país habilitado. Crear una cuenta y tener acceso al gestor son cosas distintas.

Verificá el país de tu empresa, el estado de la cuenta y las opciones que realmente aparecen habilitadas. No cambies de país para sortear una restricción. La disponibilidad del gestor tampoco prueba que cualquier campaña pueda mostrarse en cualquier ubicación: revisá los destinos permitidos para esa cuenta antes de planificar una inversión.

2. Separá anuncio patrocinado y respuesta orgánica

Según la ayuda oficial sobre anuncios en ChatGPT, los anuncios están identificados y separados de las respuestas. Pagar no permite al anunciante modificar ni ordenar la respuesta del modelo. La publicidad no equivale a una recomendación de OpenAI.

Los anunciantes tampoco reciben los chats privados. La documentación distingue las señales que el sistema utiliza para seleccionar anuncios de los informes agregados que recibe una empresa. No bases una propuesta comercial en la promesa de leer conversaciones de potenciales clientes.

3. Traducí una necesidad en información útil

Ejemplo ilustrativo: alguien quiere buen café en una cocina chica y no quiere usar cápsulas. No es un caso ni un resultado de un cliente. En esa situación, “tenemos cafeteras” aporta poco. Una propuesta pertinente podría explicar el formato compacto, el tipo de café y cómo se usa el producto, siempre que esas características sean reales.

Prepará una ficha breve con la necesidad, la oferta y la evidencia que la sostiene. Para este ejemplo: medidas comprobadas, funcionamiento, mantenimiento y condiciones de compra. No inventes atributos para parecer relevante ni conviertas una preferencia del comprador en una promesa que el producto no cumple.

La documentación del formato publicitario describe título, texto, imagen y página de destino, entre otros elementos. También explica que las pistas de contexto ayudan a orientar la selección, pero no son palabras clave exactas ni garantizan aparición en una conversación determinada.

4. Definí qué resultado vas a medir

Antes de invertir, escribí qué acción vale para tu negocio: una venta confirmada o una consulta comercial enviada correctamente. Un clic, una visita, una suscripción y una consulta son pasos diferentes. No los sumes como si fueran clientes nuevos.

Comprobá que el destino funcione desde el celular y que el recorrido sea claro. Si vendés online, revisá la ficha y la compra; si ofrecés servicios, la explicación y el formulario. Registrá el origen cuando exista evidencia fiable y dejá “origen no determinado” cuando no pueda comprobarse. Tener una etiqueta instalada no demuestra que una conversión haya llegado a la plataforma.

Una revisión concreta antes de empezar

Elegí un solo producto o servicio. Anotá una duda real de compra, prepará un mensaje verificable y abrí su destino desde el teléfono. Pedile a alguien de tu equipo que busque el dato que necesita para decidir. Corregí lo que no encuentre y definí cómo vas a comprobar el resultado comercial. Esta preparación mejora la claridad; no garantiza ventas ni vuelve rentable una campaña por sí sola.

Si querés ordenar ese recorrido, conocé nuestro trabajo en ecommerce y posicionamiento en Google e IA. Para conversar sobre tu situación, contanos qué vendés, a quién y qué querés mejorar. También podés leer cómo mantener la coherencia entre anuncio y página de destino.

La entrada ChatGPT Ads en Argentina: qué verificar antes de anunciarte se publicó primero en Ilari & Co..

Tu cliente mira el horario en Google, organiza su viaje y llega a una persiana cerrada. El problema puede ser una excepción que nadie actualizó: un feriado, una jornada reducida o un evento. Esta guía te ayuda a revisar esa información antes de que alguien dependa de ella.

Separá la rutina de la excepción

El horario habitual describe una semana normal. Para una fecha puntual, Google permite cargar horarios especiales sin reemplazar esa rutina. Su ayuda los contempla para cambios breves y cierres de hasta seis días consecutivos. También recomienda confirmar los feriados aunque atiendas como siempre. Consultá la guía oficial de horarios especiales.

Cómo cargar una fecha especial

Entrá con una cuenta que ya administre el perfil correcto. Buscá Editar perfil → Horario → Horarios especiales, elegí la fecha y completá la apertura y el cierre, o marcá que ese día no abrís. Guardá. Después comprobá la información visible para el público; guardar una edición y verla publicada son verificaciones distintas.

Un ejemplo para revisar con tu equipo

Ejemplo ilustrativo: una librería abre normalmente de 9 a 18, pero un día atenderá de 9 a 13. Anotar “hasta las 13” en una historia ayuda a quien la ve; no corrige por sí solo el dato que otra persona consulta en Google. La tarea es registrar esa excepción donde el cliente busca y comprobar que coincida con lo que encontrará al llegar.

Prepará una ficha interna sencilla: fecha, atención al público, retiro de pedidos y persona responsable de revisar. Si atendés en más de un local, identificá cada sucursal. No copies automáticamente el mismo horario si trabajan distinto.

Comprobá el recorrido, no solo un campo

Desde el celular, buscá el nombre de tu negocio y revisá la fecha afectada. Contrastá el perfil con el horario que publicaste en tu web y con las condiciones del retiro, si lo ofrecés. Un comprador puede leer “abierto” y entender que podrá retirar un pedido: aclarar esa diferencia evita una expectativa que tu equipo no puede cumplir.

Guardá una captura de la revisión y dejá un responsable para la próxima excepción. Si una edición sigue pendiente, registrá ese estado y consultá la ayuda de Google; no des por resuelto el dato ni abras perfiles duplicados.

Qué mirar después

Anotá las consultas reales sobre horarios y los incidentes que te informe tu equipo, sin publicar datos personales. Compará períodos equivalentes y tené en cuenta feriados y cambios de actividad. Corregir información es una mejora de claridad: por sí sola no demuestra más ventas ni una mejor posición en Google.

Ordená la información que encuentra tu próximo cliente

Si tu presencia en Google y tu web cuentan cosas distintas, podemos conversar sobre cómo ordenar ese recorrido. Conocé nuestro enfoque de posicionamiento en Google e IA o contanos qué negocio tenés y qué información necesitás revisar.

También podés empezar por el autodiagnóstico gratuito. Es un panorama orientativo basado en tus respuestas, no una garantía de resultados.

La entrada Horarios especiales en Google: evitá visitas cuando tu local está cerrado se publicó primero en Ilari & Co..

Un perchero digital permite explorar las prendas como si estuvieran colgadas: pasás el mouse, elegís una y abrís sus detalles. En el celular, deslizás y tocás. Con ChatGPT podemos construir una demo de esa experiencia a partir de la dirección de una tienda.

En Ilari & Co desarrollamos una muestra y reunimos las instrucciones en un prompt reutilizable. Más abajo lo encontrás completo para copiar y pegar: reemplazás la URL inicial por la de tu tienda y la IA tiene que buscar la identidad de marca, las fichas y las imágenes disponibles.

Probá el perchero de muestra

Abrir la demo del perchero de Ilari & Co. Recorré las prendas y abrí una ficha para probar el cambio de vista y el enlace al producto. Es una muestra funcional con productos de una tienda real, no un carrito integrado.

Qué le pide este prompt a la IA

El objetivo es obtener ocho prendas del catálogo, el logo real y los colores principales de la marca. Cada ficha conserva nombre, precio, fotografías y el enlace específico del producto. El botón dice “Ver producto en la tienda” y debe abrir esa prenda concreta.

Para elegir las prendas, la IA debe usar las señales de popularidad que la tienda haga públicas. Si no hay un ranking de más vendidos, puede recurrir a destacados y explicar el criterio. El orden de una página no demuestra por sí solo cuáles son los productos más vendidos.

Las fotos se recrean con IA como una única imagen transparente de la prenda ya vestida en una percha realista: la madera sostiene los hombros desde dentro y la tela cae por su peso. Para pantalones y shorts se usan pinzas sujetando la cintura. Si la foto muestra una persona, se elimina a la persona. Después se revisan color, estampado, logotipos y forma contra la fuente. El giro combina la vista frontal con dos recreaciones en tres cuartos, una hacia cada lado. La transición usa la vista correspondiente al sentido del recorrido, con el gancho como punto de apoyo, un ajuste gradual y limitado de contornos y un movimiento que conserva su velocidad al cambiar de dirección. Las imágenes del perchero se entregan en WebP liviano; las fotos de detalle y de espalda se cargan cuando se necesitan. Es una presentación con profundidad simulada; no equivale a un modelo 3D completo ni a fotografías adicionales verificadas del producto.

Dónde pegarlo y qué cuenta necesitás

Para seguir el procedimiento documentado, hacelo desde una computadora. En la web de ChatGPT, seleccioná Work, abrí un chat nuevo y pegá el prompt desde @Sites hasta el final. En la aplicación de escritorio también podés trabajar desde Work o Codex. Si aparece el selector de herramientas al escribir @Sites, elegí Sites.

Según la ayuda oficial de OpenAI, Sites está disponible en Plus, Pro, Business y Enterprise, según los permisos de la cuenta. El precio base de Plus es US$20 mensuales; consultá la página oficial de planes para verificar el importe y las condiciones vigentes. La generación, las correcciones y el alojamiento tienen sus propios límites o condiciones. Datos consultados el 3 de noviembre de 2026.

La documentación consultada confirma la creación y publicación desde la web y la aplicación de escritorio. No contamos con confirmación del mismo recorrido completo en la app móvil. El perchero terminado sí debe funcionar en teléfonos.

Copiá el prompt y cambiá solamente la URL

Seleccioná y copiá todo el bloque siguiente. Pegalo en un chat nuevo de Work y reemplazá “[PEGAR AQUÍ LA URL DE LA TIENDA]” por la dirección de tu tienda. No hace falta adjuntar el logo ni elegir manualmente los productos.

@Sites

TIENDA: [PEGAR AQUÍ LA URL DE LA TIENDA]

Creá y publicá una página web funcional con un perchero interactivo de ocho prendas reales de esta tienda. Ejecutá el trabajo completo: investigar, obtener recursos, preparar imágenes, programar, revisar y publicar. La única información que debo aportar es la URL anterior. No me pidas que adjunte el logo, elija productos, descargue fotos ni edite código. Resolvé las decisiones habituales por tu cuenta usando estas instrucciones. Continuá trabajando hasta terminar, sin pedirme que confirme pasos rutinarios. Antes de empezar, comprobá qué herramientas de navegación, generación de imágenes y publicación tenés realmente disponibles; no supongas que el texto del prompt habilita funciones de la cuenta.

REFERENCIA VISUAL OBLIGATORIA: https://miwok-perchero-interactivo.cilari.chatgpt.site/
Abrí esa demo y observá la composición del perchero y el movimiento antes de diseñar. Usala solo como referencia de presentación: el logo, la paleta, las prendas, precios y enlaces de la nueva página se obtienen exclusivamente de la TIENDA indicada arriba. Si no podés abrir la referencia, seguí las especificaciones visuales de los puntos 4 y 5 e informá esa limitación. No reemplaces esas especificaciones por un diseño libre.

1. Investigá la tienda y extraé su identidad.

Buscá automáticamente su nombre comercial, logo real y colores principales en la cabecera, las imágenes, los estilos y los datos públicos del sitio. Aplicá esa identidad a toda la página: encabezado, pie, botones, controles, título de la pestaña, metadatos y textos accesibles. Respetá el logo original. Si no hay un logo accesible y utilizable, mostrá el nombre comercial en texto. No dejes marcas, nombres, colores ni direcciones de otra demo. Usá la paleta de la tienda con contraste legible; las fotografías de las prendas deben conservar sus colores originales.

2. Seleccioná ocho productos y extraé sus fichas.

Priorizá el ranking público de más vendidos o las señales explícitas de popularidad de la propia tienda. Si no existen, usá sus productos destacados; si tampoco existen, elegí ocho prendas representativas y explicá brevemente ese criterio al entregar. No inventes popularidad, ventas ni productos. Evitá duplicar variantes de una misma prenda. Si hay menos de ocho productos accesibles, usá los disponibles e informalo.

De cada ficha obtené nombre, precio vigente con moneda, descripción breve, URL específica e imágenes disponibles de frente y espalda. Respetá las variantes y asociá el precio a la prenda mostrada. No inventes precios, descuentos, stock, talles ni vistas faltantes. Conservá las fuentes y la fecha de consulta. Organizá los datos en una única colección de productos con un identificador estable por prenda; cada imagen, precio y botón deben tomar sus datos del mismo registro. Usá datos estructurados, catálogos públicos o navegación según lo que permita el sitio, sin asumir una plataforma determinada.

3. Prepará las prendas con IA.

Usá las fotografías reales como referencia para limpiar o recrear cada prenda ya colgada físicamente de su percha, con volumen visual realista y fondo transparente. Generá prenda y percha juntas en un único archivo de imagen: la percha forma parte de la fotografía generada. Si aparece una persona, eliminá a la persona y reconstruí únicamente la prenda. Preservá su forma, color, textura, estampado, logotipos, costuras y proporciones. No cambies el diseño ni agregues detalles imaginados. No generes una espalda que la tienda no muestre.

Exportá imágenes con transparencia real, bordes limpios y sin halos, sombras de fondo, restos de piel, maniquíes o rectángulos visibles. Recortá los márgenes transparentes y compará cada resultado con la fotografía original. Corregí las diferencias antes de utilizarlo.

4. Construí solamente el módulo del perchero.

La página debe centrarse en un barral con las ocho prendas colgadas, con diseño limpio y espacio suficiente. No agregues banners, un catálogo en cuadrícula ni secciones ajenas al módulo. Mostrá nombre y precio de la prenda seleccionada.

Fijá esta composición: cabecera discreta con logo, título e instrucciones centrados, barral horizontal fino sin patas ni estructura de perchero de piso, una sola hilera de prendas y, debajo, nombre, precio y controles centrados. En PC, el barral ocupa aproximadamente el 80–86 % del ancho útil; las prendas con su percha tienen entre 180 y 285 px de alto según su tipo, dentro de una escena de aproximadamente 380–440 px de alto. El título no debe dominar la pantalla ni desplazar el perchero hacia abajo.

Estado inicial y reposo: una única prenda seleccionada se ve de frente; las otras siete se ven de perfil mediante un giro aproximado de 65–72 grados alrededor del eje vertical. No muestres las ocho prendas de frente como una fila de fotos planas. Al recorrerlas, interpolá suavemente entre perfil y frente, manteniendo el gancho como punto de suspensión. La seleccionada toma protagonismo y las vecinas ceden espacio. No ensanches ni aplastes los cuerpos de las prendas para acomodar la hilera.

En móvil, mantené un ancho de escena suficiente para conservar proporciones y habilitá desplazamiento horizontal; no comprimas ocho prendas dentro del ancho del teléfono. Centrá la selección al usar las flechas, incluida la primera y la última prenda. Dejá espacio desplazable a ambos extremos para que no queden cortadas. Usá el mismo estado de selección para imagen, nombre, precio y apertura de ficha, y estabilizá el toque durante el desplazamiento.

En PC, al pasar el mouse por las prendas, la seleccionada gira suavemente hacia el frente y las vecinas se apartan para dejarla ver. Al hacer clic, se abre su ficha. En móvil, permití deslizar horizontalmente y tocar para abrir. Incluí controles anterior/siguiente y funcionamiento con teclado, foco visible, cierre con Escape y respeto por movimiento reducido. Evitá que el desplazamiento o los cambios de posición abran una prenda distinta de la tocada.

Prepará tres estados visuales coherentes para el perchero: frente, tres cuartos hacia la izquierda y tres cuartos hacia la derecha. Las dos vistas intermedias deben generarse por separado con IA a partir de la misma prenda con su percha integrada, con un giro de cámara aproximado de 45 grados: hombro cercano con profundidad, hombro lejano que retrocede, mangas, cuello, cintura y caída de tela que cambian de perspectiva. No obtengas esos estados aplastando horizontalmente la foto frontal ni espejando una sola imagen: los logos, cierres y asimetrías deben conservar su orientación. Son recreaciones para la animación, no fotografías adicionales verificadas ni un modelo 3D completo. No inventes detalles comerciales o una espalda que no exista en las fuentes.

Al recorrer hacia uno u otro lado, usá la vista intermedia correspondiente. Mantené el gancho en un mismo punto de suspensión, la misma altura física del conjunto y una escala coherente; alineá por el gancho, no por el centro variable del contorno. Combiná esas imágenes con perspectiva moderada, profundidad y sombras suaves. Evitá que toda la sensación de giro dependa de estrechar y ensanchar una lámina frontal.

Usá una transición continua entre tres cuartos y frente, con aceleración y frenado suaves. Conservá la velocidad y la posición actuales al invertir el recorrido: no reinicies el giro desde un extremo ni hagas una pausa artificial de frente. Alineá los contornos de las vistas de forma gradual y limitada, comprobando mangas, capuchas y dobladillos para evitar deformaciones. Precargá y decodificá las imágenes antes de iniciar el giro. Usá una mezcla breve solo si no produce doble silueta, dos perchas, pérdida de nitidez ni saltos de tamaño o del gancho. Si el fundido no queda bien, reducí su duración o ajustá la correspondencia de las vistas antes de entregar. No alargues una transición defectuosa para disimularla. Respetá movimiento reducido. Revisá ambas direcciones y cambios rápidos con mouse, flechas y deslizamiento móvil.

5. Generá la percha dentro de la prenda, como una fotografía real.

Este requisito reemplaza cualquier solución de perchas dibujadas o superpuestas en la página. Usá IA para generar cada prenda YA VESTIDA EN SU PERCHA: ambos elementos deben formar una única imagen transparente con apariencia fotográfica. La página solamente coloca y anima ese conjunto. No generes la forma de la prenda ni la percha dibujándolas con HTML, CSS o SVG, ni agregues después un gancho separado. Canvas o WebGL pueden animar las fotografías como texturas, conservando la imagen completa con su percha integrada; deben tener una alternativa con imágenes si el dispositivo no los admite.

La percha sostiene físicamente los hombros desde el interior. El cuello de la prenda rodea la percha: parte de la tela pasa por delante de la madera y parte por detrás, con oclusiones y sombras de contacto realistas. Las mangas y el cuerpo caen por gravedad desde los puntos de apoyo. No conserves una pose de maniquí invisible agregándole un gancho detrás.

En camperas con capucha, acomodá la capucha con una caída natural detrás del cuello y sobre la espalda cuando sea necesario para mostrar la suspensión real. El gancho sale del cuello desde la percha interior; nunca debe perforar la parte superior de la capucha. Cambiá únicamente la pose y caída necesarias para colgarla, conservando diseño, color, cierres, bolsillos y marca del producto.

En prendas de breteles, estos se apoyan sobre los hombros de la percha; mostrala únicamente donde corresponda en las aberturas. En pantalones y shorts, generá la percha con pinzas sujetando la cintura, con contacto real y caída de la tela. Usá perchas del mismo estilo y ganchos cortos proporcionados en todo el conjunto.

Exportá cada vista como PNG o WebP con transparencia real. Revisá los bordes sobre fondo claro y oscuro; no deben quedar halos ni contornos verdes o rojos. Conservá la transparencia del metal fino: no apliques un umbral global que borre el gancho. Alineá el gancho de cada imagen con el barral y hacé girar la imagen entera alrededor de ese punto. No dibujes otra percha ni otro gancho en el perchero o la ficha. Si hay frente y espalda reales, prepará ambas con la misma percha y anclaje coherente, sin inventar vistas faltantes. Usá la vista de frente aprobada como referencia adicional para la espalda, conservando tamaño, material, orientación del gancho y puntos de sujeción. Antes de generar todo el catálogo, resolvé una campera y una prenda con pinzas cuando esas categorías existan; revisalas por tu cuenta y usalas como patrón visual para las demás.

Para cada generación, pasá la fotografía original como referencia principal y una imagen ya resuelta como referencia de montaje. Indicá expresamente que la segunda referencia solo aporta el estilo de la percha y la caída: no debe copiar su prenda, color ni marca. Describí la vista solicitada y los detalles que deben conservarse. Si una imagen altera un logo, costura, estampado o color, corregila usando la fuente original antes de incorporarla. No sustituyas una generación pendiente por una percha de código. Guardá los archivos definitivos dentro del proyecto, con nombres claros y referencias estables; el sitio publicado debe incluir todos los recursos y cargar por HTTPS.

Optimizá la carga antes de publicar. Conservá los originales y prepará archivos WebP con transparencia real, recortados y alineados previamente por el gancho. Para el perchero, usá resolución suficiente para el tamaño visible y pantallas de alta densidad, sin descargar las imágenes maestras completas. Generá versiones de más resolución para la ficha y cargalas solo al abrirla; la espalda se descarga al solicitarla. Priorizá la primera prenda y las imágenes visibles, precargá las vistas necesarias para el giro con concurrencia limitada y reutilizá las descargas decodificadas. Evitá recortar, recorrer millones de píxeles y convertir todas las fotos a PNG/base64 al arrancar la página. Fijá dimensiones para evitar saltos de diseño y revisá bordes, texto y color después de comprimir. Medí los bytes del conjunto que necesita el perchero y reportá cualquier ahorro real sin confundir reducción de peso con una garantía de tiempo de carga.

6. Completá las fichas y sus enlaces.

Al abrir una prenda, mostrala ampliada, con nombre, precio, descripción breve y cierre claro. Permití alternar frente/espalda solamente cuando ambas imágenes existan. Incluí el botón con este texto exacto: «Ver producto en la tienda». Debe abrir la URL de esa prenda concreta obtenida de su ficha original. Cada producto tiene su propio destino. No simules carrito, disponibilidad ni sincronización continua del catálogo.

7. Revisá y publicá.

Comprobá visualmente el resultado en PC y móvil, con atención a camperas, perchas, transparencia, colores, recortes, legibilidad y ausencia de marcas ajenas. Probá selección con mouse, deslizamiento, toque, teclado, apertura, cierre, cambio de vista y correspondencia de cada enlace y precio. Corregí los defectos encontrados antes de entregar; no delegues esa revisión en mí.

Compará la vista completa contra la referencia visual: debe conservar su composición, predominio de prendas de perfil y protagonismo de una única selección. Comprobá al menos una prenda de hombros, una de breteles, un pantalón y una capucha cuando existan entre los productos. No apruebes una versión con todas las prendas de frente, ganchos excesivamente largos, madera apoyada por encima del cuello, un gancho atravesando la capucha, perchas flotantes o elementos duplicados. Una vista provisoria durante la construcción no cuenta como entrega validada. Revisá individualmente las ocho fichas y todas las vistas disponibles, no solo una muestra. Comprobá que todas las fotos carguen, que el botón de espalda esté deshabilitado u oculto si falta esa vista, que no haya errores de JavaScript y que ninguna imagen o enlace dependa de archivos locales. En móvil verificá el centrado de los extremos, la ausencia de desplazamiento lateral de toda la página y que deslizar no abra una ficha accidentalmente.

Publicá automáticamente la página en ChatGPT mediante Sites o la función de publicación disponible y configurá acceso público para compartirla sin invitación. Esta solicitud incluye autorización para publicar la página con los recursos públicos de la tienda. Usá un nombre de publicación relacionado con esa tienda. Confirmá que la publicación terminó y que el enlace es público.

Si el entorno no permite navegar, preparar imágenes o publicar, explicá exactamente qué capacidad falta y completá las partes posibles. No afirmes que generaste imágenes, verificaste vistas o publicaste un sitio si no lo hiciste. No entregues localhost ni una vista previa privada como enlace público.

Al terminar, entregá el enlace público y un resumen breve del resultado, el criterio de selección de productos y cualquier limitación real pendiente. No te detengas en una propuesta o en código de ejemplo: entregá la página funcionando y publicada cuando las herramientas lo permitan.

Qué revisar antes de compartir el enlace

Prestá especial atención a las prendas recreadas: una imagen atractiva puede haber modificado una costura, un estampado o una marca. También comprobá que la percha quede dentro de la prenda. En camperas, la capucha debe caer naturalmente detrás del cuello; el gancho no puede atravesar la tela. La percha y la prenda se generan juntas, sin sumar un gancho dibujado en la página.

Probá la selección y las fichas desde PC y celular. Revisá que cada botón abra el producto correcto y que el precio corresponda a lo mostrado. El catálogo extraído es una instantánea: no equivale a sincronización continua de precios o stock.

Como referencia de planificación, reservá entre 30 y 60 minutos para ocho prendas; las correcciones de imágenes, el acceso a la tienda o los límites de uso pueden llevarlo a más de una hora. Es una estimación de trabajo, no un tiempo medido ni garantizado. Tampoco se probó este prompt en todas las plataformas y tiendas.

Si la cuenta no tiene las herramientas necesarias, un prompt no puede habilitarlas. El texto pide que la IA indique la limitación y evite presentar una vista privada o un archivo local como una página publicada.

De la demo a tu tienda

Este recurso sirve para explorar una forma de mostrar tus productos. Integrarlo dentro de WooCommerce, Tiendanube u otra plataforma requiere revisar las posibilidades reales de esa tienda. Si querés llevar la idea a tu ecommerce, conocé nuestro trabajo en tiendas online o contanos qué experiencia querés construir.

La entrada Cómo crear un perchero interactivo con ChatGPT: prompt para tu tienda se publicó primero en Ilari & Co..

Un cliente entra a tu tienda, busca algo que vendés y recibe “sin resultados”. El producto puede estar publicado y tener stock. La pregunta es si el buscador lo encuentra con las palabras que usa esa persona.

Esta guía propone una prueba concreta para revisar ese recorrido desde el celular. Hablamos del buscador dentro de tu tienda: aparecer en Google o en Shopping es un problema diferente.

1. Buscá como alguien que no conoce tu catálogo

Elegí un producto que puedas comprar en ese momento. Anotá su nombre en la ficha y probá otra forma habitual de pedirlo. Ejemplo ilustrativo: una campera publicada como “chaqueta”. Las dos palabras pueden referirse al mismo tipo de prenda, pero tu buscador podría no relacionarlas.

Probá también una característica real, como el material, y un código de producto si tus compradores lo utilizan. Guardá en una tabla la frase, el resultado esperado, lo que apareció y la fecha. No hace falta probar cientos de combinaciones: empezá por dudas y palabras que efectivamente aparecen en la atención del negocio.

2. Separá un problema de nombres de uno de visibilidad

Si el producto aparece al escribir su nombre exacto, pero no con una palabra equivalente, revisá qué campos consulta tu buscador y si permite definir sinónimos. El comportamiento depende de la plataforma, el tema y la herramienta de búsqueda instalada. Agregar una palabra a la descripción no garantiza que el buscador la utilice.

Si ni siquiera aparece con el nombre exacto, comprobá primero si está publicado, visible para ese visitante y disponible según las reglas de la tienda. Después revisá filtros activos, variantes y restricciones del catálogo. Si usás un índice de búsqueda separado, verificá que esté actualizado. Antes de tocar configuraciones, registrá el estado y el resultado de la prueba.

3. Hacé que “sin resultados” tenga una salida útil

Conservá la búsqueda escrita para que se pueda editar. Si hay filtros, mostralos y ofrecé quitarlos. Sumá una categoría relacionada cuando tenga sentido. No presentes productos aleatorios como si respondieran a lo que la persona pidió.

Un mensaje puede ser breve: “No encontramos resultados para esta búsqueda. Probá otra palabra o revisá los filtros”. La ayuda tiene que corresponder con controles que realmente funcionen. Si ofrecés contacto, indicá para qué: por ejemplo, consultar por un producto que no encuentran.

4. Revisá el recorrido completo desde el celular

Abrí la tienda como visitante. Buscá el producto, entrá a su ficha y verificá que puedas elegir la variante correcta. Prestá atención a la visibilidad del campo, al teclado, a los filtros y a los mensajes. Un resultado presente pero difícil de identificar también merece una revisión.

Registrá el dispositivo y el tamaño real de pantalla usado. Después de un cambio, repetí las mismas búsquedas: te permite comprobar si resolviste el problema puntual y si afectaste resultados que antes funcionaban. No cambies nombres, filtros y herramienta al mismo tiempo si querés entender qué produjo la diferencia.

5. Medí búsquedas y compras como pasos distintos

Si tu tienda registra búsquedas internas de forma fiable, revisá frases sin resultados y visitas a fichas después de buscar. Excluí datos personales y pruebas internas. Si esa medición no existe, no inventes una tasa: empezá por una lista de pruebas observadas y documentá la limitación.

Encontrar un producto no acredita una compra. Compará búsquedas, visitas a productos, carritos y compras solo cuando tengas datos compatibles de la misma ventana. Con poco volumen, una mejora funcional comprobada es evidencia más clara que atribuirle ventas a una fluctuación.

Una prueba para hacer hoy

Elegí un producto, buscá su nombre y una forma alternativa de pedirlo. Si los resultados difieren, anotá qué pasó antes de decidir la solución. Si necesitás revisar ese recorrido, conocé nuestro trabajo en ecommerce o contanos qué buscaste y qué apareció.

Si el problema ocurre fuera de tu tienda, consultá la guía sobre productos de WooCommerce que no aparecen en Google Shopping. Son revisiones distintas y conviene diagnosticarlas por separado.

Fuentes de referencia: las investigaciones de Baymard sobre formas de buscar productos (actualizada el 29/4/2026) y páginas sin resultados (actualizada el 18/2/2025). Esta es una guía práctica vigente, no una noticia ni un caso de resultados de Ilari & Co.

La entrada El buscador de tu tienda no encuentra un producto: qué revisar se publicó primero en Ilari & Co..

Si te sentás a publicar y no sabés qué decir, empezá por las dudas que aparecen antes de una compra. Una pregunta concreta puede ayudarte a explicar tu producto o servicio con algo más útil que otra publicación de “conocenos”.

La propuesta es simple: elegí una duda, respondela con un ejemplo y ofrecé un siguiente paso. No hace falta convertir cada consulta en contenido ni publicar conversaciones privadas. Hace falta entender qué le cuesta decidir a tu posible cliente.

1. Anotá la pregunta, sin exponer a quien la hizo

Revisá las preguntas que recibís por los canales que administrás y para los que tenés autorización. Guardá el tema, sin nombres, teléfonos ni capturas de mensajes. También podés consultar a quienes atienden: ¿qué necesitan explicar seguido antes de cerrar un pedido?

Separá dudas sobre elección, uso y contratación. “¿Cuál me sirve?”, “¿cómo se usa?” y “¿qué tengo que preparar?” requieren respuestas distintas. No presupongas una gran demanda porque una persona preguntó una vez: registrá la repetición real y la importancia de resolverla.

2. Buscá la decisión que hay detrás

Una pregunta no siempre pide más información. A veces pide ayuda para comparar opciones. Si alguien pregunta qué archivo necesita una imprenta, la decisión pendiente es cómo preparar un original que se pueda producir. Explicar ese paso resulta más concreto que enumerar todas las máquinas del taller.

Priorizá preguntas relacionadas con lo que realmente vendés, que puedas responder con precisión y mostrar sin revelar información confidencial. Si la respuesta depende de una evaluación, explicá de qué depende; no inventes un precio o una solución universal.

3. Convertí la respuesta en una demostración

Ejemplo ilustrativo, no caso de cliente: un taller de impresión recibe la duda “¿te mando una captura del logo?”. Puede mostrar, con archivos propios de prueba, cómo se ve una captura ampliada y cómo se ve un original adecuado al trabajo. El contenido explica qué archivo pedir, por qué y cómo consultar si no lo tienen.

El ejemplo tiene una pregunta, un contraste visible y una acción. Podés adaptar ese esquema a tu negocio: una demostración de uso, una lista de datos para cotizar o una comparación de opciones con condiciones claras. Usá material propio o autorizado y marcá las maquetas como ejemplos.

4. Elegí el formato según lo que necesitás mostrar

Carrusel: cuando hay pasos que conviene leer y guardar. Video: cuando un cambio, uso o comparación se entiende mejor en movimiento. Guía en tu web: cuando necesitás desarrollar condiciones, ejemplos y enlaces. No alargues una respuesta sencilla para llenar placas ni repitas el mismo mensaje en todos los formatos.

Una misma pregunta puede tener una explicación breve en redes y una guía más completa en la web. La adaptación debe aportar algo: en redes, mostrar la decisión; en la guía, resolver los detalles. Si ya tenés una nota que responde la misma intención, mejorala antes de crear otra que compita con ella.

5. Cerrá con un paso que tenga sentido

Después de resolver la duda, indicá qué puede hacer la persona: revisar una ficha, preparar la información para una consulta o conocer el servicio relacionado. Evitá pedir que comente una palabra para recibir un recurso que no existe. Y no confundas un “me gusta” con una oportunidad comercial.

Si la pregunta es sobre cómo explicar un servicio, también puede servirte nuestra guía para mostrar pruebas reales en tu web. Si querés trabajar los contenidos que acompañan la decisión de compra, contanos qué vendés y qué dudas recibís.

Qué observar después de publicar

Registrá la pregunta elegida, el formato, la fecha y el siguiente paso propuesto. Mirá guardados, compartidos y visitas al perfil cuando estén disponibles; en la web, revisá si hay visitas pertinentes y recorridos hacia el contacto. Anotá también si aparecen consultas más específicas. Son señales diferentes y no prueban, por sí solas, una venta.

Compará piezas de antigüedad similar y cambiá una variable por vez. Con pocas visitas, usá los datos como observaciones, no como una tasa estable ni una garantía. El objetivo es ayudar a un posible comprador a avanzar con más claridad.

Como criterio general, Google recomienda crear contenido útil para una audiencia concreta. Este método es una propuesta editorial práctica; no garantiza alcance, seguidores ni posiciones.

Para empezar hoy: anotá tres preguntas reales, elegí una que influya en la decisión de compra y dibujá el ejemplo que usarías para responderla. Si necesitás ordenar esa comunicación, conversemos sobre tu negocio.

La entrada Cómo crear contenido con las preguntas de tus clientes se publicó primero en Ilari & Co..