Adding your own domain to Webflow is a simple process that allows you to have a custom URL for your website. By following a few easy steps, you can seamlessly connect your domain to your Webflow project. In this tutorial, we will guide you through the process of adding your own domain to Webflow.
Step 1: Accessing Your Project Settings
To get started, log in to your Webflow account and navigate to the Dashboard. From the Dashboard, select the project you want to add a custom domain to. Once you are in the project, click on the “Settings” tab located at the top of the page.
Step 2: Choosing Your Custom Domain
In the Project Settings menu, scroll down until you find the “Hosting” section. Under “Custom Domain,” click on “Add Custom Domain.” A modal will appear where you can input your desired domain name.
Note: Make sure you have already purchased a domain from a registrar like GoDaddy or Namecheap before proceeding with this step.
Step 3: Configuring DNS Settings
After entering your desired domain name, click on the “Add Domain” button. Webflow will then provide you with DNS records that need to be added in order for your custom domain to work properly.
Note: The DNS record configuration process may vary depending on your registrar. Refer to their documentation or support for specific instructions.
a) CNAME Record
The first record is a CNAME record that points your custom subdomain (e.g., www) to Webflow’s servers. Copy the provided CNAME value and create a new CNAME record with it in your DNS settings panel.
b) A Records
The second set of records are A records that map your root domain (e., yourdomain.com) to Webflow’s IP addresses. Copy each IP address provided and create new A records for your root domain in your DNS settings panel.
Step 4: Verifying DNS Settings
Once you have added the necessary DNS records, return to the Webflow hosting settings and click on “Check Status.” Webflow will verify if the DNS settings have been correctly configured. It may take some time for the changes to propagate, so be patient.
Note: If you encounter any issues during this step, double-check your DNS records and make sure they are correctly set up.
Step 5: Enabling SSL
If you want to secure your website with SSL (which is highly recommended), click on the “Enable SSL” button in the hosting settings. Webflow will automatically provision an SSL certificate for your custom domain.
Note: The SSL provisioning process may take a few minutes. Once it’s complete, you’ll have a secure HTTPS connection for your website.
Step 6: Publishing Your Site
After verifying your DNS settings and enabling SSL, it’s time to publish your site with the custom domain. Go back to the project dashboard and click on the “Publish” button at the top right corner of the page. Select “Publish to Selected Domain” and choose the custom domain from the dropdown menu.
Congratulations! Your website is now live with its own custom domain!
Troubleshooting Tips:
- Clearing Cache: If you encounter any issues accessing your website after adding the custom domain, try clearing your browser cache.
- Waiting for DNS Propagation: It may take up to 48 hours for the DNS changes to propagate globally. If your custom domain is not working immediately, wait for some time and try again later.
- Contacting Support: If you have followed all the steps correctly but are still experiencing issues, reach out to Webflow’s support team for assistance.
That’s it! You have successfully added your own domain to Webflow. Enjoy the benefits of having a personalized URL for your website!