Adding a subdomain to your Webflow site is a simple and straightforward process that can enhance your website’s functionality and organization. In this tutorial, we will guide you through the steps to add a subdomain using HTML and Webflow.
What is a Subdomain?
Before we dive into the technical aspect, let’s understand what a subdomain is. A subdomain is an extension of your main domain that allows you to create separate sections or categories within your website. For example, if your main domain is “example.com,” a subdomain could be “blog.example.com” or “shop.com.”
Step 1: Accessing Your Domain Settings
To add a subdomain to your Webflow site, you first need to access your domain settings. Log in to your Webflow account and navigate to the project you want to add the subdomain to.
- Click on the project settings icon on the left-hand sidebar.
- Select the “Hosting” tab from the top menu.
- Scroll down until you find the “Custom Domains” section.
Step 2: Adding a Subdomain
Now that you’re in the custom domains section, it’s time to add your desired subdomain.
- Click on the “Add Custom Domain” button.
- In the input field that appears, enter your desired subdomain name followed by your main domain. For example, if you want your subdomain to be “blog.com,” enter “blog” in this field.
- Click on the “Add Domain” button.
Note: Make sure that you have already set up DNS records for your main domain before adding a new subdomain.
Step 3: DNS Configuration
After adding your subdomain in Webflow, you need to configure the DNS settings to connect your subdomain with your Webflow site.
- Copy the provided CNAME record value from the Webflow custom domains section.
- Log in to your domain registrar or DNS provider’s website.
- Navigate to the DNS settings for your main domain.
- Add a new CNAME record for your subdomain.
- Paste the copied CNAME record value into the appropriate field.
Note: The exact steps for configuring DNS records may vary depending on your domain registrar or DNS provider. If you’re unsure, consult their documentation or reach out to their support team for assistance.
Step 4: Verifying and Publishing
Once you have added the CNAME record, it may take some time for the changes to propagate across the internet. This process is known as DNS propagation.
To verify if your subdomain is connected successfully:
- Return to the Webflow custom domains section.
- If everything is set up correctly, you should see a green checkmark next to your subdomain.
Congratulations! You have successfully added a subdomain to your Webflow site. Now you can create separate sections or categories within your website and provide a more organized browsing experience for your visitors.
In Conclusion
Adding a subdomain to Webflow allows you to expand and structure your website effectively. Remember that proper configuration of DNS records is crucial for successful connectivity between your main domain and subdomains.
Now that you know how to add a subdomain using HTML and Webflow, take advantage of this feature and enhance your website’s functionality and usability.