--- title: "Tutorial: Content Staging in TYPO3" url: "https://b13.com/knowledge/tutorial-content-staging-in-typo3" description: Prepare, preview, and publish content changes across your site with Workspaces. image: "https://b13.com/fileadmin/_processed_/a/d/csm_workspaces_pt2_191-1_61b4549618.png" date: 2021-01-14 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Tutorial: Content Staging in TYPO3 [ Workspaces ](https://b13.com/knowledge/workspaces) Tutorial: Content Staging in TYPO3 ==================================== Prepare, preview, and publish content changes across your site with Workspaces. ![](https://b13.com/fileadmin/_processed_/a/d/csm_david_5ce18d41e2.jpg)David Steeb 20 January 2021 [ RSS Feed ](https://b13.com/rss.xml) ![A computer monitor displays a prominent "CHANGE" button, surrounded by floating interface elements and checkmarks, suggesting a theme of digital transformation or user interface updates.](https://b13.com/fileadmin/_processed_/0/f/csm_workspaces_pt2_c61577da58.webp) Workspaces is a TYPO3 core extension to preview content changes across a site. My previous post was an [introduction to content staging in TYPO3’s Workspaces](https://b13.com/knowledge/typo3-workspaces-content-staging). I showed a basic use case: Adding a new page to your website. Now, let’s go a little further. Here’s how to update and preview content changes on multiple pages, including translations, and finally publishing all changes to live across multiple pages at once. #### This post is part of our Workspaces Series - [Part 1: Powerful Content Staging in TYPO3 with Workspaces](https://b13.com/knowledge/typo3-workspaces-content-staging) - **[Part 2: Tutorial: Content Staging in TYPO3](https://b13.com/knowledge/tutorial-content-staging-in-typo3)** The challenge --------------- A few weeks back we updated our Container extension. This update included some breaking changes and also added easier and more complete registration of a Container object. A few months earlier, we had published a [series of blog posts discussing the Container extension](https://b13.com/knowledge/flexible-containers-and-grids-for-typo3), including code snippets, setup instructions, etc. Due to the extension changes, all of these posts had to be updated after releasing the new version. Here’s what we had to do: - Change editorial content across three blog posts. - Change code examples across these blog posts. - Review all changes by our external partner. - Update translations for the parts that were changed in the original content. (We write our blog posts in English, and later translate them for our German language version.) There’s a hack for everything ------------------------------- There’s more than one way to solve this problem, and we have seen lots of creative workarounds for this basic use case. Each has its own problems. - **Work in duplicated and hidden pages?** Working on copies of pages that are hidden, preparing the changes on these copied pages, and later attempting to remove the live version of a changed page and drop the new, copied version there instead. - **Why this is a bad idea.** In theory this might work, but once you consider larger sites with lots of links between pages in multiple languages, this could lead to broken links and 404s, with links to now-deleted pages. - **Replace content with new linked references?** Taking advantage of an often unused feature called [“Show content from page”](https://docs.typo3.org/m/typo3/tutorial-editors/master/en-us/Pages/PageProperties/Index.html) as a concept for changed pages. The gist of it is this: The page you are about to change stays the same, but in the future shows content from your new version of the page. - **Why this is a bad idea.** While this might work for some specific pages where you have worked in that way before, it is less than ideal. It certainly is confusing to editors and leads to a disconnect between your page tree structure and your content that has to be “hidden” somewhere else—or will be accessible using multiple URLs. - **Do it all really fast and hope for the best?** Finally, of course, there’s always the approach to just change what needs to be changed, do it as fast as possible and just accept that for some time content changes get published one by one across your page. - **Why this is a bad idea.** Some editors might not think of this as problematic, but imagine you have lots of pages that need updating, multiplied by any number of languages—depending on the speed you are able to make all changes you might be displaying a mixture of “old” and “new” content for a considerable amount of time. There are probably even more ways to do this, and perhaps one of these workarounds works more or less in the way you want to. However, preparing these multiple changes to go live at once shouldn’t be so difficult and error-prone. On high traffic sites or with changes that span many pages, the risk for broken links creates a poor user experience. This isn’t some kind of exotic requirement, or an edge case. It is one of the main reasons you would want to use a CMS in the first place. For a CMS that proudly tells the world “I am an Enterprise Open Source CMS” preparing multiple changes to go live at once should not be a problem at all. And, luckily with TYPO3, it isn’t. How to create, preview, and publish changes in a workspace ------------------------------------------------------------ **What we’ll do in this tutorial.** For our example we have to update three blog posts, meaning three individual pages. First, we’ll update the English version of the blog posts, then let our proofreaders add changes. Next, we’ll translate the changes into our German version of the blog posts and do a quick last check. Finally, we publish the changes to all three blog posts in both languages with a simple click. So here’s a step by step guide on how to update multiple pages (in multiple languages) at once using TYPO3’s Workspaces Feature: ### 1. To prepare, login to the TYPO3 backend and switch to a workspace. Within a workspace, you can safely play around with all the content, add content, remove images, etc, and test the changes. And you can create preview links for external reviewers. - Optional: Create a new Workspace. For this example, we created a separate workspace, but we could have used the default “Draft” workspace. In our case we created a workspace just for these changes. To make our example complete, we added two “Custom Stages”: “Proof-Reading” and “Ready to Translate”. In our first blog post, we explain [how to set up a simple workspace](https://b13.com/knowledge/typo3-workspaces-content-staging). ### 2. Make your changes. You can add new content, completely restructure the page, move pages, etc. In our case we edited blog posts in our main language first. Once we were done we sent our changes off to our proofreading team and marked the changes as “Proof-Reading”. ### 3. Review your changes. Our proofreading team then can see all changes, view the differences between the live version of the page and the edits we added, side-by-side. They can make edits, send the changes back to the editing stage if there’s any issues to resolve, or mark the changes as “Ready to Translate”. You can also [generate preview links](https://b13.com/knowledge/typo3-workspaces-content-staging#c1817) for external reviewers. ![Text on a webpage detailing instructions for disabling options in a content management system, including disabling the "Save and Close" option and automatic inclusion in the New Content Element Wizard.](https://b13.com/fileadmin/_processed_/e/d/csm_workspaces2_comparison-view_2_60cf87717c.webp) [ ](https://b13.com/fileadmin/Blog/Workspaces/Part_2/workspaces2_comparison-view_2.png) Vertical comparison view in the Workspaces frontend preview ![A digital document titled "Flexible Containers and Grids for TYPO3, Part Three," authored by David Voss. The content includes sections on container examples and advanced techniques, with a featured image related to the topic.](https://b13.com/fileadmin/_processed_/c/8/csm_workspaces2_osp-view_2_021ae772fb.webp) [ ](https://b13.com/fileadmin/Blog/Workspaces/Part_2/workspaces2_osp-view_2.png) Proof reading in the backend – changes are marked orange. ![A user interface displaying a document titled "Flexible Containers and Grids for TYPO3, Part Three." It includes a list of sections with checkboxes, indicating their status, and a navigation panel on the left.](https://b13.com/fileadmin/_processed_/a/8/csm_workspaces2_osp-view_1_90c6dbaf99.webp) [ ](https://b13.com/fileadmin/Blog/Workspaces/Part_2/workspaces2_osp-view_1.png) List of changes in the Workspaces module ### 4. Add translations. In our case we translate the changes to the German version of our blog posts and do the review ourselves. ### 5. Publish changes to live. Once we are finished with all the steps above we can do a final review and then publish our changes to live. Using the Workspace Module, we can publish all changes across multiple pages with the click of a button. ![A web interface displaying a draft blog post about flexible in-page structures in TYPO3, with sections for additional recipients and comments. The text discusses managing elements and containers within TYPO3.](https://b13.com/fileadmin/_processed_/6/a/csm_workspaces2_publish_1_04ef001d83.webp) [ ](https://b13.com/fileadmin/Blog/Workspaces/Part_2/workspaces2_publish_1.png) Sending changes to the “published stage” with comments Awesome! We updated the whole series on our website at the same time. Being able to do this is very important if you change sections of your website that only make sense if they are all published. You can prepare changes this way to be ready for planned changes in advance. Since there is no technical limit to the number of changes in a workspace this is sufficient for both smaller changes as well as bigger edits that change and rearrange full sections of a website. We even had use cases (actually have one now) where basically the whole website structure including the sitemap and the main navigation is being reworked in a workspace to restructure the client’s whole website (across five languages). Help Make Workspaces Even Better ---------------------------------- We’re working on improving workspaces, one bug and feature proposal at a time. That’s why we’d love to hear from you if you’re either using Workspaces, or you would like to. ### Written by: ![Bild von David Steeb](https://b13.com/fileadmin/_processed_/a/d/csm_david_cf042ebb7f.webp) b13 Founder and CEO, David, is someone you’ll meet if you’re thinking about working with our agency. He is constantly learning new skills and is an influential part of our cutting-edge frontend practice. David Steeb CEO [ more from David Steeb ](https://b13.com/team/david-steeb) Related Articles ------------------ - ![Two interlocking gears with a disconnected electrical plug and a tag labeled "v13" on a purple background.](https://b13.com/fileadmin/_processed_/0/7/csm_TYPO3v13_Headerbild_14eb602ce4.webp) ### What’s New in TYPO3 v13? 20 January 2026 | Desirée Lochner TYPO3 v13 marks the beginning of a new era of user-friendliness. The version impresses with a modern, fresh, and incredibly high-performance user interface—developed for anyone who… [ Read more: What’s New in TYPO3 v13? ](https://b13.com/solutions/typo3/whats-new-in-typo3-v13) - ![A hand holding a magnifying glass examines a stack of documents, with digital elements and web pages illustrated in the background, suggesting a focus on research or analysis.](https://b13.com/fileadmin/_processed_/8/9/csm_OverlaysExplained_Headerbild_06595130e7.webp) ### The Elegant Efficiency of TYPO3 Overlays 09 May 2025 | Benni Mack This blog post explains the concept of the “overlays” mechanism in TYPO3, with some in-depth insights on how the TYPO3 Core Engine deals with this feature under the hood. [ Read more: The Elegant Efficiency of TYPO3 Overlays ](https://b13.com/knowledge/mastering-localization-and-content-staging) - ![Graphic showing the logos of Hubspot, TYPO3, and Adobe Experience Manager](https://b13.com/fileadmin/_processed_/1/9/csm_ContentStagingExplained_Headerbild_f933286103.webp "Header Image for Blog Post Content Staging Explained: A Comparative Study of TYPO3 and Other CMSs") ### Content Staging Explained: A Comparative Study of TYPO3 and Other CMSs 17 March 2025 | David Steeb Dive deep into content staging capabilities of CMS giants: TYPO3, AEM, and Hubspot. Discover why open-source TYPO3 wins in robustness, flexibility, and affordability. [ Read more: Content Staging Explained: A Comparative Study of TYPO3 and Other CMSs ](https://b13.com/knowledge/content-staging-explained-a-comparative-study-of-typo3-and-other-cmss) - ![Several hands are reaching for and holding colorful puzzle pieces in shades of red and yellow, arranged in a circular formation against a purple background. The scene suggests collaboration and problem-solving.](https://b13.com/fileadmin/_processed_/7/c/csm_OptimizingCollaboration_Headerbild_8ffb26b149.webp) ### Optimizing Collaboration and Version Control in TYPO3: A Guide to Workspaces 04 March 2025 | David Steeb Discover how TYPO3 Workspaces can improve collaboration in your projects. Learn to set up Workspaces, manage access, and unlock advanced features for a seamless content management… [ Read more: Optimizing Collaboration and Version Control in TYPO3: A Guide to Workspaces ](https://b13.com/knowledge/optimizing-collaboration-and-version-control-in-typo3-a-guide-to-workspaces) - ![A computer monitor displays a starburst design, surrounded by stylized plants and a desk lamp, all set against a warm, gradient background with abstract shapes.](https://b13.com/fileadmin/_processed_/d/e/csm_workspaces_4bcc71e65c.webp) ### Workspaces Improvements 01 July 2022 | Benni Mack One of TYPO3’s powerful features for content publishing is Workspaces—creating and staging in a draft environment before publishing content. TYPO3 v11 adds a few important touches… [ Read more: Workspaces Improvements ](https://b13.com/knowledge/workspaces-improvements) - ![A stylized workspace divided into three sections: the left features books and plants, the center showcases a computer with a mug, and the right displays a window with a cityscape view.](https://b13.com/fileadmin/_processed_/c/1/csm_workspaces_fc09580c55.webp) ### Powerful Content Staging in TYPO3 with Workspaces 22 September 2020 | David Steeb If you need to publish or update content in multiple languages at the same time, or involve others to sign off or edit content before publishing, then content staging is the… [ Read more: Powerful Content Staging in TYPO3 with Workspaces ](https://b13.com/knowledge/typo3-workspaces-content-staging) - ![A laptop covered in various colorful stickers, including themes of hacking, programming, and open source, alongside illustrations of a globe, pizza, and a penguin. A person in an orange hoodie is seated in front of the laptop.](https://b13.com/fileadmin/_processed_/a/a/csm_Lolli_369e9e7bad.webp) ### Christian Kuhn: All About b13’s Newest Team Member and his TYPO3 Career So Far 25 August 2020 | David Steeb Meet our newest team member and bug-fixer-in-chief for TYPO3 Workspaces. [ Read more: Christian Kuhn: All About b13’s Newest Team Member and his TYPO3 Career So Far ](https://b13.com/knowledge/christian-kuhn-b13s-newest-team-member-his-typo3-career) - ![Three individuals are gathered around a computer screen displaying code, with gears illustrated in the background. The scene is set in warm orange tones, emphasizing a collaborative work environment.](https://b13.com/fileadmin/_processed_/8/c/csm_investing-in-TYPO3_bf89064ba3.webp) ### We’re Investing in TYPO3 Core Development and You Can Too 04 August 2020 | Benni Mack Workspaces are a killer feature in TYPO3 and we’re helping it reach its full potential. Find out how you can help or support us! [ Read more: We’re Investing in TYPO3 Core Development and You Can Too ](https://b13.com/knowledge/investing-in-typo3-core-development)