Webflow sync, pageviews & more.
NEW

How can I set up a custom domain in Webflow and ensure that the URL properly redirects to the new domain?

TL;DR
  • Connect your custom domain in Webflow's Hosting settings and add both yourdomain.com and www.yourdomain.com.
  • Update DNS by adding two A records for the apex domain and a CNAME for www pointing to proxy-ssl.webflow.com.
  • Set www.yourdomain.com as the default domain to enable automatic 301 redirects from the non-www version.
  • Publish your site and verify redirection using tools like httpstatus.io.

To set up a custom domain in Webflow and ensure proper URL redirection, follow these essential steps for configuration and domain pointing.

1. Connect Your Custom Domain in Webflow

  • Go to Webflow Dashboard and open the specific project.
  • Click Project Settings.
  • Navigate to the Hosting tab.
  • Scroll down to Custom Domains and enter your domain (e.g., www.yourdomain.com and yourdomain.com).
  • Click Add to save.

2. Add DNS Records at Your Domain Registrar

  • Log in to your domain registrar (e.g., GoDaddy, Namecheap, Google Domains).

  • Locate the DNS settings for your domain.

  • Add the following records:

  • A Records (point apex domain, yourdomain.com):

    • Type: A
    • Host: @
    • Points to: (a) 75.2.70.75, (b) 99.83.190.102
      (Add both A records)

  • CNAME Record (for www.yourdomain.com):

    • Type: CNAME
    • Host: www
    • Points to: proxy-ssl.webflow.com

  • Save the DNS changes. These may take several minutes to propagate (up to 48 hours in some cases).

3. Set Default Domain and Enable Redirect

  • Go back to Webflow → Project Settings → Hosting.
  • Under the Custom Domains section, look for your listed domains.
  • Check the box for the www version (e.g., www.yourdomain.com) and click Make default. This ensures all traffic redirects to www.
  • Webflow automatically sets up the 301 redirect from non-www to www if you’ve added both versions.

4. Publish Your Website

  • In the top right of the Webflow Designer or from Project Settings, click Publish.
  • Choose to publish to your custom domain and optionally to Webflow’s staging domain (e.g., your-site.webflow.io).

5. Confirm Proper Redirection

  • Visit both yourdomain.com and www.yourdomain.com.
  • Ensure yourdomain.com automatically redirects to www.yourdomain.com.
  • Use tools like https://httpstatus.io/ to verify the 301 redirect is active.

Summary

To set up a custom domain in Webflow:

  • Connect your domain under Hosting settings.
  • Update DNS records with two A records and one CNAME.
  • Set the www version as default and Webflow will redirect the non-www version.
  • Publish your site and verify the redirect is working with a status checker.
Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I correctly insert and float an image in a paragraph of text in Webflow, while ensuring it remains responsive across different screen sizes/layouts?
How can I load a JSON file in the Webflow Custom Code section, and where should I place or write a new PHP file to display Jobvite data?
Can I design a site in Webflow with placeholder copy that clients can edit in while the site is still in development, and then revert back to static elements once all content is finalized and publish it as a normal website without incurring CMS costs?
How can I display the Category Name field in a Collection List in Webflow, when the source for the Category field is set using Inner Text Settings?
How can an active class be added to the reset button in Webflow, so that it appears the same as the radio buttons when "checked"? I'm unable to find the toggle state through the documentation.
How can I find the "Visible" setting in Webflow for my new project? It's an important setting that I frequently use.
How can I delete a hover state's styles in Webflow that I added by mistake?
What is the recent feature added to Webflow that enables users to specify a fully qualified URL in the "Redirect to Page" field?
Has anyone encountered issues with a black background appearing before the pixel distortion effect loads on the Webflow home page when implementing this effect? Any insights or solutions would be appreciated.
How can I rotate and scale my logo in Webflow when transitioning between pages?
What could be causing the flickering issue on mobile when previewing a company site rebuild in Webflow using the Chrome app on an iPhone XR?
How can I fix the misalignment issue on my Webflow homepage in Safari browser for laptop/desktop view? I have already tried realigning textboxes, setting position to relative for all elements in the hero section, and playing with zooming, but none of them have worked. Any advice is much appreciated!
How can I make the blue gradient in the background of my Webflow site follow the cursor all the time, even when hovering over cards or images on the page?
Is it possible to preserve the aspect ratio when scaling a Lottie image sequence in canvas mode in Webflow, similar to how it is achieved in SVG?
How can I host two Webflow sites on the same domain with the second site in a subfolder? I want to use different themes for each site.
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?