Formación Avanza

El manual de tu web.

Todo lo que necesitas para entender y gobernar tu web, partiendo de cero: qué es cada pieza, los pasos exactos de cada forma de publicarla y las respuestas a todas las preguntas que nos hacen los clientes. Guárdalo en favoritos: es tu documentación.

1. Empieza aquí: elige tu caso

Tu web puede publicarse de tres maneras. Las tres acaban en el mismo sitio (tu web funcionando en tu dominio); cambian quién hace cada cosa y dónde vive. Este manual documenta las tres de principio a fin.

	Caso A · Vercel	Caso B · Tu hosting	Caso C · Por tu cuenta
Para quién	La mayoría: no tienes nada montado o quieres lo mejor sin cuotas	Ya pagas un hosting (Hostinger, IONOS…) y quieres aprovecharlo	Tienes informático propio o te gusta gestionarlo tú
Qué haces tú	Crear 2 cuentas gratis en una videollamada de 15 min	Subir el ZIP a tu panel siguiendo el capítulo 4	Publicar tú con lo que te entregamos
Qué hacemos nosotros	Todo lo demás, primer despliegue incluido gratis	Entregarte el ZIP listo y esta guía completa	Entregarte el código y la guía completa
Coste del alojamiento	Según planes de Vercel: gratis (personal) o Pro (comercial)	El de tu hosting actual	El que elijas
Capítulo	Capítulo 3 →	Capítulo 4 →	Capítulo 5 →

Nuestra política, en una línea: el dominio, las cuentas y el código son SIEMPRE tuyos, a tu nombre, con accesos que tú controlas. Nosotros trabajamos como colaboradores con acceso que puedes revocar en un click. Nunca te pediremos contraseñas.

2. Conceptos desde cero

Cinco minutos aquí y el resto del manual se lee solo. Una web funcionando son cuatro piezas:

2.1 · La web (el código)

Tu web es un conjunto de archivos: textos, imágenes y código. Como un documento de Word, pero que los navegadores saben dibujar. Esos archivos los construimos nosotros y son tuyos: puedes llevártelos a donde quieras, siempre.

2.2 · El dominio (tu nombre)

tunegocio.es es tu nombre en internet: lo que la gente escribe para llegar a ti. Se compra en un registrador (10–15 €/año) y es tuyo mientras lo renueves. No es la web ni el hosting: es el rótulo que apunta hacia ellos. Todo el detalle en el capítulo 6.

2.3 · El hosting (dónde vive)

Los archivos de tu web tienen que estar en un ordenador encendido 24 h conectado a internet. Eso es el hosting: el "local" donde vive tu web. Puede ser Vercel (caso A), tu proveedor de siempre (caso B) o lo que tú elijas (caso C).

2.4 · Los DNS (la guía telefónica)

Cuando alguien escribe tunegocio.es, internet consulta los DNS de tu dominio: unas fichas que dicen "la web está en tal sitio" y "el correo llega a tal otro". Se editan desde tu registrador. Cada ficha se llama registro: los de la web (tipo A o CNAME) y los del correo (tipo MX) son independientes — por eso se puede cambiar la web sin romper el correo.

2.5 · GitHub (la caja fuerte del código)

GitHub es donde se guarda el código de tu web con el historial de cada cambio: quién tocó qué y cuándo, con vuelta atrás en un click. La cuenta es gratuita y tuya; a nosotros nos das acceso de colaborador para trabajar en tu web.

2.6 · Vercel (el enchufe a internet)

Vercel lee el código desde GitHub y lo publica: le da dirección, certificado SSL y una red mundial para que cargue rápido en todas partes. Lo que ofrece y lo que cuesta lo fija Vercel en sus planes y condiciones — consúltalos siempre en vercel.com/pricing ↗ y vercel.com/legal/terms ↗: plan Hobby gratuito para proyectos personales y plan Pro de pago para uso comercial, contratado por ti directamente con ellos. Nosotros no cobramos nada por el alojamiento.

2.7 · El candado (SSL/HTTPS)

