How to translate only certain pages on Webflow
Adapting your hotel website for international markets without duplicating everything
Key points:
- You can translate only certain pages in Webflow, without duplicating the entire site.
- Two methods are possible: manual (selected pages) or via Weglot (filtering pages).
- Each translated page must have its own URL and hreflang tags for SEO purposes.
You don't need to make your entire hotel website multilingual if you simply want to offer a few key pages (such as the homepage, rooms, or booking) in English. Webflow allows you to do this in a targeted way, while maintaining a clear and consistent structure.
Option 1: Translate some pages manually
- Identify the pages to be translated. Choose the strategic pages to make available in English (or another language):
- Home
- Rooms
- Contact
- Special Offers
- Duplicate only these pages. In the Designer, select a page to translate and then click Duplicate Page. Rename the translated version and place it in a language folder, for example:
- /en/home
- /en/rooms
- /en/contact
- Translate the content. Edit the text, buttons, and SEO tags directly in the Designer or via the Editor. 💡 Tip: Keep the same classes to preserve the original style and layout.
- Update the navigation. If you don't want to make the entire site bilingual, avoid adding a global language selector. Instead, use a button or a contextual link (e.g., "View this page in English") on the translated pages.
Add the hreflang tags only to the translated pages. In the Page Settings > Custom Code (Head) of each page, insert the hreflang links: <link rel="alternate" hreflang="fr" href="https://your-site.com/" />
<link rel="alternate" hreflang="en" href="https://your-site.com/en/" />
- Publish your translated pages. Only translated pages will be visible in the /en/ folder, without affecting the rest of the site.
💡 Tip: If you do not want Google to index these pages immediately, you can temporarily check “No Index” in the page settings until the translation is finalized.
Option 2: Translate certain pages with Weglot
If you use Weglot, you can choose which pages will be translated automatically.
- Connect Weglot to your Webflow project. Add the Weglot API key in the project settings (Custom Code > Head).
- Filter translated pages. In the Weglot dashboard, go to Settings > Translations > Excluded URLs to define the pages to exclude. Weglot will automatically translate the entire site except for those you have disabled.
- Customize your translations page by page. Access the “Visual Editor” section of Weglot to correct or adjust translations manually.
- Keep the language selector lightweight. You can limit the selector to certain pages only, hiding it on others via the Designer (Display: None).
Best practices
- Prioritize translating the most frequently visited or commercially important pages.
- Maintain consistency in tone and style between the French and foreign language versions.
- Test the internal links: they should point to the version in the same language, if one exists.
- Check the mobile display after each translation.
Conclusion
Translating only certain pages on Webflow is perfectly possible, and even recommended if you want to test an international market without managing a full multilingual site. Whether you use manual duplication or Weglot, the key is to maintain a clean and consistent structure for both SEO and user experience.