Tu landing en internet

El mapa del embudo

En la clase 3 creaste una landing. En la 4 trabajaste el contenido y el perfil. Ahora conectamos esas piezas: una persona tiene que poder descubrirte, entender tu propuesta y dar el siguiente paso.

Ejemplo: el taller mecánico de las clases anteriores

Un video explica tres señales de desgaste de los frenos. El perfil dice qué hace el taller y en qué zona atiende. Su enlace lleva a una landing sobre revisión de frenos. El botón dice «Consultar por una revisión» y abre WhatsApp con ese tema escrito. El taller responde, confirma el servicio y acuerda un turno.

Si la persona aún no está lista para consultar, puede haber otro camino: landing de captura → datos guardados → página de gracias y entrega de un recurso. Ese circuito corresponde a la clase 7. Un formulario dibujado en HTML no guarda contactos por sí solo.

Para repasar la estructura, volvé a las siete partes de una landing: titular, subtítulo, imagen, beneficios, prueba real, botón y datos de contacto.

Los archivos de tu landing

Abrir un archivo en tu computadora permite verlo solamente ahí. Publicar es copiar los archivos a un servicio de alojamiento —hosting— que los entrega cuando alguien abre tu enlace.

Prepará una carpeta completa

mi-landing/
├── index.html
└── imagenes/
    ├── taller.jpg
    └── logo.png

index.html debe estar en el primer nivel de la carpeta que subís. Si la imagen está en imagenes/taller.jpg, ese mismo nombre debe figurar en el HTML. Taller.JPG y taller.jpg pueden ser archivos distintos en internet. Usá nombres simples, sin espacios, y conservá las carpetas.

Un enlace como C:\Usuarios\… o file:///… apunta a tu computadora: al alumno o al cliente no le va a funcionar. Las imágenes deben viajar con la carpeta o tener una URL pública válida. Para videos largos, usá un reproductor insertado de YouTube o Vimeo; no cargues una grabación pesada dentro de la landing.

1. Abrí y revisá
   Abrí index.html en el navegador. Completá los datos pendientes y comprobá que las imágenes existan.
2. Confirmá la acción
   Elegí una sola acción: WhatsApp, un email o tu enlace de reservas. Repetir ese mismo botón está bien.
3. Pedile a la IA una revisión concreta
   Podés usar el prompt de abajo con el archivo y las imágenes de tu proyecto. Revisá el resultado antes de subirlo.

