How can I redirect the non-www version of my domain name to the www version using Webflow without having to publish the website in two places?

TL;DR
  • Access Project Settings in Webflow, navigate to the Hosting tab, and manage Custom Domains.
  • Add both www and non-www versions of your domain, set www as the default, and update DNS settings with Webflow's provided A records and CNAME.
  • Verify the connection with a green checkmark next to your domains in Webflow.

To redirect the non-www version of your domain to the www version in Webflow without publishing the website in two places, follow these steps:

​

1. Access Project Settings

  • Go to Project Settings for the relevant project within your Webflow dashboard.

​

2. Manage Custom Domains

  • Navigate to the Hosting tab.
  • Scroll down to the Custom Domains section.

​

3. Add Domain Variants

  • Add Both Versions: Ensure that both the www and non-www versions of your domain are added (e.g., www.yourdomain.com and yourdomain.com).

​

4. Set Default Domain

  • Set the Default Domain: Click on the option to make www.yourdomain.com the default. This will ensure that traffic to any variations of your domain will resolve to the www version.

​

5. DNS Configuration

  • Update DNS Settings: Check that your DNS settings reflect the A records and CNAME provided by Webflow.
  • Ensure the A records (a) 75.2.70.75 and (b) 99.83.190.102 are set up for the non-www domain.
  • Point the CNAME of the www version to proxy-ssl.webflow.com.

​

6. Verify Connection

  • Ensure Webflow displays a green checkmark next to both versions of your domain, indicating the connection is successful.

​

Summary

Connect both www and non-www versions of your domain in Webflow, set the www version as default in Project Settings, and update DNS records according to Webflow’s guidance to ensure proper redirection without dual publication.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What is the best method for creating diagrams like bar diagrams, pie charts, and line charts in Webflow? Thank you!
What is the purpose of changing the form method from GET to POST in Webflow and how can it be utilized?
What is causing the error message "POST https://rum-http-intake.logs.datadoghq.com/v1/input/pub9238a331d14b5f49624bb5e93b1bbd64?ddsource=browser&ddtags=sdk_version%3A3.6.12%2Cenv%3Aprod%2Cservice%3AWebflow-Dashboard%2Cversion%3Amain-7aa45cc013078e2b9def076ddf9bb0d99acbf3a5&batch_time=1687869247112 net::ERR_BLOCKED_BY_CLIENT" when trying to edit a component in Webflow that contains an embed element?
Is it normal for long words in a big heading on Webflow to overflow out of view instead of wrapping to the next line?
Can Webflow support the integration of "Instant Flipbook" software that requires uploading a folder with multiple sub-folders in one go or via an FTP client?
How can I fix the issue where hover transitions are not occurring on a Webflow website when one element is hidden using visibility and has a higher z-index than another element?
How can I create an automated fallback function to JPEG for unsupported browsers in Webflow?
How can I have precise control over placing elements side by side in Webflow? I want to create multiple element blocks within a section and stack them on top of each other or side by side with precision. Can you provide guidance on achieving this level of control? Thank you.
Is there a Webflow Slack channel available for Partners, Freelancers, and Agencies to join?
How can I grab a Webflow collection based on its ID and store it in a variable? Can someone provide a snippet or example image? Also, is there a way to link embedHTML on the same page to share or access variables from each other (top-bottom)?
How can I achieve the preview effect for a website like in the "Discover" section within Webflow using an iframe? Can this be done with any site? Thank you.
How can I verify my student status with Webflow to use my student discount code?
How can I create a scroll-friendly, cursor-friendly, and touch-friendly horizontal scrolling section in Webflow with no scroll bars on any browsers?
How can I change the text "Country taxes" during checkout in Webflow?
Can I add a down arrow within a text link in Webflow instead of using an image?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
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?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?