Welcome to this tutorial on how to add a domain to Webflow! In this article, we will explore the steps required to connect your domain name with your Webflow website. Let’s get started.
Step 1: Accessing the Project Settings
To begin, log in to your Webflow account and open the project you want to add a domain to. Once inside the project, locate and click on the “Project Settings” option in the left-hand sidebar.
Step 2: Navigating to the Hosting Tab
After accessing the project settings, you will be directed to a new page. Here, you need to navigate to the “Hosting” tab located at the top of this page. Click on it.
Step 3: Adding a Custom Domain
In the “Hosting” tab, scroll down until you find the “Custom Domains” section. Under this section, click on the “Add Custom Domain” button.
3.1 Verifying Ownership of Your Domain
A pop-up window will appear asking you to enter your desired custom domain name. After entering it, click on “Next.”
Note: Before proceeding further, make sure that you have already purchased your chosen domain from a registrar like GoDaddy or Namecheap.
In order to verify ownership of your domain, Webflow provides two options:
- DNS Verification: This method requires you to add DNS records manually through your domain registrar’s DNS settings.
- CNAME Verification: This method involves creating a CNAME record with specific values provided by Webflow.
You can choose either of these methods based on your preference and domain registrar’s capabilities. Once you have successfully verified ownership, click on “Next.”
3.2 Setting Up SSL
After verifying ownership, Webflow will ask you to set up SSL for your custom domain. SSL (Secure Sockets Layer) ensures that the data transmitted between the user’s browser and the website is encrypted and secure.
Webflow provides two options for setting up SSL:
- Default SSL: This option offers free SSL by using a shared Webflow certificate.
- Custom SSL: This option allows you to upload your own SSL certificate if you have one.
Select the appropriate option and click on “Next” to proceed.3 Configuring DNS Settings
The final step involves configuring DNS settings for your custom domain. Webflow provides detailed instructions specific to popular domain registrars like GoDaddy, Namecheap, and others.
In general, you will need to add DNS records such as A records or CNAME records provided by Webflow to connect your domain with your Webflow website. These records typically involve entering values like the IP address or hostnames.
Follow the instructions provided by Webflow for your specific domain registrar, and once you have added the necessary DNS records, click on “Next.”
Step 4: Publishing Your Website
Congratulations! You have successfully connected your custom domain with your Webflow website. The last step is to publish your website so that it becomes accessible using the newly added domain name.
To publish your website, simply click on the “Publish” button located in the top right corner of the project settings page. Once published, your website will be live on the internet using your custom domain.
That’s it! You have now learned how to add a domain to Webflow. Enjoy the benefits of having a personalized domain for your website!
Remember, it may take some time for DNS changes to propagate fully, so don’t worry if you can’t see your website immediately. Happy designing and happy publishing!