El candado del navegador significa que la conexión va cifrada. Sin él, los navegadores muestran "No es seguro" y Google te penaliza. En los tres casos de este manual el certificado es gratuito y se renueva solo.

2.8 · Cómo encaja todo

🗂️Tu webLos archivos. Tuyos.

→

GitHubGuarda el código y su historial.

→

VercelLo publica con SSL y red mundial.

→

🌐tudominio.esTu nombre apunta a la web.

En el caso B, GitHub y Vercel se sustituyen por el servidor de tu hosting: el esquema es el mismo con menos automatismo.

3. Caso A · Publicar con Vercel (recomendado)

El estándar de la casa: sin cuotas nuestras, con historial de cambios, vuelta atrás y publicación en segundos. El primer despliegue está incluido en el precio de tu web y lo hacemos contigo en una videollamada de unos 15 minutos. ¿Cero soltura con internet? Sigue el manual de primeros pasos con capturas, click a click →

3.1 · Los pasos, uno a uno (desde cero absoluto)

Esto es exactamente lo que pasa en la sesión guiada. Tú tecleas (las cuentas son tuyas), nosotros te vamos dirigiendo:

Prepara dos cosas: tu email (el que uses de verdad) y, por si hiciera falta el plan Pro de Vercel, una tarjeta. Nada más.
Crea tu cuenta de GitHub: en github.com → "Sign up" → tu email → elige contraseña y nombre de usuario (vale tu negocio: "reformasgarcia") → te llega un código al correo → introdúcelo. Plan Free: no pagues nada.
Crea tu cuenta de Vercel: en vercel.com → "Sign up" → plan "Hobby" → pulsa "Continue with GitHub" y autoriza. Truco: así Vercel usa tu cuenta de GitHub y solo tienes una contraseña que recordar.
Danos acceso de colaborador: te habremos enviado una invitación al repositorio de tu web (te llega un email de GitHub: "invited you to collaborate") → ábrelo → "Accept invitation". Con eso podemos subir tu web y sus futuras mejoras. Este acceso lo puedes quitar tú cuando quieras (paso 3.2 del día a día).
Importa el proyecto en Vercel: en tu panel de Vercel → "Add New…" → "Project" → verás la lista de tus repositorios de GitHub → elige el de tu web → "Deploy". En menos de un minuto tu web está en internet en una dirección tipo tunegocio.vercel.app.
Conecta tu dominio: en Vercel → tu proyecto → "Settings" → "Domains" → escribe tunegocio.es → Vercel te muestra 2–3 registros DNS. Nosotros te los dejamos también por escrito y los metemos contigo en tu registrador (capítulo 6.3). En minutos u horas, tu web responde en tu dominio con su candado.
Comprueba y celebra: abre tudominio.es desde el móvil con datos (sin wifi), mira el candado, prueba el formulario. Te mandamos un email de cierre con todas las direcciones y qué cuenta es cada cosa.

¿Y el plan Pro? El plan Hobby de Vercel es para uso personal/no comercial según sus condiciones. Si tu caso requiere el plan Pro, lo contratas tú, con tu tarjeta, directamente con Vercel y a tu nombre (te avisamos antes, sin sorpresas). Es la única cuota posible del caso A y no es nuestra: es de Vercel, bajo sus condiciones.

3.2 · El día a día después de publicar

Pedir un cambio: nos escribes a info@avanzainformatica.es con lo que quieres cambiar → te confirmamos precio cerrado (capítulo 8) → lo subimos a GitHub → Vercel lo publica solo en segundos. Tú no tocas nada.
Ver el historial: en tu repositorio de GitHub está cada cambio con su fecha. En Vercel, cada versión publicada — y desde ahí se puede volver a una versión anterior en un click.
Quitarnos el acceso (esperamos que no 🙂): GitHub → tu repositorio → Settings → Collaborators → Remove. Tu web sigue funcionando exactamente igual: solo dejamos de poder actualizarla.
Si un día quieres irte: todo es tuyo desde el día uno. Te llevas el código (está en TU GitHub), el dominio (en TU registrador) y la cuenta de Vercel. No hay nada que pedirnos.

