Conectar Carrd a dominio propio

En este tutorial vamos a ver paso a paso cómo conectar Carrd a nuestro propio dominio una vez que ya tenemos la web creada.

El ejemplo se va a realizar con un dominio comprado en ProfesionalHosting y el gestor Plesk ya que es el proveedor con el que trabajo habitualmente, pero si tienes otro proveedor podrás llevar a cabo este tutorial sin problemas.

Si aún no tienes dominio y quieres comprar uno, puedes mi enlace de afiliados de ProfesionalHosting. El precio está muy bien, pero me lo agradecerás por el soporte del equipo técnico.

¿Por qué comprar un dominio propio para nuestra web Carrd?

Cuando queremos lanzar un negocio o proyecto y queremos actuar rápido es común utilizar la dirección de dominio que nos generan herramientas como Carrd o Webflow.

Pero si queremos darle un toque más profesional a nuestra web o crear una imagen de marca potente, tendremos que utilizar un dominio propio.

En este tutorial, vas a aprender como conectar Carrd a un dominio personalizado. En este caso, el ejemplo práctico será configurar nuestro servidor para que el dominio https://wefoundy.com muestre la web que tenía Carrd alojada en «https://wefoundy.carrd.co»

Vista de la página de WeFoundy en Carrd de que vamos a conectar al dominio propio
Página principal del dominio wefoundy.carrd.co antes de configurarlo en dominio propio

Ten en cuenta que en el momento que nuestro dominio cargue la web de Carrd, ya no se podrá visualizar la página con subdominio *.carrd.co

Crear web en Carrd

Para poder seguir este tutorial de manera práctica necesitarás tener una página web con Carrd, si aún no la tienes, te recomiendo leer el post Crear web con Carrd.

Publicar Carrd con dominio propio

Una vez que tenemos nuestra web lista, tenemos que pulsar en el icono de guardar que encontraremos en la parte superior de la ventana principal de Carrd, en la cual nos preguntará como queremos publicar el sitio mostrando las siguientes opciones:

  • Publicar como una URL de Carrd
  • Publicar como un dominio custom
  • Guardar como plantilla
  • Guardar como un borrador offline

Seleccionaremos la segunda opción y automáticamente nos pedirá el dominio al que queremos conectar nuestra web de Carrd.

Campo de texto de Carrd para indicar el dominio en el que publicaremos nuestra web y listado de registros a añadir en la configuración DNS
Campo de texto de Carrd para indicar el dominio en el que publicaremos nuestra web y listado de registros a añadir en la configuración DNS

Gestión de registros DNS de Carrd en dominio

Una vez hayamos guardado nuestra web en Carrd, iremos al panel de control de nuestro dominio y buscaremos la sección de DNS dentro del panel Plesk.

Vista de la pestaña dominios dentro del panel de administración Plesk
Vista de la pestaña dominios dentro del panel de administración Plesk

Una vez estemos dentro del dominio que queramos, encontremos el apartado «Hosting y DNS», en el cual nos mostrará un listado de los DNS que nos asigna nuestro proveedor por defecto.

Listado de DNS por defecto en panel Plesk para el dominio WeFoundy.com
Listado de DNS por defecto en panel Plesk para el dominio WeFoundy.com

Eliminar los registros DNS por defecto

Si el proveedor de servicios nos crea por defecto un listado de registros para nuestros DNS, tendremos que eliminar aquellos de tipo «A» que pertenezcan al dominio principal. No eliminaremos aquellos que pertenezcan a subdominios.

Ejemplo de registros a eliminar para la configuración de Carrd en un dominio propio
Ejemplo de registros a eliminar para la configuración de Carrd en un dominio propio

Añadir registros DNS con la información de Carrd

Por último, tendremos que añadir nuestros registros de tipo «A» utilizando las IP que nos indicaba al publicar la web en Carrd:

Ejemplo creación primer registro de tipo "A" para conectar Carrd a dominio con la primera IP asignada por Carrd
Ejemplo creación primer registro de tipo «A» para conectar Carrd a dominio con la primera IP asignada por Carrd
Ejemplo creación segundo registro de tipo "A" para conectar Carrd a dominio con la segunda IP asignada por Carrd
Ejemplo creación segundo registro de tipo «A» para conectar Carrd a dominio con la segunda IP asignada por Carrd

