Setting up a custom domain on Webflow is a straightforward process that allows you to personalize your website’s URL. In this tutorial, we will walk through the steps required to successfully configure a custom domain on Webflow.
Step 1: Registering a Domain Name
Before you can set up a custom domain on Webflow, you need to have a registered domain name. There are several domain registrars available, such as GoDaddy, Namecheap, and Google Domains. Choose the one that suits your needs and register your desired domain.
Once you have registered your domain name, it’s time to move on to the next step.
Step 2: Accessing Webflow’s Hosting Settings
Log in to your Webflow account and navigate to the project for which you want to set up a custom domain. Click on the ‘Project Settings’ tab at the top of the page.
Under ‘Hosting,’ click on ‘Hosting Settings.’ This is where you will configure your custom domain.
Note: To access Hosting Settings, make sure you have an active hosting subscription with Webflow.
Step 3: Adding Your Custom Domain
In Hosting Settings, scroll down until you find ‘Custom Domains.’ Here, click on the ‘Add Custom Domain’ button.
A modal window will appear asking for your custom domain name. Enter your registered domain name (e.g., “www.yourdomain.com”) and click ‘Add.’
Webflow will automatically validate your domain and provide instructions for DNS configuration.
Step 4: Configuring DNS Records
To point your custom domain to Webflow’s servers, you need to configure DNS records in your registrar’s control panel. The exact steps may vary depending on your registrar, but here’s a general overview:
- Login to your chosen registrar.
- Locate your DNS settings or DNS management section.
- Add a new DNS record. Choose ‘A’ record type.
- In the ‘Host’ field, enter your domain name without the “www” part.
- In the ‘Points to’ or ‘Value’ field, enter Webflow’s IP address: 34.193.69.252
- Save the changes and wait for DNS propagation (which can take up to 48 hours).
Once the DNS records have propagated, your custom domain will be connected to your Webflow project.
Step 5: Setting Your Default Domain
Back in Webflow’s Hosting Settings, find the ‘Default Domain’ section and select your custom domain from the dropdown menu.
Click on ‘Save Changes’ to apply the settings.
Congratulations! You have successfully set up a custom domain on Webflow.
Conclusion
In this tutorial, we walked through the process of setting up a custom domain on Webflow. Remember to register your preferred domain name, access Webflow’s Hosting Settings, add your custom domain, configure DNS records, and set it as your default domain.
With a personalized URL, you can enhance your website’s branding and provide a more professional experience for your visitors. So go ahead and start setting up that custom domain on Webflow!