Cómo usar Hostinger: guía paso a paso para lanzar la página web de tu negocio

Tu página web es el único lugar en internet que realmente te pertenece. Las cuentas de redes sociales se pueden bloquear, los algoritmos cambian y las plataformas se quedan con una parte de cada venta. Una página con tu propio dominio es donde tus clientes encuentran tu horario, tu menú, tus servicios y una forma clara de contactarte.

La buena noticia: tener una ya no es complicado ni caro. En esta guía te explicamos cómo montamos páginas web en Hostinger, el proveedor de hosting que usamos para nuestro propio sitio y para muchos de nuestros clientes.

La primera parte es para dueños de negocio sin experiencia técnica. La segunda es para desarrolladores que quieren publicar apps modernas (como Next.js) directamente desde GitHub.

¿Qué es el hosting (y por qué Hostinger)?

Piénsalo así:

• Tu dominio es tu dirección (por ejemplo, tunegocio.com).
• Tu hosting es el local donde vive tu página.
• Tu página web es todo lo que hay adentro: secciones, fotos, formularios y textos.

Necesitas las tres cosas. Hostinger las reúne en un solo lugar, y por eso nos gusta para pequeños negocios:

• Precios de entrada accesibles, con dominio gratis el primer año en la mayoría de los planes de hosting.
• SSL gratis (el candadito en el navegador), activado automáticamente.
• Correo profesional incluido, para que uses hola@tunegocio.com en vez de un Gmail.
• hPanel, un panel de control limpio y fácil de entender, aunque nunca hayas manejado una página web.
• WordPress en un clic y un creador de sitios con IA si quieres arrancar rápido.
• Apps Node.js y despliegue desde GitHub en los planes más altos, para sitios programados a la medida.

Parte 1: lanza la página de tu negocio (guía para principiantes)

Paso 1: elige el plan correcto

Los nombres y precios de los planes de Hostinger cambian de vez en cuando, así que siempre revisa los planes actuales aquí. Como regla general:

Nuestro consejo: el precio mensual más bajo casi siempre viene con el plazo más largo (24 o 48 meses). Es buena oferta si estás comprometido con tu negocio, pero fíjate en el precio de renovación, que es más alto que el de entrada. Tenlo en cuenta en tu presupuesto.

Paso 2: asegura tu dominio

Justo después de pagar, el asistente de Hostinger te pide reclamar tu dominio. La mayoría de los planes de hosting incluyen uno gratis el primer año.

Estas son las reglas que le damos a cada cliente:

• Que sea corto y fácil de escribir. Si tienes que deletrearlo dos veces por teléfono, es muy largo.
• Prefiere .com si tu negocio está en Estados Unidos. Usa una extensión local (.mx, .co, .ch) si tus clientes están en ese país.
• Evita guiones y números, a menos que sean parte de tu marca.
• Dilo en voz alta en los dos idiomas si atiendes a clientes en inglés y en español. Asegúrate de que no suene raro en ninguno.

Si ya tienes un dominio en otro lado (GoDaddy, Namecheap, Squarespace), puedes conectarlo a Hostinger cambiando los nameservers, o transferirlo por completo.

Paso 3: decide cómo vas a construir tu página

El asistente te va a preguntar cómo quieres crear tu sitio. Tienes tres caminos principales:

1. WordPress (lo que normalmente recomendamos a negocios). Flexible, con miles de plugins y fácil de pasarle a cualquier persona después. Hostinger lo instala por ti y hasta puede generar un diseño inicial con IA.
2. Hostinger Website Builder. Arrastrar y soltar, muy fácil para principiantes y rápido de lanzar. Ideal para una página sencilla de una a cinco secciones.
3. Código a la medida. Si un desarrollador o una agencia está creando tu sitio (como hacemos en JG Graphic), vas a usar las opciones de Node.js o de subir archivos que explicamos en la Parte 2.

Para WordPress, eliges la ubicación del servidor (la más cercana a tus clientes), creas un usuario administrador con una contraseña segura y dejas que Hostinger termine la instalación. Toma unos minutos.

Paso 4: crea tu correo profesional

Nada dice "negocio serio" como un correo con tu propio dominio. En hPanel ve a Emails, crea tu buzón (por ejemplo info@ o hola@) y listo. Puedes leerlo en el webmail de Hostinger o conectarlo a Gmail, Outlook o tu celular.

Importante: si tu página envía formularios (contacto, reservas, cotizaciones), asegúrate de que los registros de correo de tu dominio (SPF, DKIM, DMARC) estén configurados. Hostinger configura casi todo automáticamente para su propio correo, pero si usas otro proveedor como Google Workspace, también tienes que agregar sus registros. Esta es la razón número uno por la que los correos del formulario terminan en spam.

Paso 5: confirma que el SSL esté activo

Hostinger activa un certificado SSL gratis automáticamente cuando conectas tu dominio. Para confirmarlo, abre tu página y busca el candado junto a la dirección. En hPanel también puedes revisarlo en Seguridad > SSL. Sin SSL, el navegador muestra un aviso de "No seguro" que espanta a los clientes.

