José Gerardo CantúJosé Gerardo.ai
Volver a Recursos
Guías6 min de lectura·

Crea tu página web con Bolt.new

Guía paso a paso: sin código, sin diseñador y sin esperar. De la idea a tu página publicada.

Descarga la guía completa en PDFGratis

Guárdala, imprímela, léela sin conexión. Es tuya.

En esta página (16)

Bolt.new es una herramienta de IA que construye páginas web completas a partir de una descripción en texto. No necesitas saber programar, no necesitas entender de diseño y no necesitas contratar a nadie. Describes lo que necesitas y Bolt lo genera en menos de dos minutos, listo para publicar.

Qué puedes construir con Bolt.new

Páginas de aterrizaje (landing pages) para tu negocio o servicio

Portafolios personales o de agencia

Páginas de producto con precios y llamadas a la acción

Sitios de restaurante con menú, ubicación y contacto

Paginas de captura de leads con formulario integrado

Cualquier sitio informativo de una o varias secciones

Paso 1 — Entra a Bolt.new y crea tu cuenta

  1. Abre tu navegador y ve a bolt.new
  2. Haz clic en 'Sign Up' y crea tu cuenta. Puedes registrarte con Google para ir más rápido.
  3. El plan gratuito te da créditos suficientes para generar y editar tu primera página sin pagar nada. No necesitas tarjeta de crédito para empezar.

Sobre los créditos gratuitos

Bolt.new trabaja con un sistema de tokens (créditos de uso).

El plan gratuito incluye créditos limitados al mes.

Para una página completa bien hecha, lo normal es usar entre 3 y 6 generaciones.

Si se te acaban, el plan de pago más básico cuesta alrededor de $20 USD al mes.

Para la mayoría de negocios pequeños, el plan gratuito es suficiente para arrancar.

Paso 2 — Escribe tu primer prompt

Aquí está la diferencia entre una página genérica y una que realmente sirve para tu negocio: la calidad de lo que le describes a Bolt. Entre más específico seas, mejor será el resultado.

Estructura del prompt ideal para Bolt

Tu prompt debe incluir estos 5 elementos:

  • Que tipo de negocio tienes y a quien le vendes
  • Qué secciones quieres en la página
  • El estilo visual que buscas (colores, ambiente, referencia)
  • El texto principal o llamada a la acción
  • Cualquier función específica que necesites (formulario, botón de WhatsApp, mapa, etc.)

Prompt base — cópialo y personaliza los [ ]

Prompt · copia y pega
Crea una pagina web profesional para [TIPO DE NEGOCIO].
Nombre del negocio: [NOMBRE]
Descripcion: [Una o dos oraciones de que haces y para quien]
Secciones que debe tener:
- Hero principal con headline impactante y boton de contacto
- Seccion de servicios o productos (lista los principales)
- Por que elegirnos / beneficios clave
- Testimonios de clientes (puedes usar ejemplos ficticios por ahora)
- Seccion de contacto con [formulario / boton de WhatsApp / correo]
Estilo visual:
- Colores principales: [Ej: azul marino y blanco / negro y dorado / verde y gris]
- Ambiente: [Ej: moderno y minimalista / caloroso y de confianza / profesional y corporativo]
Idioma: Espaniol
Dispositivos: que se vea bien en celular y computadora
Texto del boton principal: [Ej: Contactanos / Solicita tu cotizacion / Agenda una llamada]

Ejemplo real — negocio de fotografía

Prompt · copia y pega
Crea una pagina web profesional para un fotografo de bodas y eventos.
Nombre: Estudio Luz & Momento
Descripcion: Fotografo profesional en Monterrey especializado en bodas,
XV anos y eventos corporativos. Mas de 200 eventos fotografiados.
Secciones:
- Hero con frase inspiradora y boton 'Ver mi trabajo'
- Galeria de fotos (usa imagenes de placeholder por ahora)
- Paquetes: Basico, Estandar y Premium con precios
- Testimonios de novias y clientes
- Formulario de contacto para solicitar disponibilidad
Estilo: elegante, oscuro con detalles dorados, fuentes serif
Idioma: Espaniol
Boton principal: Reserva tu fecha

Paso 3 — Revisa lo que generó y pide ajustes

Bolt va a generar tu página en 60 a 120 segundos. Lo que ves en pantalla es un preview en vivo que puedes navegar como si fuera un sitio real. Casi siempre el primer resultado es muy bueno pero necesita algunos ajustes. Aquí es donde está el verdadero poder de la herramienta.

Cómo pedir cambios — ejemplos de prompts de ajuste

Prompts de ajuste más útiles

Cambiar colores: 'Cambia el color principal a azul marino #1E3A5F'

Cambiar texto: 'En el hero, cambia el headline a: [tu texto exacto]'

Agregar sección: 'Agrega una sección de preguntas frecuentes con estas 5 preguntas: ...'

Cambiar fuente: 'Usa la fuente Inter para todo el sitio'

Agregar icono: 'Agrega un botón flotante de WhatsApp con el número +52 81 XXXX XXXX'

