When swapping your current website with a new one on Webflow, it's important to take the necessary steps to ensure that your URLs are redirected correctly and your hosting is set up properly. Here's a step-by-step guide to help you through the process:
1. Build your new website on Webflow: Design and build your new website using the Webflow Designer or any of the available templates. Ensure that all your desired pages, layouts, and content are ready for the transition.
2. Set up your hosting: If you haven't already, you'll need to upgrade to a hosting plan that suits your needs. Go to your Webflow Dashboard, select the Project Settings of your new website, and navigate to the Hosting tab. Follow the prompts to select your plan, configure your domain settings, and set up SSL encryption for a secure browsing experience.
3. Set up 301 redirects: To redirect your old URLs to their respective counterparts on your new website, you'll need to set up 301 redirects. This ensures that users, search engines, and any existing indexed pages will be automatically directed to the new pages without losing any SEO rankings or link equity.
- Map your old URLs: Create a list of your old website's URLs and the corresponding URLs on your new Webflow website. Identify any changes in page structure, naming conventions, or URLs.
- Redirects in Webflow: In your Webflow Dashboard, go to the Project Settings of your new website and navigate to the Hosting tab. Scroll down to find the "301 Redirects" section. Add each old URL and its corresponding new URL in the appropriate fields. Save your changes.
4. Verify your redirects: Once you've set up the redirects, it's crucial to test them to ensure they are working correctly. Go through the list of old URLs and access them in a web browser. Verify that they are automatically redirecting to the corresponding new URLs on your Webflow website. You can use tools like Google Chrome Developer Tools or online redirect validation services to test the redirection.
5. Update DNS records: If your domain is registered with a third-party provider, you'll need to update your DNS records to point to Webflow's servers. In your domain registrar's settings, find the DNS (Domain Name System) or domain management section. Update the DNS records with the Webflow-specific information provided in your Webflow hosting settings.
6. Publish your new website: Once you've completed all the necessary steps and are confident in your new website's setup, it's time to publish it. In your Webflow Designer, click the Publish button in the top right corner. Webflow will push your new website live and make it available on your custom domain.
Please note that the process of swapping your website on Webflow may vary depending on your specific circumstances, DNS provider, and previous hosting setup. Make sure to double-check any additional requirements or documentation provided by Webflow and consult their support resources if you need further assistance.