Adding an existing domain to Webflow is a straightforward process that allows you to use your own domain name with your Webflow site. Whether you’ve purchased a domain from a registrar or already have one in your possession, integrating it with Webflow can be done in just a few simple steps.
Step 1: Accessing Your Project Settings
To begin, log in to your Webflow account and navigate to the dashboard where all your projects are listed. Select the project you want to add the existing domain to.
Once inside the project, locate and click on the “Project Settings” link found in the left sidebar. This will take you to the settings page for your selected project.
Step 2: Adding Your Domain
In the project settings page, scroll down until you find the “Hosting” section. Under this section, you’ll notice an option labeled “Custom Domain”. Click on this option to open up a text field where you can input your existing domain.
Note: Before adding your domain, ensure that it meets Webflow’s requirements. It should not contain any special characters or spaces and must be properly registered with a valid registrar.
Type in your domain name (e.g., mydomain.com) into the text field provided under “Custom Domain”. Once entered, hit Enter or click outside of the text field to save your changes.
Step 3: Configuring DNS Settings
After adding your existing domain in Webflow, you’ll need to configure its DNS (Domain Name System) settings. These settings allow proper communication between your domain and Webflow servers.
To configure DNS settings, click on “Set up SSL” next to the custom domain field. This will open up additional instructions and information on how to configure DNS for your specific domain registrar.
Pro Tip: If you’re not familiar with DNS settings or unsure about making changes, it’s best to consult your domain registrar’s support documentation or contact their customer support for guidance.
Step 4: Verify DNS Configuration
Once you’ve made the necessary changes to your DNS settings, you’ll need to verify that the configuration is correct. This step ensures that your domain is properly connected to Webflow.
To verify DNS configuration, click on “Check DNS Configuration” next to the custom domain field. Webflow will run a quick check to ensure everything is set up correctly. If all checks pass successfully, you’ll see a green checkmark indicating that your custom domain is connected and functioning properly.
Step 5: Publish Your Site
Finally, publish your site by clicking on the “Publish” button located in the top-right corner of the Webflow designer. This action pushes all your site’s files and assets to Webflow servers and makes them accessible via your custom domain.
Note: It may take some time for the changes to propagate across the internet. Be patient, as this process can take anywhere from a few minutes to several hours depending on various factors such as DNS caching and propagation time.
In Conclusion
Congratulations! You have successfully added an existing domain to Webflow.
By following these steps and configuring your DNS settings correctly, you can now use your own domain name with your Webflow site. Remember that any future updates or changes you make within Webflow will automatically reflect on your live site under the custom domain you’ve added.