Are you looking to link your Webflow website to Namecheap? You’ve come to the right place!
In this tutorial, we will guide you through the steps involved in connecting your Webflow site to Namecheap domain. Let’s get started!
Step 1: Accessing Your Webflow Dashboard
To begin the process, log in to your Webflow account and access your dashboard. This is where you will find all the necessary settings and options for connecting your website to a custom domain.
Step 2: Selecting Your Project
Once you are in your Webflow dashboard, select the project that you want to link with Namecheap. If you have multiple projects, make sure you choose the correct one.
Step 3: Opening Project Settings
In order to connect your Webflow site with Namecheap, navigate to the “Project Settings” tab. This is where you can configure various settings related to your project, including custom domains.
Step 4: Adding Your Domain
In the “Project Settings” tab, scroll down until you find the “Custom Domains” section. Here, click on the “Add Custom Domain” button.
- Note: Before adding your domain, make sure it is properly registered with Namecheap. If not, go ahead and register it before proceeding further.
Step 5: Entering Your Domain Information
After clicking on “Add Custom Domain”, a pop-up window will appear asking for domain details. Enter your domain name (e.g., www.yourdomain.com) in the provided text field and click on “Add Domain”.
Step 6: Configuring DNS Settings
Now, it’s time to configure the DNS settings for your domain. Webflow will provide you with a set of DNS records that need to be added to your Namecheap account.
- Note: Keep this window open or copy the DNS records to a text editor for easy reference.
Step 7: Accessing Your Namecheap Account
Open a new tab and log in to your Namecheap account. Once logged in, go to the “Domain List” section and select the domain you want to link with Webflow.
Step 8: Managing Your DNS Records
In the domain management page, locate the “Advanced DNS” or “DNS” section. Here, you will be able to add and manage your DNS records.
Step 9: Adding Webflow DNS Records
In the “Advanced DNS” or “DNS” section of Namecheap, click on the “Add New Record” button. This will open a form where you can enter the required details.
- Type: Choose the appropriate type from the dropdown menu (e., A Record, CNAME).
- Host: Enter “@” if instructed by Webflow or enter a specific subdomain if required (e., www).
- Value: Copy and paste each DNS record value provided by Webflow into this field.
- TTL: Set a TTL value (Time To Live) as specified by Webflow.
Step 10: Saving Your Changes
Once you have added all the DNS records, click on the “Save” or “Add” button to save your changes. It may take some time for the changes to propagate across the internet, so be patient.
Step 11: Verifying Your Connection
After saving your DNS records, go back to your Webflow project settings and click on the “Check Status” button next to your domain. Webflow will check if the connection is successful.
- Note: It may take a while for Webflow to verify the connection. If it fails, double-check your DNS records and wait for a few minutes before trying again.
Step 12: Publishing Your Site
Congratulations! If everything went smoothly, you have successfully linked your Webflow website to Namecheap. Now it’s time to publish your site and make it live on your custom domain.
To publish your site, go back to your Webflow dashboard and click on the “Publish” button. Your website will be deployed to your Namecheap domain, and visitors can access it using the custom domain you have set up.
That’s it! You have now learned how to link Webflow to Namecheap in a few simple steps. Enjoy having a professional website with a custom domain!