Cómo armar, publicar y conectar tu propia página desde cero. Hosting gratis, dominio propio y un formulario que te trae clientes. Sin agencia.
Tu cuenta de Instagram no es tuya. La alquilás. El día que el algoritmo te baja el alcance, te suspenden la cuenta o te roban el usuario, te quedás sin canal y sin contactos. Una página propia es el único activo digital que controlás de punta a punta.
No necesitás una agencia ni saber programar para tener esto. El stack que usamos en Instabiz para las páginas de nuestro propio equipo (por ejemplo nico.instabiz.com.ar) es gratis de hostear y lo podés replicar en un fin de semana. Esta guía es exactamente ese proceso, sin atajos ni humo.
No hace falta que escribas el código a mano. Más adelante te mostramos cómo pedírselo a una IA. Lo importante es entender las piezas para no depender de nadie.
Toda página web, por más compleja que parezca, son cuatro piezas separadas que se enchufan entre sí. Entendelas y el resto es seguir pasos.
Los archivos que la gente ve: el HTML (contenido) y el CSS (diseño). Es una carpeta en tu compu.
GitHub. La nube donde guardás esos archivos y desde donde se publica cada cambio.
Vercel. El servidor que toma tu carpeta y la sirve en internet, gratis y con candado (HTTPS).
tunombre.com. La dirección que comprás una vez y apuntás a tu hosting.
El flujo es siempre el mismo: editás los archivos en tu compu, los subís a GitHub, Vercel los detecta y los publica solo, y tu dominio hace que se vean en tu dirección propia. Cambiás algo, lo subís, y en segundos está online sin tocar nada más.
# El flujo completo, de principio a fin Tu compu -> GitHub -> Vercel -> tudominio.com
Las piezas 2, 3 y 4 son gratis (o casi: el dominio cuesta unos pocos dólares al año). No pagás hosting, ni mantenimiento, ni mensualidad.
Antes de escribir una línea de código, definí qué va en la página. Una página que trae clientes tiene cuatro bloques, de arriba hacia abajo, en este orden.
Lo primero que se ve. Quién sos, qué hacés y una prueba dura en números: "+100 marcas escaladas", "8 años de experiencia". El número genera confianza antes que cualquier adjetivo.
Una historia corta y humana. Para quién trabajás, qué problema resolvés y por qué te elegirían a vos y no a otro. Nada de relleno corporativo.
Lo que ya hiciste. Fotos de productos, capturas de resultados, videos de clientes contando cómo les fue. Esta es la sección que más vende: mostrá, no cuentes.
Un solo pedido claro: "Agendá una llamada" o "Dejame tus datos". Acá va el formulario. Si la persona llegó hasta abajo, está lista; no la marees con cinco opciones.
Una página, un objetivo. Si tu meta es que te escriban, todo en la página empuja hacia el formulario. Sacá cualquier link o sección que distraiga de eso.
Una página es una carpeta con archivos de texto. La estructura mínima son dos archivos: el contenido y el estilo.
# Tu carpeta del proyecto mi-web/ index.html # el contenido (texto, imágenes, secciones) style.css # el diseño (colores, fuentes, espaciados) /img # tus fotos y logo
Abrí ChatGPT o Claude y pasale un pedido concreto. Cuanto más claro el pedido, mejor el resultado. Usá esto de base:
# Prompt para generar tu página
Haceme una página web de una sola página en HTML y CSS,
en un solo archivo index.html. Es para [tu negocio].
Secciones, en orden: hero con mi nombre y 3 números
de prueba, sobre mí, una grilla de trabajos, y un
formulario de contacto. Estética [moderna / minimal /
oscura]. Mobile-first. Sin frameworks, HTML y CSS puro.
Guardá el archivo como index.html y hacele doble clic: se abre en tu navegador. Eso es tu web corriendo local. Pedile cambios a la IA y volvé a abrir hasta que te guste.
No busques la perfección antes de publicar. Una página simple y online vale más que una hermosa que nunca sale. La vas a poder editar para siempre.
GitHub es la nube donde vive tu carpeta. Es el puente entre tu compu y el hosting: cada vez que subís un cambio acá, tu web se actualiza sola. Es gratis.
Entrá a github.com, registrate, y creá un repositorio nuevo (botón "New"). Ponele un nombre, dejalo público y crealo vacío.
La forma más simple, sin terminal: en tu repo nuevo, clic en "uploading an existing file" y arrastrá index.html y tu carpeta de imágenes. Confirmá con "Commit changes".
Es la forma que vas a usar el resto de tu vida. Desde la carpeta de tu proyecto:
$ git init $ git add . $ git commit -m "primera version de mi web" $ git remote add origin URL-DE-TU-REPO $ git push -u origin main
Cada cambio futuro es solo tres comandos: git add ., git commit -m "que cambié" y git push. Eso publica la nueva versión.
Vercel toma tu repo de GitHub y lo sirve en internet, con HTTPS, en segundos. Plan gratis de sobra para una página. No hace falta tarjeta.
Andá a vercel.com y registrate con "Continue with GitHub". Así Vercel ya puede ver tus repositorios.
Clic en "Add New... > Project", elegí tu repo de la lista y "Import". No cambies ninguna config: para HTML puro, los defaults andan.
Clic en "Deploy" y esperá. En menos de un minuto te da una URL tipo mi-web.vercel.app. Esa ya es tu web, pública y funcionando.
Creá un archivo vercel.json en tu carpeta con esto. Hace que las direcciones sean /sobre en vez de /sobre.html.
{
"cleanUrls": true,
"trailingSlash": false
}
Desde ahora, cada vez que hagas git push, Vercel republica solo. No volvés a entrar acá.
La URL .vercel.app funciona, pero no es profesional. Por unos dólares al año tenés tunombre.com. Son dos movimientos: comprarlo y apuntarlo.
En un registrador: Namecheap o Cloudflare para .com, o nic.ar para un .com.ar. Buscá tu nombre, agregalo al carrito y pagá. Listo, es tuyo.
En tu proyecto: "Settings > Domains", escribí tunombre.com y "Add". Vercel te va a mostrar qué registros DNS necesitás cargar.
En el panel de tu registrador, sección DNS, agregá lo que te pidió Vercel:
El DNS tarda entre minutos y unas horas en propagar por todo el mundo. Cuando Vercel marca el dominio en verde "Valid Configuration", ya está. El HTTPS se activa solo.
Una página linda sin formulario es una tarjeta de presentación cara. El formulario es lo que convierte una visita en un contacto al que le podés vender. No lo saltees.
No programes el formulario. Usá una herramienta que te da un código para pegar y que te manda cada respuesta por mail.
Armás el formulario visualmente, te dan un código <iframe> y lo pegás en tu HTML donde va el CTA.
Si querés seguir a cada lead, un CRM te guarda el contacto y te avisa. Es lo que usamos para nuestras páginas.
Pegá el código del formulario en la sección de CTA, justo donde planeaste en la anatomía (página 05). Pedí lo mínimo: nombre, mail y WhatsApp. Cada campo de más baja la cantidad de gente que lo completa.
Los tropiezos más comunes y cómo salir de cada uno.
76.76.21.21 y que no tengas registros viejos pisándolo. En Vercel, mirá que el dominio diga "Valid Configuration".cleanUrls pero linkeaste a /sobre.html con el .html.href="/sobre", no /sobre.html.git push y que el commit aparece en GitHub. En Vercel mirá que el último deploy esté "Ready". Recargá con Ctrl+Shift+R.Antes de compartir tu página con el mundo, repasá que tengas todo esto.
git push, listo.Publicá hoy la versión que tenés. Una página online que mejorás de a poco le gana siempre a la perfecta que sigue en tu compu.
Instabiz es una agencia de escalado para marcas. Trabajamos con +100 ecommerces en LATAM combinando media buying, automatizaciones e IA aplicada al día a día operativo.
Esta guía es uno de los recursos gratuitos que publicamos cada mes. Si querés el resto, seguinos en redes y descargalos en recursos.instabiz.com.ar.
Te ayudamos a convertir el tráfico en clientes con campañas y embudos que funcionan. Escribinos y lo charlamos.
instabiz.com.ar/contact