Te voy a enseñar cómo puedes conectar un dominio personalizado a Framer en menos de 5 minutos.
Para publicar tu sitio con tu dominio personalizado puede parecer muy complejo pero en realidad solo necesitas hacer tres pasos:
Vamos a ver cómo se hacen cada uno de estos pasos.
Si ya tienes tu dominio puedes ir directamente hasta el último paso.
Recomendamos hacerlo en Google Domain, ya que es una de las más sencillas. Además, para conectar tu dominio a cualquier herramienta No-code seguro que son compatibles.
Una vez ya en https://domains.google/ buscamos el dominio que queremos.
Cuando ya sabemos el dominio que queremos lo añadimos al carrito.
En mi caso, voy a adquirir nocodehackers.app
.png)
Lo añadimos al carrito y simplemente tenemos que marcas los siguientes checks (privacy protection is on & Auto-renew is on), cuando lo tengamos hacemos el pago.
En este momento, ya lo tendremos en nuestra cuenta.
¡Ya tenemos nuestro dominio! 👏
Es momento de conectarlo a Framer.
Como puedes observar en la imagen, el mismo Framer nos genera un dominio.
Para añadir nuestro dominio, le daremos clic en “Add Custom Domain”.
.png)
Iremos a “Custom Domain” → Connect a domain your own.
Tendremos que escribir nuestro dominio, en mi caso nocodehackers.app:
.png)
Cuando lo hagamos nos saldrá la siguiente pestaña:
.png)
Te voy a explicar cómo funciona:
El DNS Records te permite apuntar tu dominio a tu página creada en Framer y hay dos tipos: Tipo A y Tipo CNAME.
Así que eso es exactamente lo que tenemos que hacer.
Debemos Añadir 2 A Records y un CNAME a nuestro dominio.
¿Cómo se hace eso?
Vamos a verlo en Google Domains.
Tendremos que dirigirnos a la parte de la izquierda donde aparecerá aquí las opciones de DNS.
Donde escribiremos la información que nos dio Framer (lo puedes ver en la última imagen)
.png)
Ahora ya tenemos el dominio totalmente conectado a nuestra página de Framer. ✅
No te preocupes si tu dominio no se conecta al momento, es normal, suele tardar de 30-45 minutos.
Para saber si tienes conectado el dominio tienes que ver este circulo verde 🟢
Espero que te haya sido útil el tutorial. 😊
Si prefieres ver el tutorial en video también puedes hacerlo:
Descubre el mundo del no-code en 1 hora
Conoce proyectos creados en No-code y descubre las mejores herramientas.
Aprende Gratis
Crea 5 proyectos reales en 6 semanas
Descubre cómo utilizar las mejores herramientas No-code en esta formación práctica.
Empieza a aprender
Academia de herramientas no-code y low–code
.svg){kind=icon}