Paso 6: crea las secciones clave

La página de un pequeño negocio no necesita 20 secciones. Empieza con:

• Inicio: quién eres, qué haces y una llamada a la acción clara ("Reserva ahora", "Ordena en línea", "Pide una cotización").
• Servicios o Menú: lo que ofreces, con precios si es posible.
• Nosotros: tu historia. La gente le compra a personas.
• Contacto: teléfono, WhatsApp, dirección con mapa, horario y un formulario sencillo.

Si atiendes a un público bilingüe, agrega el cambio de idioma desde el primer día. Es mucho más fácil que agregarlo después.

Paso 7: lista antes de lanzar

Antes de compartir tu enlace, revisa:

• La página se ve bien en el celular (la mayoría de tus visitas van a llegar desde ahí).
• Todos los botones y enlaces funcionan.
• El formulario de contacto de verdad llega a tu correo.
• Las imágenes están comprimidas (nosotros usamos WebP) para que cargue rápido.
• Tu sitio está conectado a Google Search Console y tu Perfil de Negocio en Google tiene el enlace a tu página.
• Los respaldos automáticos están activados en hPanel.

Parte 2: para desarrolladores, publicar apps Node.js desde GitHub

Así es como alojamos jggraphic.com, una app en Next.js, en Hostinger con despliegue automático.

Las apps Node.js están disponibles en los planes de web hosting más altos y en los planes Cloud de Hostinger. Revisa la comparación de planes antes de comprar si este es tu caso.

1. Crea la app

En hPanel ve a Websites > Add Website > Node.js web app > Import Git repository, autoriza GitHub y selecciona tu repositorio. Tu package.json debe estar en la raíz de la app (o indica el directorio raíz si usas un monorepo).

2. Revisa la configuración de build

Hostinger detecta automáticamente los frameworks más populares a partir del package.json. Confirma:

• Framework preset (por ejemplo, Next.js)
• Rama que se va a publicar (normalmente main)
• Versión de Node.js (18, 20, 22 o 24 al momento de escribir esto)
• Comando de build (normalmente npm run build)
• Directorio de salida (en Next.js, .next)

3. Agrega las variables de entorno

Pon tus API keys y secretos en Environment variables. Se inyectan tanto en el build como en la ejecución y se mantienen entre despliegues. Nunca subas archivos .env a tu repositorio.

4. Haz push para publicar

A partir de ahí, cada push a tu rama de despliegue lanza un build nuevo: Hostinger baja el código, corre npm install, ejecuta tu build y reinicia la app. Los logs de build y de ejecución están en Deployments dentro de hPanel, y es lo primero que debes revisar si algo falla.

Lecciones que aprendimos a la mala

• El remitente de tus correos debe coincidir con tu dominio verificado. Si usas un servicio de correo transaccional como Resend, la dirección de envío tiene que usar exactamente el dominio o subdominio que verificaste. Si no coincide, falla sin avisar y parece que tu formulario está roto.
• Revisa tu DNS si tienes dos dominios. Si tienes variaciones de tu dominio (con y sin guion, por ejemplo), decide cuál aloja la página y cuál maneja el correo, y redirige los demás. Mezclarlos causa horas de confusión.
• Optimiza las imágenes antes de subirlas. Las imágenes pesadas hacen lentos el build y la página. Conviértelas a WebP y redimensiónalas al tamaño en que realmente se muestran.
• Lee primero el log del build. Nueve de cada diez despliegues fallidos son una variable de entorno que falta o una versión de Node que no coincide.

Preguntas frecuentes

¿Hostinger es bueno para pequeños negocios?

Sí. Es una de las formas más económicas de tener una página rápida y segura, con dominio y correo en un solo lugar. Cubre lo que necesitan la mayoría de los restaurantes, marcas de belleza y negocios de servicios.

¿Puedo mudar mi página actual a Hostinger?

Sí. Hostinger ofrece migración gratis en sus planes de hosting. La puedes solicitar desde hPanel después de comprar.

¿Necesito saber programar?

No. WordPress y el Website Builder no requieren código. Solo necesitas conocimientos técnicos para el camino de desarrolladores de la Parte 2.

¿Qué pasa cuando se renueva mi plan?

El precio de renovación es más alto que el precio de entrada. Revisa la tarifa de renovación al pagar para que no haya sorpresas.

¿Prefieres que la hagamos por ti?

Configurar el hosting es la parte fácil. Diseñar una página que se vea profesional, cargue rápido y de verdad convierta visitas en clientes es donde la mayoría de los negocios se atoran.

En JG Graphic diseñamos y desarrollamos páginas web bilingües para restaurantes, marcas de belleza y negocios de servicios, desde el dominio hasta el día del lanzamiento.

• Empieza tu proyecto y cuéntanos lo que necesitas.
• ¿No sabes por dónde empezar? Pide una auditoría gratis de tu marca y tu página web.

Si decides hacerlo tú mismo, empieza con Hostinger aquí. ¡Mucho éxito con tu lanzamiento!