Importante: El Nombre «@» que nos muestra la imagen de Carrd lo dejaremos en blanco si no nos permite poner el valor «@».

Si no existe, también añadiremos un registro de tipo «CNAME» donde indicaremos que el host es «www» y en el campo «target» o nombre canónico escribiremos la URL que queramos configurar.

Ejemplo de creación de registro DNS de tipo "CNAME" para conectar Carrd con dominio propio
Ejemplo de creación de registro DNS de tipo «CNAME» para conectar Carrd con dominio propio

Configuraciones adicionales

Configurar Carrd para dominio Profesional Hosting

Si después de todos estos pasos no has conseguido configurar tu web en Carrd con tu dominio, vamos a verificar los siguientes pasos adicionales que yo me he encontrado en Profesional Hosting, desconozco si hay otros proveedores que también se ven afectados

Modificación de registros «A» con subdominio

Busca registros de tipo «A» cuyo host sea distinto al dominio principal, y si existen, cambia las IP asignando el valor que nos facilita Carrd, en mi caso, encontramos los registros ns1.wefoundy.com y ns2.wefoundy.com:

Listado de registros DNS de tipo «A» para configurar Carrd con nuestro dominio

Como puedes ver, estoy creando los registros nuevos sin asignar subdominio (Host vacío) y modificando los registros que me crea el proveedor por defecto asignando las mismas IP.

Modificar NameServer para configurar Carrd – Profesional Hosting

Hasta ahora, hemos configurado la sección de DNS del dominio, pero en ocasiones es necesario también la modificación de los NameServers para hacer funcionar la sincronización de los registros.

Para ello, utilizaremos los registros de tipo «NS» que se generan en la sección de DNS.

Ejemplo de registros de tipo «NS» generados en la sección de configuración DNS

Con esta información, iremos al apartado de gestión de dominio, y buscaremos la sección de «NameServers» y seleccionaremos la opción de «Utilizar nameservers personalizados». En este apartado, añadiremos la información de las IP que hemos visto en la imagen anterior, una vez hecho esto, guardaremos los cambios y daremos por finalizada la configuración.

Configuración de nameservers en un dominio personalizado
Configuración de nameservers en un dominio personalizado

Visualización de la web en nuestro dominio

Si todo ha ido correctamente, ya tendremos configurado nuestro dominio personalizado. Para comprobarlo, entraremos en la URL del dominio que hayamos seleccionado, en nuestro caso en https://wefoundy.com

Visualización del resultado de conectar Carrd con dominio propio.
Visualización del resultado de conectar Carrd con dominio propio.

Es importante tener en cuenta que la propagación de los dominios puede tardar hasta 24 horas en tener efecto y que no veremos los cambios de manera inmediata, pasado ese tiempo (normalmente es menos) podremos acceder a nuestra web de Carrd a través de nuestro propio dominio.

Añadir Google Analytics a Carrd

Si queremos monitorizar el comportamiento de los usuarios en nuestra página web de Carrd, podemos añadir herramientas de analítica. En este post te muestro paso a paso como añadir Google Analytics en Carrd.

Conclusiones

Como puedes ver, a través de la configuración de los registros DNS de nuestro servidor, hemos conseguido conectar una web con Carrd a un dominio propio eliminando así de la url «.carrd.co» que nos asigna por defecto, y todo en cuestión de minutos.

Por último, si te ha gustado el post y quieres aprender más sobre Carrd, te invito a descargar nuestro curso gratis cómo crear un ecommerce monoproducto con Carrd

Si te ha gustado esta entrada, compártelo en tus redes y/o escribe tu comentario.

3 comentarios en «Conectar Carrd a dominio propio»

  1. La verdad me han ayudado demasiado aprecio el tiempo que tomaron para guiarme, estuve tratando de configurar el dns por mis propios medios y no pude me encontré con ellos y en cuestión de minutos ya estaba resuelto

    Responder

Deja un comentario

RSS
LinkedIn
Share