In this guide, we'll walk you through the process of adding a custom domain to your Framer website. Custom domains provide a professional touch to your site and make it easier for visitors to find you. Let's get started!

Configuring Your Domain

By default, Framer preview links use the format https://*.framer.app. However, you can set up a custom or free .framer domain by following these steps:

1. Go to your Framer project's Settings.

2. Navigate to the Domain section.

3. If you've previously set up a custom .framer domain (e.g., mytestsite.framer.website), you'll need to remove it first. Once removed, you can add your new domain to the custom domain field.

Setting Up a Custom Domain (e.g., yourdomain.com)

If you've purchased a custom domain through a web hosting service such as Google Domains or GoDaddy, Framer may support auto connect which will make connecting your domain super easy. Simply follow the instructions and your domain will be connected.

However, if your domain was purchased from a vendor that does not support auto connect, follow these steps to connect it to your Framer project:

1. Go to the Domains page in your Site Settings.

2. Select Connect a domain you own.

3. Enter your custom domain.

4. Replace your DNS records (find them a little lower on this article) with the Framer DNS records provided (usually found under Domain Settings > DNS Records in your domain provider's panel).

For specific instructions, refer to support articles for commonly used domain registrars like NameCheap, GoDaddy, Google Domains, Ionos 1&1, Gandi, and Cloudflare.

• NameCheap. Adding A Records and a CNAME

• GoDaddy: Adding A Records and a CNAME

• Google Domains: Adding A Records and a CNAME

• Ionos 1&1: Adding A Records and a CNAME

• Gandi: Adding A Records and a CNAME

• Cloudflare: Adding A Records and a CNAME

Framer DNS records

To configure a 'naked' or 'apex' domain, go to your domain's DNS settings in your domain hosting provider, and create two A records and one CNAME (for the redirect) with the following values:

For Custom Subdomains (e.g., subdomain.yourdomain.com)

To configure a subdomain, simply set up a CNAME record in your DNS settings. Some DNS providers may require you to add a dot or period at the end (e.g., sites.framer.app.). The name for the CNAME record should be either the full domain or just the "subdomain" part, depending on your DNS provider.

Confirming Changes (Propagation)

After configuring your DNS records, keep in mind that it may take up to 48 hours for the changes to propagate globally and your site to become accessible via the custom domain. However, this process often completes much faster, sometimes within minutes. The Time to Live (TTL) for DNS records can vary, so be aware of the settings you choose. Some larger or less cooperative internet service providers may not respect low TTL values, so using a public DNS server like 1.1.1.1 can be a workaround.

Troubleshooting

• Ensure that you've removed all other A and AAAA records that could take precedence over the ones you set up.

• Double-check if your DNS provider requires a period at the end of the CNAME record for your domain.

• Use tools like nslookup.io to debug your DNS settings if needed.

Dealing with Domain Conflicts

If you encounter an error indicating that your domain is already taken, it may be associated with another project. Remove the domain from that specific project and add it to the one you want to use.

By following these steps, you can successfully add a custom domain to your Framer website, enhancing its professionalism and accessibility. If you have any technical questions or require further assistance, feel free to reach out to our support team.