Framer Update, Localization

Framer Update: Localized Page Paths

Framer Update: Localized Page Paths

Framer Update: Localized Page Paths

Edo

·

2:31

·

2.8K views

·

About this lesson

Starting today, Framer lets you translate paths for any page on your site, not just CMS content. This creates a smoother experience for visitors browsing in their language, and helps search engines index translated content more accurately. In the Localization view, from Settings, you can now enable Translate Page Paths. If you were already translating blog slugs, it will be on by default. There’s also an additional checkbox to include paths in AI translations. Once enabled, page paths appear under the page headers in the Localization view, together with all other translations. They can also be translated directly from the canvas, where you normally rename all your pages: when your project includes multiple languages, the page panel displays a new locale switcher at the top, so you can easily rename each page per locale. After publishing, switching locale updates the page path automatically, and built in conflict warnings help prevent overlaps.

https://www.framer.com/updates/localized-page-paths

Sign up: https://framer.link/yt

Follow: https://framer.link/yt-x

Learn: https://framer.link/yt-academy

0:00Hi everyone, this is Edo from Framer and0:03I want to show you that you can now0:04translate all the page paths in your0:07site and why that [music] is important.0:11Page paths are those little trails in0:13the URL that tell you which page you are0:15viewing. Translating them creates a0:18smoother experience for people that are0:20browsing in their own language and it0:22also greatly helps search engines in0:25finding your localized content. Let me0:28show you how to do it in Framer. In the0:30localization view, click settings, which0:32now groups all localization preferences,0:36and enable translate page paths. If you0:39were already translating blog [music]0:41slugs, you'll find this enabled by0:44default. And there is also an additional0:46setting to include paths when0:48translating with AI. On save, you'll0:50notice that the paths are appearing in0:53localization table. But you can also0:55translate them directly from the canvas.0:58Let me show you how. If you head to the1:01page panel, you'll notice a new control1:03to switch locale from. Let me pick the1:06Italian one. And while viewing this1:09locale, if I go to a page and right1:12click, I can rename in Italian. So I'm1:16going to fill in Lavora Conoi. Then I'm1:19going to switch to the Dutch locale and1:22update that as well. And I'm going to1:26switch to the Spanish one and do M1:29playos. Let me quickly switch to the1:32English default. And if I head to the1:35publish button to update my site and1:39visit the link, I can now switch locale1:43from English to Italian. And you'll see1:45that the URL updates with the translated1:48path. And the same applies for the Dutch1:51locale and the Spanish one. There it is.1:56As an extra detail, we also made sure to1:59let you know if you or your translators2:02accidentally create page conflicts,2:04making this extra safe for everyone to2:07use. Now, with this feature, you can2:09finally translate every single piece of2:12your site, including URLs. Give it a2:14try. Let us know how it goes. And see2:16[music] you next time.2:22[music]
Also coversLinks

Watch on YouTube ↗

More in this topic

Framer Update: Logo Shaders2:05
Framer Update: Logo Shaders
Framer Update12K views · 1 month ago
Framer Update: CMS 3.04:13
Framer Update: CMS 3.0
Framer Update14K views · 1 month ago
Adding a Locale in Framer5:19
Adding a Locale in Framer
Localization2K views · 2 months ago
Framer Update: Holo Shader1:46
Framer Update: Holo Shader
Framer Update6K views · 2 months ago
Framer Update: Auto Translate3:09
Framer Update: Auto Translate
Framer Update4K views · 2 months ago
Framer Update: Stack Sorting and Bento Grids2:16
Framer Update: Stack Sorting and Bento Grids
Framer Update7K views · 2 months ago
Shader: Chromatic Aberration1:56
Shader: Chromatic Aberration
Framer Update7K views · 2 months ago
Framer Convert5:42
Framer Convert
Framer Update13K views · 3 months ago

Create a free website with Framer, the website builder loved by startups, designers and agencies.