Tutorials

Adding a Custom Domain to Your Framer Website

Written by Teodor Iliev

571 followers

Updated

Feb 14, 2024

Reviewed by Adam Crookes

Tutorials

Adding a Custom Domain to Your Framer Website

Written by Teodor Iliev

571 followers

Updated

Feb 14, 2024

Reviewed by Adam Crookes

Tutorials

Adding a Custom Domain to Your Framer Website

Written by Teodor Iliev

571 followers

Updated

Feb 14, 2024

Reviewed by Adam Crookes

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.

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.

Build your site today!

Explore our conversion focused templates

Jumpstart your business with a conversion focused landing page.

Written by Teodor Iliev

568 followers

Teodor Iliev is the founder of Wize Design and Wize Templates. He has more than 7 years of web design experience in agencies that have done work for Sony, G2 eSports, HP, NYU, and more.

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.

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.

Build your site today!

Explore our conversion focused templates

Jumpstart your business with a conversion focused landing page.

Written by Teodor Iliev

568 followers

Teodor Iliev is the founder of Wize Design and Wize Templates. He has more than 7 years of web design experience in agencies that have done work for Sony, G2 eSports, HP, NYU, and more.

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.

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.

Build your site today!

Explore our conversion focused templates

Jumpstart your business with a conversion focused landing page.

Written by Teodor Iliev

568 followers

Teodor Iliev is the founder of Wize Design and Wize Templates. He has more than 7 years of web design experience in agencies that have done work for Sony, G2 eSports, HP, NYU, and more.

Other articles

Jump start your agency with a high-converting landing page

Jump start your agency with a high-converting landing page

Jump start your agency with a high-converting landing page

Resources

Resources

Resources

Copyright © 2023 Wize Templates. All rights reserved.