Cómo hacer una página web sin saber programar: decide qué quieres que haga quien la visite, escribe los textos de tres a seis páginas, descríbele el sitio a una IA en español y revisa el resultado en una vista previa en vivo. Cuando todo esté bien, la publicas con un clic y compartes el enlace. Aquí lo verás con un ejemplo concreto, la página de un salón de belleza en Monterrey, hecha con VibeDream.
Antes de empezar: qué debe lograr tu página
Una página web es sobre todo textos y fotos; la herramienta importa menos de lo que parece. Antes de abrir cualquier editor, responde una pregunta: ¿qué debe hacer el visitante después de leerla? Para el salón, la respuesta es agendar una cita o escribir por WhatsApp. Cada página debe llevar hacia esa acción.
- Inicio: una frase que diga qué haces y dónde, una foto y el botón principal (agendar, llamar, escribir).
- Servicios: la lista real, con precios si los manejas. Suele ser de las más visitadas.
- Nosotros: quién está detrás, en un párrafo corto. Nombres y caras reales dan confianza.
- Contacto: dirección, enlace al mapa, horario, teléfono y un formulario sencillo.
- Aviso de privacidad: necesario si recibes nombres, correos o teléfonos.
Escribe los textos primero en un documento. Es mucho más fácil pegar palabras terminadas que redactarlas dentro de un editor. Junta también de cinco a diez fotos buenas; las del celular con luz de día sirven.
Tres formas de hacer una página web
- Desde cero con HTML, CSS y algo de JavaScript: barato en dinero, pero te tomará varios fines de semana si estás aprendiendo.
- Con un creador de páginas web basado en plantillas y arrastrar y soltar: rápido para sitios sencillos, aunque dependes de su editor y no te llevas el código.
- Con un constructor con IA como VibeDream: describes el sitio y la IA escribe código real, con frontend en React y backend en FastAPI.
Si quieres aprender a programar, la primera ruta te enseña lo que las otras esconden. Si quieres tu página esta semana sin ver código, la tercera es la más directa. La comparación completa, en inglés, está en How to build a website.
Paso a paso para hacer tu página web con IA
En VibeDream haz clic en New Project, elige Direct Prompt y pega tu descripción, díctala por el micrófono o adjunta una captura de un sitio que te guste. La interfaz todavía está en inglés, pero puedes escribir en español. Si prefieres partir de un diseño, usa la plantilla Aesthetic Landing Page y cámbiala platicando con la IA.
Haz la página web del salón de belleza "Estética Valeria" en San Pedro Garza García, Monterrey.
Páginas: Inicio, Servicios (corte, tinte, peinado y uñas, con precio en pesos), Nuestro equipo, Contacto con mapa y un formulario para agendar cita (nombre, celular, servicio y día preferido).
Horario: lunes a viernes de 9:00 a 19:00 y sábados de 9:00 a 14:00.
Estilo: elegante y cálido, fondo crema, detalles en rosa palo, fotos grandes, letra grande.
Pensada primero para celular, con un botón fijo para escribir por WhatsApp.
Todos los textos en español de México, tratando a la clienta de tú.La vista previa aparece junto al chat y se va armando mientras la IA trabaja. Puedes cambiarla entre vista de computadora y de celular para revisar las dos. Después la ajustas platicando:
- "Pon el botón Agendar cita más grande y arriba de todo en Inicio."
- "Mueve el horario al principio de la página de Contacto."
- "En Servicios, muestra el precio en negritas debajo de cada nombre."
- "Guarda cada solicitud de cita y crea una página /admin protegida con contraseña donde pueda verlas."
Cada ajuste va en un mensaje. Si algo falla, copia el error en el chat y pide que lo corrija. Si además de la página quieres una app con funciones, como pedidos o reservas, sigue la guía cómo crear una app con IA.
Publicar tu página y conectar tu dominio
Cuando esté lista, haz clic en Put it online y elige un nombre. En 1 a 3 minutos tu página queda publicada en una dirección como esteticavaleria.vibedreams.ai, ya con HTTPS. Cada publicación cuesta 5 créditos y el hosting está incluido. Lo publicado solo cambia cuando haces clic en Update it, así que puedes seguir probando en la vista previa sin afectar a tus visitantes.
Para usar tu propio dominio, escribe una dirección como www.esteticavaleria.mx en la pestaña Your own domain y agrega un registro TXT y uno CNAME en tu proveedor de dominios. El certificado HTTPS se emite solo. Por ahora no se puede conectar el dominio sin www directamente, así que conecta la versión con www y configura en tu proveedor que el dominio sin www redirija a ella. La guía de publicación, en inglés, explica cada paso.
Cuánto cuesta hacer una página web
En VibeDream pagas un plan mensual con créditos. All Access Mini cuesta 49 dólares al mes, con 60 créditos y hasta 3 proyectos activos. All Access cuesta 97 dólares al mes, con 150 créditos y hasta 5 proyectos activos. Los créditos se gastan por mensaje, y los cambios grandes gastan más. Si compras un dominio propio, súmale el pago anual a tu proveedor de dominios. Los precios actuales están en la página de precios.
Lista para revisar antes de compartir el enlace
- Abre cada página en tu celular y en la computadora.
- Envía una solicitud de prueba con el formulario y confirma que se guarda.
- Revisa que horario, teléfono y dirección coincidan con tu perfil de Google.
- Dale a cada página un título claro y una descripción de una línea para que se vea bien en Google.
- Reduce el peso de las fotos grandes. Una página lenta pierde visitas en datos móviles.
- Pide a dos personas que nunca la hayan visto que encuentren tus precios y tu teléfono, y observa dónde se atoran.
¿Te interesa entender cómo funciona esto de construir hablando con una IA? Lee qué es vibe coding.