How Do I Set Up a Webflow Domain?

by

Setting up a domain in Webflow is a straightforward process that allows you to have a custom web address for your website. By following a few simple steps, you can easily connect your Webflow site to your desired domain. In this tutorial, we will walk you through the process of setting up a Webflow domain.

Step 1: Accessing the Project Settings
To begin, log in to your Webflow account and select the project for which you want to set up a custom domain. Once you are in the project dashboard, click on the “Project Settings” button located in the left sidebar.

Pro tip: If you have multiple projects, make sure you select the correct one before proceeding.

Step 2: Navigating to Hosting Settings
In the Project Settings panel, click on the “Hosting” tab at the top. This is where you will find all the necessary settings related to hosting your website.

Step 3: Adding a Custom Domain
In the Hosting Settings page, scroll down until you find the “Custom domains” section. Here, click on the “Add custom domain” button to start setting up your desired domain.

Step 4: Entering Your Domain
A modal window will appear asking you to enter your custom domain. Type in your domain name without any prefix (e.g., www). For example, if your desired domain is “example.com,” enter only “example.com” in the input field.

Note: If you want to set up a subdomain like “blog.example.com,” enter only “blog” in this field.

Once you have entered your domain name, click on the “Add Domain” button.

Step 5: Configuring DNS Records
After adding your custom domain, Webflow will provide you with detailed instructions on how to configure your DNS records. These records enable the connection between your domain and your Webflow site.

You will see a list of DNS records that need to be added or modified in your domain’s DNS settings. Each record consists of a type, name, and value. The type specifies the record type (e., A, CNAME), the name represents the subdomain or root domain, and the value is the Target IP address or domain.

  • A Records:

    • Type: A
    • Name: @
    • Value: 34.193.69.252
  • CNAME Record:

    • Type: CNAME
    • Name: www
    • Value: proxy-ssl.webflow.com

To add these DNS records, follow these steps:

  1. Login to your domain registrar’s website.
  2. Navigate to your domain’s DNS settings.

    Note: If you’re not sure how to access your DNS settings, refer to your domain registrar’s documentation or contact their support for assistance.

    Once you have accessed your DNS settings, add new records with the provided type, name, and value for both A and CNAME records.

    Step 6: Verifying Domain Connection

    After adding the necessary DNS records, return to Webflow and click on the “Verify Connection” button next to your custom domain in the Hosting Settings page.

    Webflow will then verify if your DNS records are correctly set up. This process may take a few minutes, but once the verification is complete, your custom domain will be connected to your Webflow site.

    Conclusion

    Setting up a Webflow domain is an essential step in establishing a professional online presence. By following the steps outlined in this tutorial, you can easily connect your custom domain to your Webflow site.

    Remember to configure the correct DNS records and verify the connection to ensure a seamless experience for your visitors. Now that you know how to set up a Webflow domain, go ahead and give your website the personalized touch it deserves!