Hoy vamos a ver paso a paso cómo añadir un dominio personalizado a Webflow.
Veremos que es realmente sencillo. Sólo tenemos que hacer los siguientes pasos:
Lo primero que deberemos hacer es comprar un plan para el sitio: https://webflow.com/pricing y elegir uno de los planes de sitio que nos ofrecen. En mi caso, voy a escoger el Plan mensual con acceso al CMS, debido a que voy a alojar un blog dentro de Nocodehackers, y el CMS permite hacerlo de manera realmente sencilla, además de ser una pieza clave en muchos otros aspectos.
Además, será necesario contratar un dominio en un proveedor.
El más sencillo para realizar la conexión con Webflow es Google Domains, que ofrece una gran cantidad de dominios a precios bastante razonables. Sin embargo puedes utilizar cualquier proveedor de dominios que quieras (Godaddy, ...)
Yo, por ser mi proveedor habitual, trabajo con Sered.net, así que será dónde explique la configuración del hosting. El dominio elegido es Nocodehackers.es
Te dejo aquí una guía para el resto de proveedores.
En la pestaña de ajustes del proyecto, bajo la pestaña de Hosting, encontrarás un campo que te permite añadir el dominio, llamado Add Existing Domain.
Introduce ahí el dominio que has comprado y haz click en Add Domain.
¡Listo!
Webflow pide que añadas dos campos A al dominio, así como un campo CNAME. Esto es lo que le indica al dominio que apunte a tu proyecto de Webflow.
Te dará toda la información que necesitas en una pantalla como la siguiente:
Ahora, entra en Sered.net, y vete a tu dominio.
Si no tienes contratado un plan de hosting, será necesario que lo contrates por un mes, para poder hacer la configuración del dominio.
Si ya lo tienes, deberás añadir el dominio como un Alias, dentro de tu panel de control. Te dejo un tutorial de cómo hacerlo: https://www.youtube.com/watch?v=AktChb_coRg
Entra al CPanel (panel de configuración) de tu hosting.
Deberás ir hasta el apartado que pone DNS Zone Editor.
Ahí tendrás tu dominio que acabas de añadir.
Entra administrar.
Te encontrarás con un gran listado de opciones y campos. Puede asustar, pero es realmente sencillo lo que tenemos que hacer.
Saca una captura de todos los datos que vienen por defecto, para actuar como Backup en caso de que te equivoques.
Lo primero que deberás hacer es buscar todos los campos que tengan un valor tipo A, y que tengan como nombre tu dominio (nocodehackers.es), y eliminarlos.
Sería algo así:
Nombre: nocodehackers.es, Tipo: A, Registrar: XXX.XXX.XX.XX
De la misma manera, deberás buscar todos los campos que tengan valor CNAME y como nombre www.nocodehackers.es (Sustituye eso por el nombre de tu dominio).
Nombre: www.nocodehackers.es, Tipo: A, Registrar: XXX.XXX.XX.XX
(Si aparece un punto al final también es válido).
Ahora deberás volver al apartado anterior, saliendo del panel de administración, y añadir dos A Records, poniendo como nombre:
IP: XXX.XXX.XXX.XXX (La que Webflow te proporciona)
Además, deberás añadir un campo CNAME:
Nombre: www.nocodehackers.es
¡Y ya está listo! - Puede tardar cierto tiempo en propagarse los cambios, en mi caso tardó aproximadamente unos 10 minutos.
Ahora verás que a la hora de publicar, tienes dos opciones, ya que aparecerá tu dominio nuevo como opción.
Selecciónalo, y dale a publicar.
¡Listo!
El dominio se publicará sin problemas, y te aparecerá así:
Tendrás que seleccionar una versión (con o sin www.) como por defecto. Selecciona la que más te guste.
¡Y listo!
No debería haberte llevado más de 10 minutos pasar por todo este proceso, y tu proyecto de Webflow debería haber sido publicado.
¡Genial! :D
Espero que este tutorial haya sido de ayuda. Si necesitas ayuda con algún otro proveedor o te pierdes, escribeme un mail a hola@vaughtton.com
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}
