How to Redirect a Domain in Webflow

What is No-Code?

The Wikipedia Definition of No-code is:

No-code development platforms allow programmers and non-programmers to create application software through graphical user interfaces and configuration instead of traditional computer programming.
(https://en.wikipedia.org/wiki/No-code_development_platform)

No-code tools such as Webflow have grown in popularity and as they grow in popularity, developers try to push the limits of what these tools can do.

If you are building a website in Webflow, you might start with a domain like we did https://lightaibeta.com and realize you want to change that domain (like we did) to https://lightai.dev.

You have a few options outside of Webflow and it's unclear what is the easiest way to go about it.

Redirecting Root Domain Outside of Webflow

1. Create a page rule or redirect rule inside of your DNS to the New domain

2. You can also use services similar to Azure Front Door (https://docs.microsoft.com/en-us/azure/frontdoor/front-door-url-redirect?pivots=front-door-standard-premium)

However there is a much easier way to create redirect rule for Webflow websites, right inside of Webflow.

Redirect your old domain to your new domain

First select your Project, open the Dashboard and click Hosting

Scroll Down to add your Custom Domain

Click Add Domain and add your New Domain without deleting your Original Domain

Once both domains are added, highlight your mouse over your Primary Domain that you want the redirect to go to and click Make Default

It's best practice to select the domain with the www extension as your default.

Lastly, you need to Publish the changes in order for this redirect to take effect. Make sure you select all domains available

Congratulations 🎉, You have just setup a redirect rule inside of Webflow!