Cómo crear la web de una ONG sin código, paso a paso
La web de una ONG sin código parte de un párrafo: a quién ayudáis, con qué actividad concreta y qué queréis que haga quien entra. Zugo construye el sitio desde esa descripción, lo arranca en un sandbox para verificar que abre y lo publica en una dirección real, con dominio propio si lo conectáis.
Una organización sin ánimo de lucro tiene un problema que una empresa no tiene: debe pedir dinero o tiempo a alguien que no recibe nada material a cambio. Toda la estructura de la página sale de ahí.
¿Qué necesita la web de una ONG para generar confianza?
Cuatro bloques cargan con casi todo el peso. Qué problema atacáis en una frase sin jerga. Qué hacéis exactamente, con actividades y lugares concretos. Quién está detrás, con nombres y caras. Y en qué se gasta el dinero, con el mayor detalle que podáis publicar.
El último bloque es el que más se descuida y el que más decide. Una persona que duda entre dos organizaciones elige la que explica el destino de los fondos. No hace falta un informe financiero completo en la portada: basta un desglose honesto y un enlace a la memoria anual.
Evitad el lenguaje épico. Frases como "transformamos vidas" ocupan el sitio de la información que sí convence: cuántas familias, en qué barrio, desde qué año. Lo concreto se recuerda y lo abstracto se olvida antes de llegar al botón de donar.
¿Qué debe decir el prompt?
Nombra la causa, la actividad real, las formas de colaborar y el nivel de transparencia que vais a publicar. Cuanto más específico sea el prompt, menos tendréis que corregir después.
Crea una web para una organización sin ánimo de lucro que
[actividad concreta] en [zona o país].
Secciones:
1. Portada: el problema en una frase, qué hacemos, botón "Donar".
2. Nuestro trabajo: [N] programas, cada uno con qué es,
a cuántas personas llega y dónde.
3. Transparencia: en qué se destina cada aportación,
enlace a la memoria anual.
4. Quiénes somos: equipo y patronato con nombres y fotos.
5. Colabora: donación puntual, donación mensual, voluntariado.
6. Contacto: dirección, correo, teléfono, datos de registro legal.
Tono claro y sobrio. Nada de lenguaje grandilocuente.
La última línea importa más de lo que parece. Un diseño por defecto tiende a añadir dramatismo, y el dramatismo excesivo hace que una organización pequeña parezca una campaña publicitaria en lugar de un grupo de personas trabajando.
Si necesitáis además páginas de eventos o jornadas de puertas abiertas, la guía sobre webs de eventos trata la parte de inscripciones.
¿Cómo se reciben las donaciones?
Esta es la decisión que más cuesta revertir, así que tomadla antes de la primera construcción. Cada opción tiene un coste operativo distinto y no todas encajan con una organización pequeña.
| Forma de donar | Qué se conecta | Cuándo encaja |
|---|---|---|
| Transferencia bancaria | Nada, solo mostrar el número de cuenta | Siempre, como respaldo |
| Donación puntual con tarjeta | Stripe, pagos únicos | La opción base para casi todas |
| Donación mensual | Stripe, suscripciones | Socios recurrentes, ingreso previsible |
| Campaña con objetivo | Stripe más un bloque editable | Recaudaciones concretas y con fecha |
| Voluntariado | Formulario con Resend | Cuando pedís tiempo y no dinero |
La donación mensual es la que cambia la vida de una organización, porque convierte un ingreso impredecible en un presupuesto. Merece un botón propio, no una opción escondida en un desplegable. La guía de pagos con Stripe cubre el modo de pruebas antes del primer cobro real.
¿Cómo se escribe la sección de transparencia?
Con números que ya tengáis y sin inventar ninguno. Basta con tres elementos: en qué se destina cada aportación, de dónde vienen los ingresos y un enlace a la memoria anual aprobada. Si aún no hay memoria, decidlo en lugar de dejar el hueco vacío.
El desglose de gasto es lo más leído. Publicar qué proporción va a programas y qué proporción a estructura responde a la sospecha silenciosa de cualquier donante nuevo. Una organización que reconoce que tiene costes de estructura resulta más creíble que otra que insinúa que todo llega íntegro.
Añadid quién audita las cuentas si os auditan, y el número de registro de la entidad. Son dos líneas y hacen más por la confianza que una página entera de fotografías emotivas, porque son datos comprobables por quien quiera hacerlo.
Escribid esta sección con vuestras cifras reales, revisadas por quien lleva las cuentas. Un texto generado puede darle forma, pero los números tienen que salir de vuestros libros y actualizarse cada ejercicio.
¿Qué cuesta construirla y mantenerla?
Zugo cobra por acción, así que el proyecto se puede presupuestar antes de empezar. Una web con portada, programas, transparencia y formularios es una construcción normal. Pasa a plataforma multipágina si añadís área de socios o panel interno.
| Acción | Créditos |
|---|---|
| Edición en el chat | 3 |
| Construcción de una página | 6 |
| Plataforma multipágina, primeras tres páginas | 12 |
| Cada página adicional | 3 |
| Edición en modo Hi-Fi | 6 |
| Construcción en modo Hi-Fi | 12 |
El plan Free da 5 créditos, útiles para mirar, y una construcción cuesta 6, así que un sitio funcionando empieza en Pro por 25 dólares al mes con 200 créditos. Business cuesta 99 dólares al mes. El alojamiento del sitio publicado está incluido, lo que elimina una factura recurrente que a las organizaciones pequeñas se les olvida presupuestar.
El número que más importa aquí no es el precio inicial, es quién actualiza la memoria anual el año que viene. Con ediciones de 3 créditos lo hace cualquiera del equipo escribiendo una frase, sin depender de un voluntario técnico que quizá ya no esté.
¿Cómo se publica y se mide?
Publicar es una acción y el sitio queda en una dirección del tipo vuestraong.zugo.run. Para una entidad que pide donaciones, el dominio propio es parte de la credibilidad, así que conectadlo pronto siguiendo la guía de dominio personalizado.
Con Google Analytics conectado, vigilad una proporción concreta: cuántas personas que abren la sección de transparencia llegan luego al botón de donar. Si esa cifra es baja, el problema no está en el diseño, está en lo que contáis sobre el dinero.
La exportación a GitHub os entrega el repositorio real y el proyecto es vuestro. Para una organización eso significa que no quedáis atados a nadie: si mañana aparece un desarrollador voluntario, empieza desde código que funciona.
¿Dónde se detiene un constructor con IA para una ONG?
Tres límites que conviene conocer antes de invertir una tarde.
No gestiona certificados fiscales ni datos de socios. Emitir recibos para desgravación, mantener el registro de donantes y cumplir con la normativa de protección de datos es trabajo de una herramienta de gestión, y la web solo enlaza con ella.
La contabilidad de la campaña no es automática. Un contador de "llevamos X recaudado" que se actualice solo necesita una base de datos conectada a los pagos. Se puede construir con Supabase a base de ediciones, pero es un proyecto.
Los textos legales y las cifras son vuestros. El constructor escribe estructura y redacción. No conoce vuestro número de registro, vuestras cuentas ni lo que podéis afirmar públicamente.
Dentro de esos límites tenéis un sitio sobrio, rápido y honesto, con una petición clara y transparencia visible, hecho en una tarde y editable con una frase. Describid vuestra actividad en un párrafo en zugo.dev y mirad la primera construcción.