How to Connect a Custom Domain with Your Webflow Website

Published
March 5, 2024
To read
minutes
Category
Advanced
Written By
Jayant Rao

Connect your Webflow site to a custom domain for branding & professionalism! This guide walks you through the steps, from choosing a domain to verifying & publishing to enhance your online presence!

Introduction

Your website's domain name is its online identity, and using a custom domain can add professionalism and branding to your Webflow site, You must have a domain name to be able to connect your Webflow site to it.

In this guide, we'll walk you through the step-by-step process of connecting a custom domain to your Webflow website, ensuring that your visitors can access your site with a personalized web address.

Step 1: Choose Your Custom Domain

Before you can connect a custom domain, you need to own one. If you don't have a domain name yet, you can register one through a domain registrar like GoDaddy, Namecheap, or Google Domains. Choose a domain name that represents your brand or website's purpose.

Step 2: Access Your Webflow Dashboard

  • Log in to your Webflow account.
  • In your Webflow dashboard, select the project where you want to connect the custom domain.

Step 3: Go to Project Settings

  • Inside your project, click on "Project Settings" located in the left panel.

Step 4: Navigate to Hosting Settings

  • Within Project Settings, click on the "Publishing" tab.

Step 5: Add a Custom Domain

  • Scroll down to the "Custom Domains" section.
  • Click the "Add Custom Domain" button.

Step 6: Enter Your Custom Domain

  • In the pop-up window, enter your custom domain (e.g., www.yourcustomdomain.com) in the input field.
  • Click the "Next" button.

Step 7: Configure DNS Settings

  • Webflow will provide you with DNS (Domain Name System) settings to configure on your domain registrar's website. These settings typically include an A record and CNAME record.
  • Open a new tab or window and log in to your domain registrar's account.

Step 8: Update DNS Records

  • Find the DNS settings or domain management section within your registrar's dashboard.
  • Locate the option to add DNS records.
  • Add the A record and CNAME record provided by Webflow, ensuring that you enter them correctly.
  • Save the DNS changes. Note that DNS changes may take some time to propagate across the internet, so be patient.

Step 9: Verify the Domain

  • Return to your Webflow dashboard.
  • Click the "Verify" button next to your custom domain in the "Custom Domains" section.
  • Webflow will check the DNS records to confirm the domain's connection.

Step 10: Publish Your Site

  • After verification, go back to the "Hosting" tab in your Webflow project settings.
  • In the "Publishing" section, click the "Publish" button to ensure your site is live on the custom domain.

Step 11: Test Your Custom Domain

  • Open a web browser and type in your custom domain (e.g., www.yourcustomdomain.com) to see if your Webflow website is now accessible via the custom domain.

Conclusion

Congratulations! You've successfully connected a custom domain to your Webflow website. With this personalized web address, your site gains a professional and branded online presence.

Keep in mind that DNS changes may take some time to propagate, so don't worry if your custom domain doesn't work immediately. In most cases, it should resolve within a few hours, but it can sometimes take up to 48 hours.

By following these step-by-step instructions, you've ensured that visitors can find your Webflow website with ease using your custom domain, enhancing your online identity and making a memorable impression.

Looking for a webflow expert?

Just like you, we are also looking for partners who would like to work with us. We want to be your team, part of your team and much more. Take that leap and fill in this form or email us.

Book A Free Call

Download our Free WebFlow Checklist

If you are curious about the checklist we follow for all our WebFlow projects, look no further - we have packed it for you in a comprehensive document. All you have to do is Duplicate it into your Notion Profile and start using it for your current or any upcoming projects.

✓ Kick-Off Checklist

✓ Pre-Launch Checklist

✓ Post-Launch Checklist

Thank you!
Check your inbox for the link.
Oops! Something went wrong while submitting the form.