3.3 · Preguntas del caso A

¿Cuánto me va a costar al mes?

Nuestro precio es único y cerrado (el de tu web, IVA incluido). Después: el dominio (10–15 €/año, lo pagas a tu registrador) y el alojamiento según los planes de Vercel — gratuito en Hobby o el Pro contratado con Vercel si tu uso lo requiere. De nosotros, cuota cero: solo pagas si pides cambios.

No tengo ni idea de tecnología. ¿De verdad puedo con esto?

Sí. Los pasos de arriba los hacemos CONTIGO en videollamada, pantalla contra pantalla, y en 15 minutos están hechos. Solo necesitas saber leer tu correo. Y quedan escritos aquí para siempre.

¿Es seguro daros acceso de colaborador?

El acceso de colaborador solo permite trabajar sobre el código de tu web: no vemos tu contraseña, ni tu correo, ni tu facturación, ni podemos quitarte el repositorio (eres el dueño). Y lo revocas tú en un click cuando quieras.

¿Por qué no creáis vosotros las cuentas y me olvido?

Porque las condiciones de GitHub y Vercel exigen que la cuenta sea de su titular, y porque queremos que tu web sea tuya de verdad: si tus cuentas las creara otro, dependerías de él para siempre. Preferimos 15 minutos de videollamada hoy que tenerte atado mañana.

¿Puedo ver la web antes de conectar mi dominio?

Sí: desde el paso 5 tu web ya está en internet en tunegocio.vercel.app. De hecho así te enseñamos la muestra y los ajustes antes de la entrega.

¿Qué pasa si Vercel cambia sus precios o condiciones?

Puede pasar (son suyos). La ventaja de este esquema es que tu web no está atrapada: el código está en tu GitHub y se puede publicar en otro sitio (Netlify, tu hosting, un servidor) en una tarde. Te ayudaríamos a moverla como un cambio más.

¿Los correos del formulario de mi web dónde llegan?

Al buzón que tú nos digas (idealmente el de tu dominio, tipo info@tunegocio.es — capítulo 7). Lo dejamos configurado y probado en la entrega.

4. Caso B · En tu hosting de siempre

Ya pagas Hostinger, IONOS, Webempresa, un cPanel del trabajo… y quieres que tu web nueva viva ahí. Perfecto: tu web es estática (archivos), así que funciona en cualquier hosting sin requisitos especiales.

4.1 · Los pasos, uno a uno