Revisá esta landing antes de publicarla. Te adjunto index.html y la lista de archivos de su carpeta.
Conservá mi contenido, mi diseño y la única acción que elegí.
1. Revisá que las rutas de imágenes y archivos sean relativas y coincidan con los nombres reales, incluidas las mayúsculas.
2. Quitá dependencias de mi computadora (C:, F:, file://). No inventes imágenes ni URLs para reemplazarlas: marcá lo que falta.
3. Verificá que se adapte al celular y que no haya textos cortados ni desborde horizontal.
4. Revisá el botón de WhatsApp con el número internacional que yo te indique. No inventes el teléfono.
5. Si hay un formulario, explicá dónde guarda los datos. Si no tiene un servicio conectado, no digas que funciona.
6. No inventes precios, testimonios, resultados ni datos del negocio.
Entregá el index.html completo y la estructura de carpetas. Después explicame qué cambiaste y qué tengo que probar manualmente antes de publicar.

Opción 1 · El enlace gratuito

Podés publicar sin comprar un dominio. La plataforma te asigna un enlace con HTTPS, como mi-taller.netlify.app. Ese enlace ya se puede abrir, compartir y colocar en tu perfil.

No es una prueba que solo se vea en tu computadora: es una página pública. La dirección pertenece al dominio de la plataforma y depende de tu cuenta y de sus condiciones. Más adelante podés sumarle tu propio dominio sin rehacer el diseño.

Las cinco plataformas de la clase 3, con sus condiciones

Condiciones consultadas el 22/10/2026. Todas admiten HTML e imágenes; el almacenamiento y el tráfico tienen límites. Netlify Free tiene un cupo de 300 créditos mensuales: las publicaciones y el uso consumen ese cupo. Consultá el panel antes de lanzar una campaña. No hace falta elegir cinco servicios: para la práctica usá uno.

Publicación guiada con Netlify Drop

1. Entrá con tu cuenta
   Abrí Netlify Drop e iniciá sesión o creá una cuenta propia para administrar el sitio.
2. Arrastrá la carpeta
   Subí la carpeta que contiene index.html y sus imágenes. Si tenés un ZIP, descomprimilo primero. Este flujo espera los archivos finales de una página estática.
3. Abrí el enlace publicado
   Esperá a que termine y abrí la dirección …netlify.app. Copiala desde el navegador; no compartas la dirección del panel de administración.
4. Probá desde otro dispositivo
   Abrila en el celular, preferentemente fuera de tu sesión. Mirá las imágenes, tocá el botón y comprobá el número de WhatsApp.
5. Actualizá el mismo proyecto
   Si corregís el HTML, subí de nuevo la carpeta completa en la sección de despliegues del proyecto existente. Así conservás el enlace; no crees un sitio nuevo para cada corrección.

Opción 2 · Tu dominio propio

Un dominio propio es un nombre que registrás y renovás, como tumarca.com o tumarca.com.ar. Comprar ese nombre no sube tu página ni crea automáticamente un buzón de correo.

Dónde registrarlo

No necesitás comprar hosting ni correo junto con el nombre si tu página ya tiene alojamiento. Cloudflare Registrar utiliza los DNS de Cloudflare. En otros registradores puede haber un editor DNS propio o la posibilidad de delegar en otro servicio.

Cómo se lee una dirección

• https://: la conexión cifrada con la web.
• tumarca.com.ar: tu dominio registrado; también se lo llama raíz o dominio principal.
• www o turnos: un subdominio. www no aparece por arte de magia: también hay que configurarlo.
• /frenos: una ruta dentro del sitio. La resuelve el hosting; no se agrega como registro DNS.

Podés crear subdominios sin registrar cada nombre por separado. Si ya tenés una web en la raíz, conectar turnos.tumarca.com.ar permite añadir la landing manteniendo la web existente.

El DNS y sus registros

El DNS permite encontrar los servicios de un dominio. El registrador administra el nombre; el proveedor DNS guarda sus registros; el hosting sirve los archivos. Pueden ser tres empresas distintas.

Los campos de un registro

Tipo indica qué hace; nombre —Host o Name— a qué parte del dominio se aplica; valor —Value, Content o Target— a dónde apunta o qué contiene. También puede haber TTL, que indica cuánto tiempo se guarda en caché, y campos adicionales: un MX, por ejemplo, lleva prioridad. Si no te indican otra cosa, usá el TTL automático.

@ suele representar la raíz. www significa www.tumarca.com.ar. Algunos paneles completan el dominio solos: revisá el nombre final para no terminar con www.tumarca.com.ar.tumarca.com.ar.

El DNS no elige una página interna ni redirige a WhatsApp. /frenos se configura en el sitio y el enlace a WhatsApp vive en el botón del HTML.

La conexión con tu hosting

Conectar tiene dos lados: avisarle al hosting qué dominio vas a usar y cargar en el DNS los registros que ese hosting necesita.

1. Verificá que el enlace gratuito funcione
   Si la landing falla en …netlify.app o …pages.dev, primero corregí la publicación. El dominio no arregla archivos que faltan.
2. Agregá tu dominio al proyecto
   Buscá Domains / Custom domains / Administración de dominios. Ingresá la dirección elegida, por ejemplo www.tumarca.com.ar, sin https:// ni una ruta.
3. Copiá las instrucciones del hosting
   Anotá tipo, nombre y valor de cada registro. Una verificación de propiedad puede pedir un TXT adicional. Guardá la pantalla para comparar.
4. Abrí el proveedor DNS vigente
   Es el servicio al que apuntan tus servidores de nombres. No necesariamente es donde pagaste el dominio. Cargá allí exactamente los registros solicitados.
5. Verificá y esperá el certificado
   Volvé al hosting y ejecutá la verificación. El cambio DNS puede tardar; la emisión del certificado HTTPS también tiene su propio estado. Esperá a que ambos estén correctos.
6. Elegí una dirección principal
   Si querés que funcionen con y sin www, agregá ambas en el hosting y configurá sus registros según sus instrucciones. Elegí cuál es la principal y redirigí la otra desde el hosting.
7. Cambiá el enlace de tu perfil
   Hacelo cuando el dominio abra con HTTPS y el botón funcione. Conservá el enlace gratuito para diagnosticar problemas.

Ejemplo de conexión a Netlify

Si tu proyecto es mi-taller.netlify.app y querés usar www.tumarca.com.ar, primero agregás ese dominio en Netlify. Para un subdominio, su configuración externa indica un CNAME con nombre www y destino mi-taller.netlify.app. Para la raíz, seguí la instrucción específica de Netlify y las opciones de tu proveedor DNS. No copies la IP de una captura de GoHighLevel.

Si usás Cloudflare Pages

Agregá el dominio en tu proyecto de Pages → Custom domains. Para conectar la raíz, el dominio debe estar como zona en Cloudflare y delegado a sus servidores; Pages crea el registro correspondiente. Un subdominio puede usar DNS externo con el CNAME indicado. Crear solo el CNAME sin asociar el dominio al proyecto no completa la conexión.

El proxy de Cloudflare —la nube naranja o gris— no es una regla universal. Para un servicio externo, seguí su indicación. GoHighLevel pide DNS only en su conexión; Pages tiene su propio flujo. No cambies todos los registros a la vez.

Guías: DNS externo en Netlify · Dominios en Pages.

Un .com.ar: de NIC a Cloudflare

En NIC Argentina registrás y renovás tu .com.ar, pero no tenés un editor de registros A, CNAME, TXT o MX. Para configurarlos necesitás un proveedor DNS. En esta clase usamos Cloudflare y su plan gratuito de DNS.

1. Registrá el dominio en NIC
   Entrá a nic.ar, consultá disponibilidad y completá el registro con los requisitos vigentes. Si ya lo tenés, usá la cuenta que lo administra.
2. Agregalo a Cloudflare
   Creá tu cuenta, añadí el dominio raíz —por ejemplo tumarca.com.ar— y elegí el plan Free. Agregarlo a DNS no publica los archivos: el hosting se administra aparte.
3. Revisá los servicios que ya existen
   Antes de cambiar servidores, comprobá en Cloudflare los registros de la web, el correo y las verificaciones que ya usás. La importación automática puede omitir registros. Conservá una copia de los valores y servidores anteriores.
4. Copiá los servidores asignados
   Cloudflare te entrega los servidores de nombres de tu zona, normalmente dos. Copiá esos nombres exactos. No uses los de otro alumno ni escribas una IP de hosting en su lugar.
5. Delegá desde NIC
   Ingresá al dominio en NIC/TAD y elegí Delegar. Reemplazá los servidores anteriores por los asignados por Cloudflare y guardá. Para servidores externos de Cloudflare no corresponde usar Autodelegar.
6. Esperá a que Cloudflare lo marque activo
   La delegación puede tardar horas y, en algunos casos, hasta 24–48 horas. Si sigue pendiente, compará los servidores guardados en NIC con los asignados a esa zona.
7. Cargá los registros y verificá el hosting
   En Cloudflare → DNS → Records agregá los registros que te pide la plataforma de tu landing, siguiendo el paso anterior. Si usás Pages con la raíz, asociá el dominio desde el proyecto de Pages.
8. Probá web y correo
   Abrí la landing con HTTPS y probá los servicios que existían antes. Cambiar los DNS no transfiere la propiedad ni la renovación: el dominio sigue registrado en NIC.

Cloudflare es una opción, no el único proveedor DNS posible. Si tu .com.ar ya está delegado en un servicio que permite administrar registros, podés usar ese editor sin trasladarlo.

Referencia: instructivo de delegación de NIC Argentina.

Los registros del correo

La web y el correo comparten el dominio, pero se conectan por separado. Para publicar una landing con un botón a WhatsApp no hace falta configurar un servicio de envío de emails.

Si más adelante enviás correos con tu dominio, el proveedor te mostrará su propia tabla. En el ejemplo de GoHighLevel de la presentación de Gabriel aparecen dos TXT, un CNAME y dos MX. Esa cantidad y esos valores pertenecen a ese caso: otro servicio puede pedir algo distinto.

Que SPF y DKIM verifiquen no garantiza llegar a la bandeja de entrada: también influyen la reputación, el consentimiento y el contenido. El dominio de una web funcionando tampoco garantiza que su correo esté configurado.

Ampliación: SPF, DKIM y DMARC.

La prueba completa

La entrega de esta clase es una landing publicada con un enlace que cualquier persona pueda abrir y un botón probado. El dominio propio es opcional.

El botón de WhatsApp

El enlace usa https://wa.me/NUMERO, con el número completo en formato internacional, sin +, espacios ni guiones. Podés sumar un mensaje mediante ?text=…, codificado para una URL. Confirmá el formato de tu número y probalo desde otro teléfono; no publiques un número de ejemplo.

Un mensaje útil continúa la oferta: «Hola, vengo de la página de revisión de frenos y quiero consultar por un turno». El clic abre la conversación; la persona todavía tiene que enviar el mensaje y vos responderlo.

Revisá tu recorrido

Esta lista es para tu revisión en esta pantalla; no envía respuestas ni guarda una entrega.

Si algo no funciona

Tu entrega: compartí el enlace público, explicá qué acción debe hacer quien llega y mostrale a un compañero el recorrido completo. Si no compraste dominio, el enlace gratuito cumple el objetivo de esta clase.

Para repasar

Todo lo de esta clase, para volver cuando lo necesites.

Videos cortos

Cada uno explica una palabra de esta clase en menos de un minuto. Tocalo para verlo en pantalla completa.

Para leer

La clase completa en PDFPara leerla de corrido o imprimirla.