It’s not a secret that I’m quite a Carrd.Co fan. I’ve created a dozen websites with it, and it hosts many of my “core” landing pages like IntroToAWS.com, ebook.IntroToAWS.com, CloudNewbies.com, and even my landing page at hirokonishimura.com.
Once you are a Carrd user, you will likely want to connect your domain or subdomain to your landing page. Here’s a super quick tutorial on how you can do that on Namecheap (but the process should be very similar with most domain name registrars!).
With a free version of Carrd, you can set up number of landing pages and websites with beautiful templates that’s ready to go in a few short minutes to test it out. Once you decide that you like what you’ve made, you can subscribe to their extremely cheap Pro options.
For our purpose, you will need to subscribe to the “Pro Standard.” For most of your uses, I think the $19/year subscription will suffice! If you find that you DO want some of their other features, like Password Protection and Downloadable Sites, you can very easily upgrade at that point!
Connecting a Domain to Carrd
In case you want official documentation, here’s Carrd’s documentation how to use a custom domain.
First, create and design a new landing page on Carrd. I won’t get into that here, because that’s the whole reason for Carrd to exist! It’s pretty intuitive, though there IS a slight learning curve, but I’m sure you’ll do great!
When you’re done, click on the floppy disk icon at the top right corner to begin the saving process.
- Fill in your webpage’s title and description
- Check “Use a custom domain“
- Fill in your domain’s URL in box labeled “domain.ext”
- In the table below the input box, the Type: CNAME entry should change the Target entry from domain.ext. to yourdomain.com.
- Note the Target values (don’t close this window) before moving to your Domain Name Registrar (in this case, Namecheap)
Domain Name Registrar
Log into your domain name registrar, and find the option to edit your domain’s DNS.
DNS stands for “Domain Name System,” and you can think of it like a phone book. It basically points a domain name to the server its content is hosted on, and makes sure that when someone types in yourdomain.com, they are able to load your website’s content!
- In Namecheap, go to Dashboard > Domain List > Click on “Manage” button on your Domain > Go to “Advanced DNS” tab
- Click on “Add New Record,” and copy over the 3 values Carrd gave you earlier (A Record, A Record, and CNAME Record)
- Values = Targets in this case; Make sure the CNAME record’s Value is yoururl.com., not domain.ext.
- Delete any of records that were previously there relating to A records or Redirects for the domain
And that’s it! You go back to the Carrd dashboard, and save! You will have to wait 30 minutes ~ 1 hour for DNS to work its magic, and it should be ready to go!
Carrd will even provide SSL certificate, so you can access your website will be secure, and you can access it with https://yourdomain.com!
Connecting a SUBDomain to Carrd
A subdomain is something like ebook.introtoaws.com. It’s the text that comes before the period on .yourdomain.com, allowing you to create multiple websites on one domain.
This is helpful when you have one brand with multiple projects, or you just don’t want to buy multiple domains! The official “definition” of a “sub domain” is “subdivision of a domain.” Makes sense.
Here’s the official documentation on Using a Custom Subdomain from Carrd!
Once you put in subdomain.yourdomain.com in the input box in Carrd, it should automatically populate the necessary values for you to insert into your DNS.
You follow the same steps as above, but instead of putting @ in Host, you put in the subdomain! In the example below, I use the subdomain ebook, for ebook.introtoaws.com.
Coincidentally, I use Carrd for the domain itself as well, so I already had a CNAME Record for www.introtoaws.com and A records for @ values.
Once again, you’ll need to wait 30 minutes ~ 1 hour, but once it propagates, you should see your website! You can check out my little project at https://origamiwords.com!
If at any point you want access to more templates than what Carrd.co has available, there are layout templates available at Drrac.co as well!
It might be surprising, but this was not at all a sponsored post. I’m just an avid user! You can check out my other Tutorials and Resources on this blog HERE!