Besides publishing your project to yoursite.webflow.io, you can also publish your project to your own custom subdomain (eg. blog.yourdomain.com).

Before getting started

Before you get started with this tutorial, make sure:

  1. You've added a hosting subscription to your Webflow project
  2. You own the domain name you want to connect to your site. You can buy a domain through Webflow or from any domain name provider.
  3. You can update your DNS records and you've reset old DNS settings if your domain was previously hosted elsewhere.
  4. You've reset your DNS settings if you've previously hosted your domain elsewhere. This helps minimize and even eliminate any issue or conflicts that might require troubleshooting DNS settings later.
Getting started

You can point your custom subdomain to Webflow and connect it to your Webflow project in five steps:

  1. Adding a custom sudomain
  2. Enabling SSL
  3. Updating the DNS
  4. Setting the default URL
  5. Verifying the domain

Step 1. Adding a custom subdomain

To add your custom subdomain to your Webflow project, open to the Project Settings of that specific project and go to the Hosting tab.

In the Custom domain section, type your subdomain (www.yourdomain.com or subdomain.yourdomain.com) under Add existing domain.

Step 2. Enabling SSL

Switch the Enable SSL button to on. (Recommended)

Good to know
  • ‍Sites that don't use SSL may be labeled "not secure" by some browsers, strongly discouraging people from visiting your site. However, if you do not wish to enable SSL, just leave the switch off.
Before you continue
  • If you’ve enabled SSL hosting on this subdomain with another Webflow project in the past, you can skip step 3 and move on to step 4.

Step 3. Updating the DNS

Access your domain's DNS settings.

Adding a CNAME record

  • Add a CNAME record
  • Set the host to yoursubdomain
    be sure to use your subdomain's actual prefix, not yoursubdomain! For example, for blog.webflow.com, enter blog.
  • Use the value for the CNAME record from your Webflow hosting tab

Step 4. Setting the default URL

Now, go back to the Custom domain section of your project’s Hosting settings and click the home icon next to the domain to set it as the default domain.

Step 5. Verifying the domain and publishing

To verify that your DNS settings are correct and that your domain is correctly pointing to Webflow, click check status under your domain name.

The final step is to simply publish your website. You should see your new custom subdomain in the publish dialog.

Good to know
  • It may take up to 48 hours before changes are successfully made from your DNS host. 
  • If your domain is not working correctly after 48 hours, troubleshoot your DNS settings or contact your domain provider’s helpdesk.
If your DNS settings are correct, but you’re still experiencing issues with your published site, contact us and we’ll help you resolve any issues.