Connecting your Namecheap domain to Webflow is a straightforward process that allows you to integrate your domain with the powerful website building capabilities of Webflow. In this tutorial, we will guide you through the steps required to connect your Namecheap domain to Webflow.
Step 1: Accessing Your Namecheap Account
To begin, log in to your Namecheap account. Once logged in, you will be directed to the Dashboard.
Step 2: Locating Your Domain
On the Dashboard, locate the “Domain List” section. This section displays all the domains that are registered under your Namecheap account. Identify the domain that you want to connect with Webflow and click on the “Manage” button next to it.
Step 3: Updating DNS Settings
After clicking on the “Manage” button, you will be redirected to the Domain Overview page. Look for the “Advanced DNS” tab and click on it. This tab allows you to modify various DNS settings for your domain.
Step 4: Configuring DNS Records
In order for your Namecheap domain to work seamlessly with Webflow, you need to configure specific DNS records.
- Type A Record: Locate the “@” or “www” record under the “Host Records” section and change its value to “@[webflow-site-ip-address]”. Replace “[webflow-site-ip-address]” with your actual Webflow site’s IP address.
- CNAME Record: Next, find the record with a value of “www” under the “Host Records” section. Change its value to “[sitename].webflow.io”. Replace “[sitename]” with your actual Webflow site’s name.
- Type TXT Record: If you want to use a naked domain (without “www”) with Webflow, you need to set up a TXT record. Create a new TXT record with the following values:
– Host: @
– TXT Value: “v=spf1 include:mailgun.org ~all”
– TTL: Automatic
Step 5: Saving Changes
Once you have configured the necessary DNS records, click on the “Save” button to save your changes. It may take some time for the changes to propagate across the internet.
Connecting Your Namecheap Domain to Webflow
Now that you have successfully updated your DNS settings in Namecheap, it’s time to connect your domain to Webflow.
Step 1: Accessing Your Webflow Account
Login to your Webflow account and navigate to the Project Settings of the desired website.
Step 2: Adding Custom Domain
Inside the Project Settings, scroll down until you find the “Custom Domains” section. Click on the “+ Add Custom Domain” button.
Step 3: Entering Domain Details
In the popup window, enter your domain name (e.g., “example.com”) in the “Domain name” field. Make sure to include both “www” and non-“www” versions of your domain.
Step 4: Verifying Ownership
Webflow will require you to verify ownership of your domain before proceeding. Follow the provided instructions carefully.
Step 5: Connecting SSL Certificate (Optional)
To secure your website with HTTPS, toggle on the SSL option if it’s not already enabled. Webflow provides free SSL certificates powered by Let’s Encrypt.
In Conclusion
By following these steps, you can easily connect your Namecheap domain to Webflow and leverage the powerful features of Webflow’s website builder. Remember to update your DNS settings in Namecheap and configure the necessary records to ensure a smooth connection. With your domain connected, you can create stunning websites with Webflow while maintaining full control over your domain.