Connecting a subdomain to Webflow is a fundamental step in setting up your website. Whether you’re building a personal blog or launching an e-commerce store, Webflow provides an intuitive platform for designing and hosting your site. In this tutorial, we will walk you through the process of connecting a subdomain to your Webflow project.
Before diving into the steps, let’s clarify what a subdomain is. A subdomain is an extension of your main domain name that allows you to create separate sections or websites within your domain. For example, if your main domain is “example.com,” you can create a subdomain called “blog.example.com” for your blog section.
Now, let’s get started with connecting your subdomain to Webflow:
Step 1: Log in to your domain registrar account where you purchased the domain. This could be GoDaddy, Namecheap, or any other provider.
Step 2: Locate the DNS (Domain Name System) settings for your domain. The process may vary depending on the registrar’s interface, but usually, it can be found under the “Domain Settings” or “DNS Management” section.
Step 3: Once you’ve found the DNS settings, look for the option to add a new DNS record. The specific label for this option may differ across registrars but commonly referred to as “Add Record,” “Add DNS,” or something similar.
Note: Before proceeding further, make sure you have created a Webflow project and obtained the necessary records from Webflow’s hosting settings. These records typically include two CNAME records and an A record.
Step 4: Add the first CNAME record provided by Webflow. This record typically looks like “www.yoursubdomain” with its value as “proxy-ssl.webflow.com.”
Step 5: Add the second CNAME record, which is usually the same as the first one, but without the “www” prefix. For example, if your first CNAME is “www.yoursubdomain,” the second CNAME would be just “yoursubdomain.”
Step 6: Add the A record provided by Webflow. This record typically consists of an IP address as its value.
- Note: Some registrars may require you to enter @ or your main domain name in the “Name” field for creating an A record.
Step 7: Save your DNS settings and exit your domain registrar’s interface.
Now that you have successfully added the necessary DNS records, it’s time to configure Webflow to recognize your subdomain.
Step 8: Go to your Webflow project settings and select “Hosting” from the left-hand side menu.
Step 9: Under the “Custom domains” section, click on “Add custom domain.”
Step 10: Enter your subdomain in the provided field. For example, if you created a subdomain called “blog,” enter “blog.yourdomain.”
Step 11: Click on the “Add domain” button.
Webflow will now verify and connect your subdomain to your project. This process may take a few minutes or up to 48 hours, depending on various factors such as DNS propagation.
Troubleshooting
If you encounter any issues during this process or face difficulties accessing your subdomain after completing these steps, here are a few troubleshooting tips:
DNS Propagation Time
DNS changes might take some time to propagate across different networks. It’s common for changes to be visible within a few hours, but sometimes it can take up to 48 hours. So, be patient and wait for the changes to take effect.
Double-check DNS Records
Ensure that you have correctly added the CNAME and A records provided by Webflow. One small typo can cause a misconfiguration, preventing your subdomain from connecting to Webflow.
Contact Your Domain Registrar’s Support
If you’ve followed all the steps but still face issues, don’t hesitate to reach out to your domain registrar’s support team. They should be able to assist you in resolving any DNS-related problems.
In conclusion, connecting a subdomain to Webflow involves adding specific DNS records provided by Webflow and configuring your project settings accordingly. By following the steps outlined in this tutorial, you’ll successfully link your subdomain to your Webflow project. Remember to allow some time for DNS propagation, and if any issues arise, refer back to the troubleshooting tips provided above.
Happy subdomain connecting!