Direct your custom domain to Webflow and connect it to your Webflow site.
Besides publishing your project to yoursite.webflow.io, you can also publish your project to any custom domain you own (yourdomain.com) once you add a site plan to your project.
In this lesson:
Before you get started with this tutorial, make sure you:
To add your custom domain(s) to your Webflow project, open to the Project settings of that specific project and go to the Hosting tab. In the Custom domain section, add your root domain (yourdomain.com) under Add existing domain. This will add both the root domain (yourdomain.com) and the full domain (www.yourdomain.com).
Access your domain's DNS settings in your domain registrar's or DNS host's dashboard.
Every DNS host has their own way of updating DNS settings. We recommend that you read the help documentation of your DNS host, also do not hesitate to contact their support for help with their interface and settings.
Add another A record for host @ with the value of the second A record in your Webflow dashboard.
Some DNS hosting services prefer that you set the root domain (yourdomain.com) as the host instead of @. We recommend that you check the "Adding an A record" documentation of your DNS host. Check Updating DNS settings to find a list of registrars and links to their DNS setting documentation.
Some DNS hosting services prefer that you set the full domain (www.yourdomain.com) as the host instead of www. We recommend that you check the "Adding a CNAME record" documentation of your DNS host. Check Updating DNS settings to find a list of registrars and links to their DNS setting documentation.
If you've connected more than one domain, you'll need to set a default domain to redirect all traffic from the other domains to this default one. This is super helpful to avoid SEO issues due to duplicate content. To do that, go back to the Custom domain section of your project’s Hosting settings and click make default next to the domain you want to set as the default domain.
To verify that your DNS settings are correct, and that your domain is correctly pointing to Webflow, check the status of each domain name in your DNS settings.
DNS changes can take a few minutes to propagate — or even longer if it’s a new domain. If your site verification doesn’t work right away, you can come back later to check the status again. If you still run into any issues with your domain verification, reach out to your DNS provider to make sure the records are set correctly.
The final step is to publish your website. You should see your new custom domain in the publish dialog, make sure to select it before hitting publish.
Learn more about: Publishing your project
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 help desk.
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.
You can add as many domains and subdomains as you want. This is a good way to redirect your old domains to the new subdomain. Just make sure to set a default domain to ensure that all domains connected to this project are redirected to that URL. This is necessary to avoid being penalized by Google for having duplicate content on the web.
The entire project will be published to all domains and subdomains connected to that project. If you've set a default domain, the project will be published to that domain and all other domains will be redirected to the default URL.
It's not possible to publish specific pages to specific domains or subdomains. If you need to publish different pages to different subdomains, you'll need to set up separate projects for each page. Then, you'll add a separate site plan to each project and add the specific custom domain(s) or subdomain(s) to each project.
SSL is enabled by default for projects created after 14 November 2018. If your project was created before that date, make sure to enable SSL under project settings > hosting > Advanced publishing options and save the changes.
You can switch SSL off, however note that sites that don't use SSL may be labeled "not secure" by some browsers, strongly discouraging people from visiting your site.
If you disable SSL on sites using Ecommerce, checkout will be disabled and your online store will not function. The add to cart button as well as other Ecommerce elements will stop working as well.
Each time you disable or enable SSL on a Webflow-hosted site, you'll need to update your DNS settings. After you update the SSL setting, follow the steps below to update the DNS and ensure that your site works correctly.
Something went wrong while submitting the form. Please contact email@example.com