Adding a custom domain to your Webflow website can give it a more professional and personalized touch. In this tutorial, we will walk you through the steps to seamlessly integrate your custom domain with Webflow. So let’s get started!
Step 1: Choose a Custom Domain
The first step is to choose a custom domain that aligns with your brand or business. Make sure it’s easy to remember and relevant to your website’s purpose.
Step 2: Verify Ownership of the Domain
Before you can add the custom domain to Webflow, you need to verify that you own it. This process ensures that only authorized individuals can make changes to the domain settings.
Method 1: DNS Verification
One way to verify ownership is by updating your domain’s DNS records. Log in to your domain registrar account and navigate to the DNS management section. Add a new TXT record with the provided verification code from Webflow.
Method 2: HTML File Upload
Alternatively, you can upload an HTML file provided by Webflow to your website’s root directory. This file contains the necessary verification code, which confirms ownership when accessed through your domain.
Step 3: Connect the Custom Domain in Webflow
Once you have completed the verification process, it’s time to connect your custom domain with Webflow:
- Login to your Webflow account and open the project you want to connect.
- Navigate to the Project Settings in the left sidebar.
- Select ‘Hosting’ from the top menu.
- In the ‘Custom domains’ section, click on ‘Add custom domain.’
- Type in your custom domain name (e.g., www.mydomain.com) and click ‘Next.’
Step 4: Configure DNS for Webflow Hosting
To ensure that your custom domain points to your Webflow website correctly, it’s crucial to configure the DNS settings on your domain registrar’s platform. Follow these steps:
Method 1: A Records
- Locate the ‘DNS’ or ‘Domain Management’ section in your registrar’s account.
- Add a new A record with the host as ‘@’ or ‘www’, and the value as Webflow’s IP address (provided in the Webflow hosting settings).
- Save the changes.
- Wait for DNS propagation, which may take up to 48 hours.
Method 2: CNAME Record
- If you prefer using a CNAME record instead of an A record, locate the ‘DNS’ or ‘Domain Management’ section in your registrar’s account.
- Add a new CNAME record with the host as ‘www’, and the value as your Webflow subdomain (provided in the Webflow hosting settings).
Step 5: Enable SSL for Custom Domain
To secure your website with an SSL certificate, follow these steps:
- In Webflow, navigate back to Project Settings > Hosting > Custom domains.
- Select your custom domain and click on ‘Enable SSL.’
- Webflow will automatically generate an SSL certificate for you. This process might take a few minutes.
Congratulations! You have successfully added a custom domain to your Webflow website. It may take some time for all changes to propagate across the internet, so be patient.
Remember that managing DNS records and SSL certificates can be complex. If you encounter any issues or need further assistance, don’t hesitate to reach out to your domain registrar’s support team or consult Webflow’s documentation.
Now, sit back, relax, and enjoy the benefits of having a custom domain for your Webflow website.