Localiza tu acceso al panel: el email de bienvenida de tu hosting con el enlace de acceso, tu usuario y tu contraseña. Si no lo encuentras, recupéralo con "olvidé mi contraseña" antes de empezar (es lo que más tiempo hace perder siempre).
Entra en tu panel y busca el "Gestor de archivos", "Administrador de ficheros" o "File Manager". Todos los hostings lo tienen; si no lo ves, búscalo en la ayuda de tu proveedor con esas palabras.
Sube la web: con tu entrega recibes un ZIP con todos los archivos. Súbelo a la carpeta pública del hosting (se llama public_html, www o httpdocs según el proveedor) y descomprímelo ahí. Regla de oro: el archivo index.html debe quedar en la raíz de esa carpeta, no dentro de otra subcarpeta.
Activa el candado (SSL): en tu panel busca "SSL" o "Certificados" → activa el gratuito (Let's Encrypt, incluido en casi todos los hostings) → marca "forzar HTTPS" si existe la opción.
El dominio: si lo compraste en el mismo hosting, ya apunta bien y no hay que tocar nada. Si está en otro registrador, busca en la ayuda de tu hosting "apuntar dominio externo": ahí están los registros exactos (normalmente dos registros A o unos nameservers). Añádelos en tu registrador como explica el capítulo 6.2.
Prueba final: tudominio.es con candado, desde el móvil con datos, formulario incluido. Apunta dónde quedó cada cosa (panel, carpeta, SSL): tu futuro yo te lo agradecerá.

4.2 · Preguntas del caso B

¿Vale cualquier hosting?

Para una web informativa, sí: solo necesita servir archivos, y eso lo hace hasta el plan más barato. Para web apps con base de datos ya depende — lo miramos en tu propuesta y te decimos si tu plan da la talla.

Mi hosting es de WordPress, ¿hay problema?

No. Tu web nueva no necesita WordPress: son archivos y pesan poco. Si tienes un WordPress viejo en esa carpeta, descarga antes una copia de la carpeta antigua (esa es tu copia de seguridad), vacíala y sube la nueva en su lugar. Tu hosting da igual de qué esté "especializado".

¿Quién responde si el hosting se cae o va lento?

El proveedor del hosting: es su servidor y tú eres su cliente. Nosotros respondemos de la web (el contenido y su código). Está separado a propósito: cada uno responde de lo suyo y tú sabes a quién llamar en cada caso.

¿Cómo se hacen los cambios en este caso?

Igual que siempre: nos los pides con precio cerrado. La diferencia es la publicación: te enviamos los archivos actualizados y los subes tú, igual que hiciste en el paso 3 (sustituyendo los antiguos). Sin historial automático como en el caso A — por eso solemos recomendar el A.

¿Me conviene más el caso A aunque ya pague hosting?

Muchas veces sí: el caso A tiene historial, vuelta atrás y publicación instantánea, y quizá tu hosting solo lo necesites ya para el correo. Pero es tu decisión y las dos funcionan: te damos números en la propuesta y eliges.

5. Caso C · Por tu cuenta

Tienes informático, un sobrino que sí sabe (de verdad), o simplemente te gusta tenerlo todo en tus manos. Te lo damos todo masticado y te deseamos buen viaje — sin rencor y con la puerta abierta.

5.1 · Qué recibes y qué haces

Recibes el paquete completo: un ZIP con todo el código de tu web + una guía de publicación paso a paso (para Vercel, para hosting clásico y para servidor propio) + este manual.
Lee la guía de publicación del paquete: cubre paso a paso las opciones (Vercel, Netlify, hosting clásico) — y este manual documenta lo mismo en los capítulos 3 y 4.
Publicas donde quieras: Vercel o Netlify (gratis para empezar, siguiendo el capítulo 3 tú mismo), tu hosting (capítulo 4), o tu propio servidor si sabes lo que haces.
Guarda el ZIP original: es tu copia maestra. Pase lo que pase con tu proveedor, con ese ZIP tu web se levanta en cualquier sitio en una tarde.

5.2 · Preguntas del caso C

¿Qué cubre vuestra garantía en este caso?

Los 30 días de ajustes cubren lo que entregamos: el código y contenido de la web. Lo que ocurra en tu infraestructura (configuración de tu servidor, cambios que haga tu equipo en el código) queda fuera — es la contrapartida lógica de gestionarlo tú.

Mi informático quiere tocar el código, ¿puede?

Claro: es tuyo, sin licencias raras. El código va limpio y comentado. Eso sí: una vez modificado por terceros, nuestros cambios futuros sobre esa parte se presupuestan tras revisarla (necesitamos saber qué se tocó).

¿Y si me atasco publicándola?

La guía del paquete y los capítulos 3 y 4 de este manual cubren el proceso entero, click a click. Y si prefieres no pelearte con ello, siempre puedes pasarte al caso A: la publicación con Vercel la hacemos gratis.

6. Tu dominio

6.1 · Comprarlo, paso a paso

Entra en un registrador serio: DonDominio, Namecheap, IONOS, OVH… (todos venden el mismo nombre; compara el precio de renovación, no el del primer año).
Busca tunegocio.es → si está libre, al carrito. ¿.es o .com? Para negocio en España, .es; si el .com está libre, llévate los dos (~25 €/año en total).
Regístrate con tu email real y TUS datos (o los de tu empresa). Jamás con los datos o el correo de quien te hace la web — ni el nuestro.
Activa el doble factor de la cuenta y la renovación automática con una tarjeta válida.

6.2 · Conectarlo a tu web

En tu registrador hay una sección "DNS" o "Zona DNS". Ahí se añaden los registros según tu caso: en el caso A te los muestra Vercel en Settings → Domains (es el paso 6 del capítulo 3, y lo hacemos contigo gratis en el primer despliegue); en el caso B los publica tu hosting en su ayuda ("apuntar dominio externo"). Para añadir uno: botón "Añadir registro" → copia tipo, nombre y valor tal cual → guarda. Dos reglas: no borres los registros MX (son tu correo) y ten paciencia: los cambios tardan de minutos a unas horas en propagarse.

6.3 · No perderlo nunca

Renovación automática ON y tarjeta al día (la causa nº 1 de pérdida es un recibo devuelto en vacaciones).
El email de la cuenta del registrador debe ser uno que leas: ahí llegan los avisos.
Apunta en el calendario la fecha de caducidad, por si acaso.
Si caduca: hay periodo de gracia con recargo; si nadie lo rescata, sale a subasta y recomprarlo puede costar cientos de euros. Evitable al 100 % con la renovación automática.

7. Tu correo

7.1 · Las tres opciones para tener info@tunegocio.es

Opción	Precio	Para quién
El buzón de tu registrador/hosting	Gratis o casi	Quieres UN buzón sin complicarte; se activa desde tu panel
Zoho Mail	Gratis hasta 5 buzones	Varios buzones (info@, pedidos@) sin cuota; webmail moderno
Google Workspace / Microsoft 365	~6–7 €/mes por buzón	Vives en Gmail/Outlook o tienes equipo; incluye calendario y drive

Cómo se activa cualquiera de las tres: el proveedor que elijas tiene un asistente de configuración que te da los registros exactos (MX, SPF, DKIM) y en qué orden ponerlos. Se añaden en la zona DNS de tu registrador, exactamente igual que en el capítulo 6.2. Son unos 15 minutos siguiendo su asistente, y la web y el correo no se pisan entre sí.

7.2 · Lo que tienes que saber sí o sí

La web y el correo son independientes: viven en los mismos DNS pero en registros distintos (A/CNAME la web, MX el correo). Publicar o mover tu web NO toca tu correo si se hace bien — y por escrito queda qué registros son de qué.
SPF y DKIM activados: son dos registros que autentifican tu correo. Sin ellos, tus presupuestos acaban en el spam del cliente. Tu proveedor de correo te da los valores en su asistente; se añaden como dos registros más (tipo TXT) en tu zona DNS.
Doble factor en el buzón: tu correo es la llave maestra de todo lo demás (dominio, banco, redes). Protégelo el primero.

8. Cambios tras la entrega

Sin cuotas de mantenimiento: pagas solo cuando pides algo. Así funciona:

Nos escribes a info@avanzainformatica.es (o WhatsApp) con lo que quieres cambiar. Vale una foto, un audio o "súbeme el precio del corte a 15 €".
Te confirmamos por escrito la tarifa antes de tocar nada: 19 € retoque exprés (un texto, una foto, un precio) · 49 € cambio mediano (una sección: galería, promoción, textos de una página) · desde 129 € ampliación (página o funcionalidad nueva, con presupuesto cerrado en 48 h). IVA incluido.
Lo publicamos: retoques y cambios medianos, en 24–48 h laborables. Te avisamos con el enlace para que lo veas en vivo.

Los primeros 30 días tras la entrega los ajustes sobre lo entregado van incluidos: estrenar web tiene que ser tranquilo.

9. Preguntas generales

¿La web es mía de verdad? ¿Qué pasa si dejamos de trabajar juntos?

Es tuya: el código (entregado y/o en tu GitHub), el dominio (en tu registrador) y las cuentas. Si dejamos de trabajar juntos, nos quitas el acceso de colaborador y todo sigue funcionando igual. No hay permanencias, rescates ni secuestros.

¿Qué cuesta mantener la web cada año?

Lo fijo: el dominio (10–15 €/año) y, solo si tu caso lo requiere, el plan Pro de Vercel o tu hosting. De nosotros: cero fijo; cambios sueltos cuando los pidas (capítulo 8).

¿Hacéis copias de seguridad?

En el caso A la copia es estructural: el código completo con todo su historial vive en tu GitHub, y nosotros conservamos además el proyecto original. En los casos B y C, guarda tu ZIP de entrega: es tu copia maestra (y nosotros conservamos también el original).

¿Cómo sé que los mensajes del formulario me llegan?

En la entrega hacemos una prueba real contigo: rellenamos el formulario y compruebas que llega a tu buzón. Si algún día dejaran de llegar (cambio de correo, buzón lleno), escríbenos y lo revisamos.

¿Y las facturas?

Todo con factura: 50 % al aceptar el presupuesto y 50 % en la entrega, y factura también en cada cambio suelto. Precios siempre con IVA incluido.

¿Cuánto tarda todo el proceso, de principio a fin?

Una web sencilla: propuesta en 48 h, muestra en pocos días desde que tenemos tu contenido, y publicación el mismo día que des el visto bueno. Lo que más manda en el plazo eres tú: cuanto antes estén tus textos y fotos, antes está tu web.

Tengo una web vieja funcionando, ¿la nueva la rompe?

No. La nueva se construye y se enseña en una dirección provisional. Tu web vieja sigue en pie hasta el minuto del cambio de DNS, que es cuando el dominio pasa a apuntar a la nueva. El "apagón" es de minutos y sin dejar de recibir correo.

¿Puedo empezar en un caso y cambiarme a otro?

Sí, cuando quieras: de tu hosting a Vercel, de Vercel a tu servidor… La web son archivos y no está soldada a ningún sitio. Se presupuesta como un cambio y listo.

10. Glosario

Colaborador (GitHub): Persona con permiso para trabajar en un repositorio ajeno. Es el acceso que nos das: revocable por ti en un click.
Deploy / desplegar: Publicar una versión de la web en internet. En Vercel ocurre solo cada vez que el código cambia.
DNS: La "guía telefónica" de tu dominio: registros que dicen dónde está tu web (A/CNAME) y tu correo (MX). Se editan en tu registrador.
Dominio: Tu nombre en internet (tunegocio.es). Se alquila por años en un registrador y es tuyo mientras renueves.
GitHub: Servicio donde se guarda el código con historial de cambios. Tu web vive ahí en el caso A, en tu cuenta.
Hosting / alojamiento: El ordenador siempre encendido donde viven los archivos de tu web.
HTTPS / SSL: El candado: conexión cifrada entre el visitante y tu web. Gratis y automático en los tres casos.
MX (registro): El registro DNS que dice a dónde llega el correo de tu dominio. No se toca al cambiar la web.
Registrador: La empresa donde se compra y renueva el dominio (DonDominio, Namecheap, IONOS…).
Repositorio: La carpeta de tu proyecto en GitHub, con todo el código y su historial.
SPF / DKIM: Registros que autentifican tu correo para que no caiga en spam. Los valores los da tu proveedor de correo.
Vercel: Plataforma que publica tu web desde GitHub, con SSL y red mundial, bajo sus propios planes y condiciones.
ZIP de entrega: El paquete con todo el código de tu web que te entregamos. Tu copia maestra: guárdalo.

11. Guías rápidas

Lecturas cortas que complementan el manual:

Primeros pasos: tus cuentas click a click, con capturas → ¿Web, tienda online o app? Lo que necesitas de verdad → Tu dominio: cómo no perderlo nunca → Cómo salir en Google sin pagar → Fotos y textos que venden → Correo profesional sin pagar de más → Los 7 errores típicos en webs de negocios →

¿Falta algo en este manual? Si te has quedado con una duda, escríbela a info@avanzainformatica.es: te respondemos y la añadimos al manual para el siguiente. Así se ha escrito todo lo de arriba.
Presenta tu proyecto →