You can publish your project to your custom Google domain once you add a hosting subscription to your project.
Before getting started
Before you get started with this tutorial, make sure:
- You've added a hosting subscription to your Webflow project
- You own the domain name you want to connect to your site. Or, buy a Google domain through Webflow.
- You have access to your Google domain DNS records.
- 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.
You can point your Google domain to Webflow and connect it to your Webflow project in five steps:
- Adding a custom domain
- Enabling SSL
- Updating the DNS
- Setting the default URL
- Verifying the domain
Step 1. Adding a custom domain
To add your Google 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).
Good to know
- You can remove either of the domains if you only wish to use one of them.
- If you want to connect only the full domain (www.yourdomain.com) or another subdomain to your Webflow project, check out the Connecting a subdomain tutorial.
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 domain 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.
Make sure “use the Google domains name servers” is set under Name servers.
Adding 2 A records
- Add an A record for the host @ or edit an existing one
- Use the value for the first A record from your Webflow hosting tab
- Edit the A record you just created and paste the value of the second A record from your Webflow dashboard
Adding a CNAME record
- Add a CNAME record for host www
- 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 root domain to set it as the default domain.
- You cannot set the root domain of Google domains as the default domain on SSL hosting. If you've enabled SSL and want to redirect all traffic to the root domain, please continue reading Setting the root domain 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 each of your domain names.
The final step is to simply publish your website. You should see your new custom domain 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 experiencing issues with your published site, contact us and we’ll help you resolve any issues.