Cambiar layout: 'Pon los servicios en 3 columnas en lugar de lista'

Responsive: 'Asegurate de que el menu de navegacion colapse en movil'

Consejo clave para ahorrar créditos

No regeneres toda la página cada vez que quieres cambiar algo.

Usa el chat de Bolt para pedir cambios específicos sobre lo que ya existe.

Regenerar completo consume muchos más créditos que editar en partes.

Trabaja de arriba hacia abajo: primero estructura, luego textos, luego colores.

Paso 4 — Personaliza el contenido real

Una vez que el diseño te convence, es momento de reemplazar el texto de ejemplo con tu información real. Tienes dos formas de hacerlo:

Opción A — Por prompt (más fácil)

Simplemente dile a Bolt exactamente qué texto quieres en cada sección:

Prompt · copia y pega
'En la seccion Hero, el titulo principal debe decir:
 Transforma tu negocio con diseno que vende
 Y el subtitulo: Mas de 5 anos creando identidades visuales
 que conectan marcas con sus clientes ideales.'

Opción B — Editor visual (más control)

Bolt tiene un editor donde puedes hacer clic directamente sobre cualquier texto de la página y editarlo como si fuera un documento de Word. Busca el botón de modo edición en la barra superior derecha.

Paso 5 — Agrega imágenes reales

Bolt genera la página con imágenes de placeholder de Unsplash. Para que tu página sea realmente tuya, necesitas reemplazarlas con tus fotos o imágenes de tu negocio.

  1. Prepara tus imágenes. Formato recomendado: JPG o WebP. Peso máximo: 2 MB por imagen para que se cargue rápido.
  2. En el chat de Bolt, escribe: 'Necesito subir mis propias imágenes para reemplazar los placeholders'. Bolt te mostrará cómo hacerlo desde el panel de archivos.
  3. Si no tienes fotos propias por ahora, puedes pedirle a Bolt que use imágenes específicas de Unsplash relacionadas con tu industria. Ejemplo: 'Usa fotos de un restaurante mexicano moderno para la galería'.

Herramientas para conseguir imágenes gratis

Unsplash (unsplash.com) — fotos profesionales gratis sin créditos

Pexels (pexels.com) — similar a Unsplash, muy buena variedad

Freepik (freepik.com) — iconos, ilustraciones y fotos (plan gratuito disponible)

Canva — para crear imágenes hero o banners con tu marca

Paso 6 — Publica tu página

Cuando tu página esté lista, Bolt te da varias opciones para publicarla:

Opción 1 — Publicar con Netlify (gratis y rápido)

  1. Haz clic en el botón 'Deploy' en la esquina superior derecha de Bolt.
  2. Selecciona Netlify como plataforma de publicación.
  3. Bolt conecta automáticamente con Netlify y publica tu sitio en menos de un minuto.
  4. Recibiras una URL gratuita con el formato: tu-negocio.netlify.app
  5. Esa URL ya es funcional y puedes compartirla con tus clientes desde el primer dia.

Opción 2 — Conectar tu dominio propio

Si ya tienes un dominio (ej. tunegocio.com) o quieres comprarlo, el proceso es:

  1. Compra tu dominio en plataformas como Namecheap, GoDaddy o Google Domains. Costo aproximado: $150 a $300 MXN al ano.
  2. En Netlify (donde Bolt publico tu sitio), ve a 'Domain settings'.
  3. Agrega tu dominio personalizado y sigue las instrucciones para apuntar los DNS.
  4. En 24 a 48 horas tu página ya estará disponible en tu dominio propio con HTTPS incluido.

Opción 3 — Descargar el código

Bolt también te permite descargar el código completo de tu página (HTML, CSS y JavaScript) para publicarla en cualquier servidor que prefieras o para pasarsela a un desarrollador si quieres hacer cambios más avanzados en el futuro.

Checklist antes de publicar

Antes de compartir tu pagina con el mundo, revisa estos puntos:

  • Todo el texto del placeholder fue reemplazado por tu información real
  • Tu número de teléfono y correo en la sección de contacto están correctos
  • El botón principal lleva a donde debe (WhatsApp, formulario, correo)
  • Las imágenes cargan correctamente y no se ven pixeladas
  • La página se ve bien en celular (reduce la ventana del navegador para probarlo)
  • El nombre de tu negocio aparece en el título del navegador (pestaña)
  • No hay errores de ortografía en los textos principales
  • Si tienes precios, están actualizados

¿Quieres una página profesional más compleja o con conexión a base de datos?

Nosotros la construimos por ti con la herramienta que mejor se adapte a tu negocio.

Diseño, textos, imágenes, dominio y publicación incluidos.

📲 Escríbenos directamente a nuestro agente de WhatsApp y agendemos una llamada.

¿Te sirvió?

Recibe un recurso como este cada semana.

Prompts, herramientas y noticias de IA explicadas en español. Directo a tu correo.

Gratis · Sin spam · Te das de baja cuando quieras

Sigue leyendo