How Do I Change DNS in Webflow?

by

Changing DNS in Webflow is a simple process that allows you to connect your domain name with your Webflow website. By updating the DNS settings, you ensure that visitors can access your website using your custom domain instead of the default Webflow subdomain.

Step 1: Accessing the DNS Settings

To change the DNS settings in Webflow, you need to navigate to the Hosting tab in your project settings. Follow these steps:

  1. Login to your Webflow account and select the desired project.
  2. In the left sidebar, click on Project Settings.
  3. Select the Hosting tab at the top of the page.

Step 2: Adding Custom Domains

Once you’re on the Hosting tab, you can add your custom domain and configure its DNS settings:

  1. In the Custom Domains section, click on Add Custom Domain.
  2. Type in your desired domain name (e.g., “www.yourdomain.com”) and click on Add Domain.
  3. A note: If you haven’t already connected your domain registrar with Webflow, follow the instructions provided by Webflow to complete this step.

Step 3: Modifying DNS Records

To ensure that your custom domain properly points to your Webflow website, you need to modify its DNS records:

A. CNAME Record

In most cases, adding a CNAME record is necessary for connecting a root domain or subdomain with Webflow. Here’s how you can do it:

  1. Locate the CNAME record section in your DNS settings.
  2. Add a new CNAME record with the following details:
    • Host/Alias: Enter the subdomain or root domain you want to connect (e., “www” or “@”).
    • Points To/Value/Target: Enter “proxy-ssl.webflow.com”.
    • TTL: Leave it as the default value.
  3. Note: If you’re connecting a subdomain, make sure to create a CNAME record for each subdomain.

B. A Records (Optional)

If you want to connect your root domain without using a subdomain (e., “yourdomain.com”), adding A records is required. Follow these steps:

  1. Locate the A record section in your DNS settings.
  2. Add two new A records with the following details:
    • Host/Alias: Leave it blank or enter “@”.
    • Type: Select “A”.
    • Publish Target/IP Address: Enter “34.193.69.252” and “34.204.92”.

    3. Step 4: Verifying DNS Configuration

    To ensure that your DNS changes are correctly set up, you can verify the configuration in Webflow:

    1. Go back to your Webflow project settings and select the Hosting tab.
    2. Scroll down to the DNS Records section.
    3. Verify that all the DNS records you added are displayed correctly.

    Once your DNS changes have propagated (which may take up to 48 hours), your custom domain will be connected to your Webflow website. Visitors can now access your site using your own domain name!

    Note: It’s essential to ensure that you configure your DNS settings correctly.

    Any mistakes may result in your website being inaccessible or not functioning properly. If you encounter any issues or need further assistance, consult Webflow’s documentation or reach out to their support team for guidance.