Publishing & Settings

Adding Redirects to your Framer Website

1:43

11K views

Sep 12, 2023

About this lesson

Learn how to set up redirects in Framer to efficiently direct users from one page to another. In this tutorial, we demonstrate how to redirect traffic from a deleted FAQ page to a new support page. Redirects are a valuable tool when you want to ensure users can easily find the information they need. Watch this tutorial to learn how to manage redirects and create seamless navigation in Framer.

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=0s - Introduction

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=2s - Setting up redirects in Framer

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=6s - Example use case: Redirecting users from a certain page

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=16s - Moving content from FAQ page to support page

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=23s - Deleting the FAQ page

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=28s - The problem of previously shared FAQ page links

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=38s - Adding a redirect from FAQ page to support page

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=43s - Accessing project settings

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=46s - Navigating to the redirects tab

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=49s - Managing and creating redirects

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=55s - Setting the old URL (/FAQ) and the new destination URL

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=63s - Selecting the support page for redirection

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=69s - Confirming and saving the redirect

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=76s - Publishing the website and opening it in a browser

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=84s - Testing the redirect by typing "/FAQ" in the browser

https://www.youtube.com/watch?v=5qkIhQUCcIc&t=90s - Successful redirection to the support page

🌞 Try Framer for free: https://framer.com

🎉 Follow on Twitter: https://twitter.com/framer

💎 Join Community: https://www.framer.community

0:00So redirects are super easy to set up in Framer and they might be great for when you want to 0:04direct people that land on a certain page to a different page. So a great example for this is 0:11when you delete pages. In my project I have an FAQ page but I've decided to move all of the 0:18content on my FAQ page over to my support page so I'm no longer going to need my FAQ page.0:23So what I can do is just delete that page but the problem I have now is that I have shared my FAQ 0:29page with people in the past. It might be out there on other websites or people might still 0:35be able to find it on Google. So in this case I want to add a redirect from my FAQ page to my 0:40support page. So I'm going to head over to my project settings in the top right and find the 0:46redirects tab and this is where we can manage all of our redirects and also create a new one.0:52So my old URL was slash FAQ and I want to redirect all of that traffic to a new URL 1:01and if I click this you'll see that all of my pages on my website are shown but I can also 1:06actually just select the support page then hit the check. You can see that my redirect is added.1:13I can also edit or remove it but in this case I'm going to publish my website,1:19open it in the browser and you can see now that if I type in FAQ 1:27I'll be redirected to the support page. So this is a great example for when you need a redirect 1:33and they're super easy to add a managing framer.

TeachesRedirects

Watch on YouTube ↗

‹ Connecting a Custom Domain to your Framer project

Managing Staging and Versions for Your Framer Project ›