Are you looking to use your Namecheap domain with Webflow? You’ve come to the right place!
In this tutorial, we will guide you through the step-by-step process of connecting your Namecheap domain to your Webflow website. Let’s get started!
Step 1: Accessing Your Namecheap Account
First, log in to your Namecheap account by visiting their official website and entering your login credentials. Once logged in, you will be taken to your account dashboard.
Step 2: Domain Management
In the dashboard, locate and click on ‘Domain List’ or ‘Manage Domains’ option. This will take you to the domain management page where you can see all the domains associated with your Namecheap account.
Step 2.1: Selecting the Domain
If you have multiple domains, select the one that you want to connect with Webflow from the list. Click on the domain name to access its settings and management options.
Step 3: DNS Settings
In the domain settings page, look for ‘Advanced DNS’ or ‘DNS’ section. This is where we will make changes to point your domain towards Webflow’s servers.
Step 3.1: Adding DNS Records
To add a new DNS record, click on ‘Add New Record’ or ‘Add Record’ button within the DNS section. You will be prompted to select a record type from a dropdown menu.
- A Record: Select this option if you want to point the root domain (e.g., example.com) or a subdomain (e., blog.example.com) towards Webflow.
- CNAME Record: Choose this option if you want to point a subdomain (e., www.
Based on your requirements, select the appropriate record type and fill in the necessary details such as hostname, value, and TTL. Refer to Webflow’s documentation or contact their support if you are unsure about these settings.
Step 4: Webflow Settings
Now that we have made the required changes in your Namecheap account, let’s move on to configuring your Webflow project.
Step 4.1: Custom Domain
In your Webflow dashboard, open the project that you want to connect with your Namecheap domain. Navigate to the ‘Project Settings’ section and click on ‘Custom Domain’ or ‘Hosting’.2: Adding Your Domain
Add your Namecheap domain in the provided field (e.com or www.com) and save the changes. Webflow will validate the domain and establish a connection with it.
Step 5: DNS Propagation
After saving the changes in both Namecheap and Webflow, allow some time for DNS propagation. It may take a few minutes to several hours for the changes to take effect globally due to DNS caching.
Congratulations! You have successfully connected your Namecheap domain with Webflow. Now, when visitors enter your domain name in their browsers, they will be directed to your Webflow website.
Note: If you encounter any issues during this process or need further assistance, don’t hesitate to reach out to Namecheap support or consult Webflow’s documentation for troubleshooting steps.
In conclusion, connecting your Namecheap domain with Webflow is a straightforward process that involves making DNS changes in your Namecheap account and configuring your Webflow project settings. By following the steps outlined in this tutorial, you can ensure a seamless integration between your domain and website builder.