Con IA puedes tener la web de tu farmacia montada en un fin de semana. El problema no es construirla: es que la IA escribirá encantada cosas que no puedes publicar, no te avisará, y quien firma la web eres tú.
Por qué esto no es un detalle
Pídele a cualquier modelo una ficha de producto para un complemento de vitamina C y te devolverá algo con «refuerza tus defensas» y «previene los resfriados». Suena bien, vende, y es una declaración de propiedades saludables no autorizada. El modelo no sabe que eso es ilegal porque ha leído mil webs que lo dicen — y casi todas están mal.
La diferencia entre lo que se puede y lo que no no es el tema: es la redacción exacta que figura en el registro de declaraciones autorizadas de la UE. «Refuerza las defensas» no está. «Contribuye al funcionamiento normal del sistema inmunitario» sí lo está, para nutrientes concretos y en condiciones concretas. Un modelo no distingue esas dos frases; un inspector, sí.
| Esto sí se lo pides a la IA | Esto lo decide la norma |
|---|---|
| La estructura de la web y los textos de relleno | Qué puedes afirmar de un producto |
| Redactar el «quiénes somos» y los horarios | Si puedes vender medicamentos online |
| El código, el CSS, el formulario de contacto | Qué logotipo tienes que mostrar y dónde |
| Traducir tu web a otro idioma | Qué datos identificativos son obligatorios |
| Ideas de contenido y calendario editorial | De qué medicamentos no puedes hablar al público |
Qué te obliga, según lo que quieras hacer
No es lo mismo una web que informa que una que vende medicamentos sin receta. Marca lo que vas a hacer y mira qué te cae encima:
Auditor de obligaciones
Revisa lo que la IA te ha escrito
Pega abajo el texto que vas a publicar —una ficha de producto, un post, la home—. Se revisa en tu navegador: no se envía a ningún sitio.
Revisor de afirmaciones
Cómo montarla de verdad
- Decide primero qué va a hacer —informar, vender parafarmacia, vender medicamentos sin receta—. Cambia las obligaciones, el coste y el plazo.
- Pídele a la IA la estructura y el código, no las afirmaciones. Es buenísima con lo primero.
- Escribe tú las fichas de producto, o exígele que use sólo declaraciones del registro autorizado y compruébalas una a una. Es más rápido lo primero.
- Pasa el revisor antes de publicar cada texto.
- Enséñaselo a tu COF antes de que esté en Google. Los colegios tienen normas de publicidad propias, y es mucho más barato preguntar antes.
Las seis páginas que hacen el trabajo
Una web de farmacia no necesita treinta páginas. Necesita seis, bien hechas — y hay una que trae más visitas que las otras cinco juntas. Antes de pedirle nada a una IA conviene saber qué se está construyendo.
| Página | Para quién es | Lo que NO puede faltar |
|---|---|---|
| Inicio | Quien te busca por el nombre | Horario de hoy, teléfono pulsable y dónde estás. En la primera pantalla |
| Horario y cómo llegar | La que más se visita, con diferencia | Festivos, guardias y aparcamiento. Es lo que la gente busca a las 21:40 |
| Servicios | Quien no sabe que los ofreces | Una página por servicio, no una lista. Cada servicio es una búsqueda distinta |
| Quiénes somos | Quien duda si fiarse | Nombre del titular, número de colegiado y caras. Es una farmacia, no una tienda |
| Contacto | Quien ya decidió | Teléfono, WhatsApp si lo atiendes de verdad, y un formulario |
| Aviso legal y privacidad | Obligatorio | No es opcional ni decorativo. Tiene contenido mínimo exigido por ley |
De cero a publicada: los pasos técnicos, uno a uno
Todo lo anterior es qué construir y qué no se puede decir. Esto es cómo se construye de verdad, con el stack real —no el de un solo fichero arrastrado a un servicio gratuito, que es otra forma válida y más simple, pero otro caso— y con los prompts literales para las dos primeras páginas.
-
Tu cuenta de GitHub, si no la tienes
Entra en github.com y pulsa Sign up. Pide un correo, una contraseña y un nombre de usuario — ese nombre va a formar parte de la dirección de tu repositorio, así que elige algo simple y sin espacios. Confirma el correo que te llega y ya está: es gratis, y la cuenta gratuita da de sobra para esto, repositorios privados incluidos.
-
Crea el repositorio
Desde la página principal, pulsa el botón verde New (o el + de arriba a la derecha → New repository). Dale un nombre —por ejemplo
farmacia-tu-farmacia—, márcalo como Private y activa Add a README file. Pulsa Create repository. Ya existe el sitio donde va a vivir tu web —vacío todavía, pero ya existe—; el porqué de cada uno de esos tres detalles está explicado en Montar el stack, aquí vamos directos al grano. -
Abre un agente de IA sobre ese repositorio
La forma más sencilla, sin instalar nada, es claude.ai/code: entra con tu cuenta, conecta tu cuenta de GitHub la primera vez que te lo pida, y elige el repositorio que acabas de crear. Se abre un espacio de trabajo con ese proyecto delante del agente — igual que si lo tuvieras en tu propio ordenador, pero sin terminal ni instalación. Si prefieres trabajar con Claude Code o Codex instalados en tu equipo, el resto de los pasos es idéntico: la diferencia está sólo aquí.
-
El primer prompt: la página de inicio
Éste es el prompt entero, con tus datos en el lugar de los huecos resaltados. Sigue el mismo molde de la lección anterior —qué, dónde, cómo se comprueba y qué no toca—, porque «móntame la web de mi farmacia» a secas es exactamente el encargo que Programar con Claude Code o Codex señala como el que peor sale.
Crea la pagina de INICIO de la web de mi farmacia. Un fichero index.html en la raiz del repositorio, con su CSS en un fichero aparte assets/style.css enlazado desde el HTML. Sin frameworks ni librerias. DATOS (si falta alguno, deja [PENDIENTE] en su lugar; no te lo inventes) - Nombre de la farmacia: Farmacia ... - Ciudad o barrio: ... - Horario de hoy: ... - Telefono: ... - Direccion, con el enlace de Google Maps de tu ficha: ... QUE TIENE QUE LLEVAR, EN ESTE ORDEN Y SIN SCROLL EN LA PRIMERA PANTALLA - Nombre de la farmacia, horario de HOY y telefono, arriba del todo. - Una frase de que servicios ofreceis. - La direccion con el enlace a Maps. - Un pie con nombre, NIF y contacto (o [PENDIENTE] si aun no los tienes). COMO SE COMPRUEBA - Al hacer doble clic en index.html se abre bien en el navegador. - Estrechando la ventana hasta el ancho de un movil, nada se sale ni hace falta deslizar de lado. - El telefono es un enlace pulsable (tel:). QUE NO HAGAS - No inventes ningun dato que no te haya dado: usa [PENDIENTE]. - No metas formulario de contacto, cookies, ni nada que cargue desde una web externa (tampoco fuentes de Google). Eso es de otro paso. - No toques ningun fichero fuera de index.html y assets/style.css.
El agente puede tardar un minuto y va a devolver los dos ficheros enteros. Ábrelos —doble clic enindex.html— antes de seguir. Si algo no cuadra con lo que pediste, dilo con la frase exacta de lo que ves mal y pide el fichero entero otra vez: es la misma regla del primer caso práctico de esta escuela. -
Guarda el cambio y súbelo a GitHub
No hace falta que sepas ni un comando: pídeselo al propio agente — «haz commit de este cambio con un mensaje claro y súbelo a GitHub». Lo hace él. Si en algún momento quieres entender qué ha hecho exactamente, los seis comandos que hay detrás están explicados en Montar el stack; no hace falta saberlos para seguir este caso.
-
Publícala con Vercel
Entra en vercel.com y pulsa Continue with GitHub — es la misma cuenta que acabas de usar, así que es un clic y ninguna contraseña nueva. Pulsa Add New → Project, busca tu repositorio en la lista y pulsa Import. Es una web sin nada especial que configurar, así que deja las opciones como están y pulsa Deploy. En menos de un minuto tienes un botón Visit: esa es tu web, en internet, con una dirección real.
-
Compruébala en tu móvil de verdad
No en el navegador del ordenador con la ventana estrechada: en tu propio teléfono, con datos y no con wifi. Es la comprobación que más se salta y la que más se nota — el «antes de dar esto por aprendido» de la lección anterior lo repite por algo.
-
El segundo prompt: la página de horario
Es la que más tráfico recibe de las seis, así que va la segunda. Mismo molde, mismo cuidado con los datos.
Crea la pagina de HORARIO Y COMO LLEGAR, en horario.html, enlazada desde index.html. Usa el mismo assets/style.css que ya existe: no crees uno nuevo. DATOS - Horario completo, dia a dia: ... - Festivos en los que abrimos o cerramos distinto: ... - Como se sabe si hoy toca guardia: ... - La direccion y el enlace a Maps son los mismos de index.html QUE TIENE QUE LLEVAR - El horario en una tabla o lista, un dia por linea. Nunca en una sola linea de texto seguido: en movil se corta por donde no toca. - Un enlace de vuelta a index.html, arriba. COMO SE COMPRUEBA - El horario de esta pagina es identico al de index.html. Si hay que cambiar uno, dimelo para cambiar tambien el otro. - Se lee bien con la ventana estrecha, sin que la tabla se salga. QUE NO HAGAS - No inventes festivos ni guardias que no te he dado. - No toques index.html ni assets/style.css salvo para anadir el enlace a esta pagina.
Si algo no sale a la primera
Lo que una farmacia NO puede decir en su web
Aquí es donde una IA generalista te mete en un problema sin querer, porque escribe como escribe el marketing: con superlativos y con promesas. En una farmacia eso no es un tema de estilo.
| Lo que la IA escribe sola | Por qué no puede ir |
|---|---|
| «Te ayudamos a curar tu…» | Atribuye una acción terapéutica a un servicio. No se puede afirmar |
| «El mejor tratamiento para…» | Es una recomendación de tratamiento, y además comparativa |
| Nombres de medicamentos con receta | Su publicidad al público está prohibida. Ni el nombre |
| «Resultados garantizados», «elimina», «cura» | Promete un resultado de salud |
| Fotos de antes y después | Es publicidad de resultado por otra vía |
| Reseñas de clientes sobre un producto o un efecto | Es un testimonio terapéutico, aunque lo haya escrito un cliente |
Cómo se le pide a una IA que escriba esto
Un modelo al que le dices «escríbeme la web de mi farmacia» te devuelve exactamente el texto de la tabla de arriba: entusiasta, genérico y con dos frases que hay que quitar. El arreglo está en el encargo, y son cuatro piezas.
Escribe la pagina de SERVICIOS de una farmacia en [CIUDAD].
CONTEXTO
- Barrio de gente mayor, muchos pacientes cronicos y polimedicados.
- Servicios reales: SPD, control de tension, cita de atencion
farmaceutica, cribado de riesgo cardiovascular.
LIMITES (obligatorios)
- NO prometas ningun resultado de salud.
- NO nombres ningun medicamento de prescripcion.
- NO compares con otras farmacias.
- NO uses "mejor", "garantizado", "elimina", "cura".
- Si algo no te lo he dicho, NO te lo inventes: escribe [PENDIENTE].
FORMA
- Un bloque por servicio: que es, para quien, como se pide.
- Frases cortas. Se lee en un movil.
- Entre 120 y 180 palabras por servicio.[PENDIENTE] es la que más disgustos evita. Sin
ella, un modelo que no sabe tu horario se inventa uno razonable — y un horario inventado en
la web de una farmacia es alguien plantado delante de una persiana bajada. Con ella, los
huecos se ven a simple vista y se rellenan en cinco minutos.
Lo que hay que revisar SIEMPRE, y en este orden
-
Los datos que se pueden comprobar
Horario, teléfono, dirección, número de colegiado. Uno por uno, contra la realidad. Es lo único de la web que, si está mal, hace daño de verdad el mismo día.
-
Las tres preguntas de la norma
¿Promete un resultado de salud? ¿Nombra un medicamento con receta? ¿Compara? Tres pasadas rápidas por todo el texto. Se hacen en diez minutos y son las que te ahorran el disgusto.
-
Los enlaces
Púlsalos todos. Un modelo escribe URLs que parecen correctas y no existen, y no hay forma de distinguirlas leyendo: tienen exactamente el mismo aspecto que las buenas.
-
Si suena a vosotros
Éste es el último y no es estético. Una web que suena a folleto de cadena en un barrio donde la gente os conoce por el nombre resta confianza en vez de sumarla. Léelo en voz alta: si no lo dirías así en el mostrador, cámbialo.
La ficha de Google manda más que la web
Hay que decirlo aunque desanime: para una farmacia, la ficha de Google recibe más visitas que la web, y es donde la gente mira el horario. Una web impecable con una ficha desactualizada es trabajo tirado.
| En la ficha | Por qué importa tanto |
|---|---|
| Horario, y los festivos marcados uno a uno | Es el dato que más se consulta de una farmacia, y el único que enfada si está mal |
| Que los servicios estén listados | Aparecen en búsquedas donde tu web no llega |
| Fotos de verdad, del local | Ayudan a encontrarte físicamente, que es un problema real |
| Contestar las reseñas | Se lee más de lo que parece. Y las malas sin contestar pesan el doble |
Velocidad y móvil: dos comprobaciones, no un proyecto
Casi todo el mundo te va a abrir desde un móvil, por la calle y con mala cobertura. No hace falta obsesionarse con esto, pero sí hacer dos comprobaciones que descartan el 90 % de los problemas:
| Comprobación | Qué buscas |
|---|---|
| Abrirla en tu propio móvil, con datos y no con wifi | Que se vea el horario y el teléfono sin hacer scroll |
| Mirar el peso de las imágenes | Una foto de 4 MB del escaparate es el motivo número uno de que una web de farmacia vaya lenta. Bajarla a 200 KB no se nota en pantalla |
El error que más caro sale: publicar y olvidarse
Una web de farmacia no se termina: se mantiene. Y el mantenimiento real cabe en una lista muy corta, porque casi todo lo que hay dentro no cambia nunca.
| Cada | Qué se toca | Cuánto cuesta |
|---|---|---|
| Cuando cambie | Horario, festivos y guardias. En la web y en la ficha | Cinco minutos, y es lo único urgente |
| Mes | Contestar las reseñas nuevas | Diez minutos |
| Trimestre | Mirar qué busca la gente para llegar y escribir la página que falta | Una tarde, y es lo que hace crecer |
| Año | Revisar que los servicios listados son los que de verdad ofrecéis | Media hora |
Tres cosas que sí merecen estar, y casi nunca están
-
El horario de HOY, calculado, no escrito
«L-V 9:00-21:00, S 9:30-14:00» obliga a quien lo lee a mirar qué día es y a hacer la cuenta. «Hoy abierto hasta las 21:00» no. Son diez líneas de código y es la diferencia entre contestar la pregunta y dar los datos para que la conteste otro.
-
El teléfono como enlace, no como texto
En un móvil, un número pulsable llama; un número escrito hay que seleccionarlo y copiarlo, y la mitad de la gente no lo hace. Es un atributo en una etiqueta y es, medido, de lo que más cambia el comportamiento en una web local.
-
Decir explícitamente lo que NO hacéis
«No vendemos por internet», «no hacemos envíos», «no tenemos aparcamiento propio». Parece contraintuitivo escribirlo y evita llamadas, desplazamientos en balde y reseñas malas por una expectativa que nadie creó a propósito.
Antes de pasar a la siguiente lección
- Sé qué obligaciones cambian según lo que venda la web.
- Sé que no puedo vender medicamentos de receta por internet.
- Sé que no puedo hacer publicidad al público de medicamentos de receta.
- Sé por qué «refuerza las defensas» no se puede escribir y qué se escribe en su lugar.
- Voy a enseñárselo al COF antes de publicar.
Fuentes. RD 870/2013, de venta a distancia al público de medicamentos de uso
humano no sujetos a prescripción · RD 1416/1994, de publicidad de medicamentos de uso humano ·
Directiva 2011/62/UE y Rgto. de Ejecución (UE) 699/2014 (logotipo común) · Reglamento (CE)
1924/2006, de declaraciones nutricionales y de propiedades saludables · Ley 34/2002 (LSSI-CE),
arts. 10 y 22.2 · RGPD y LOPDGDD · TRLGDCU.
Esto es orientación, no asesoramiento jurídico. La normativa estatal es el
suelo: las comunidades autónomas añaden requisitos y los colegios tienen sus propias normas
de publicidad. Antes de publicar, tu COF.