--- title: Add non-configurable content elements with one click in TYPO3 v10 url: "https://b13.com/knowledge/one-click-adding-of-content-elements-in-typo3" description: "TYPO3 v10 saves editors time and clicks: no need to save then close for content elements with no configuration settings. Another reason to upgrade!" image: "https://b13.com/fileadmin/_processed_/f/1/csm_Create_Content_Elements_191-2_05b837536c.png" date: 2020-06-02 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Add non-configurable content elements with one click in TYPO3 v10 [ CType ](https://b13.com/knowledge/ctype) [ TYPO3v10 ](https://b13.com/knowledge/typo3v10) Add non-configurable content elements with one click in TYPO3 v10 =================================================================== 13 things we love about TYPO3 v10 ![](https://b13.com/fileadmin/_processed_/a/d/csm_david_5ce18d41e2.jpg)David Steeb 03 June 2020 [ RSS Feed ](https://b13.com/rss.xml) ![A person sits at a table with their feet up, using a laptop. Floating chat bubbles and a graphic of a landscape are visible in the background, suggesting online communication and digital content creation.](https://b13.com/fileadmin/_processed_/1/7/csm_Create_Content_Elements_f16f83670e.webp) In TYPO3 v10, we took an unnecessary step out of the process for adding non-configurable content elements. This streamlining will save countless clicks, time, and distractions for editors all over the world. The story behind the change ----------------------------- TYPO3’s structured content model frees editors to enter their content once, in semantic content elements, allowing efficient reuse across any and all channels and devices. A while ago, we were writing an extension to give a client’s editors standardized layout elements in the editor interface within the backend Page Module. For many of these layout elements, no configuration was necessary, so we thought it would be helpful to save the editors a few clicks by bypassing the configuration form altogether. It occurred to us that the TYPO3 core should incorporate this, too. There was no point in forcing editors to see a configuration form for things like dividers and standardized headings and click “save” then “close” to continue their work. So Benni went ahead and added it to TYPO3 v10. We love this feature! It will save thousands of editors across the world so much time and reward them for structuring their content correctly. Making it easy for editors to structure their content ------------------------------------------------------- Structured content has always been a core benefit of using TYPO3: it makes editors‘ work go further by enabling them to input it once and have it displayed beautifully (and correctly) on many devices. It does require discipline from editors, though, so the more polished the experience, the better you can get them on board with this approach. It rewards them for entering content in a way the system can work with best. TYPO3 v10’s new “save and close” tweak is excellent for simple elements such as dividers and pre-configured layouts with areas for content. But there are more complex scenarios, too: say you have a content type for staff members with standardized headings, but you want the editor to be able to change the order—for example, to put “Personal Achievements” above “Career to Date.” Rearrangement isn’t possible with a rigidly pre-defined element. You could, however, offer the headings as available content elements and let the editor place them appropriately. Making these reusable content elements would ensure the wording is consistent across the site, including translations. If you change either of these, they will be updated everywhere by changing just one setting. ![Menu options for creating a new content element, including choices for Plain HTML, Divider, and Insert records, with brief descriptions of each option's functionality.](https://b13.com/fileadmin/_processed_/e/b/csm_Screenshot_2020-06-02_at_14.17.38_637c14e246.webp) Part of TYPO3's standard content element types, the “Divider” element is configured to use this new one-click-creation by default. This small improvement to the editor interface will save many hours of editors‘ time when you think of all the people across the world who work with TYPO3 every day. How devs can use it --------------------- So now I’ve sold you on this feature, how does a dev implement it? It’s almost as easy as flipping a switch. Just set `saveAndClose` to `true`: ``` 1

2

3

4

5

6

7

8

9

``` ``` div {

iconIdentifier = content-special-div

title = Divider

description = This element inserts a visual divider.

tt_content_defValues {

CType = div

}

saveAndClose = true

}

``` Like the look of TYPO3 v10? It’s time to upgrade! --------------------------------------------------- If you’re already sold on TYPO3 v10 then welcome to the club! Our website is already running on version 10, and we’d love to talk to you about upgrading. Stay tuned for our regular posts in our “13 things” series—we’ll be presenting many new changes and reasons why you shouldn’t hang around before updating. [ Let’s Connect ](https://b13.com/lets-connect) ### 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 stylized web page designs featuring a user profile, image placeholders, and text sections, set against a light blue background.](https://b13.com/fileadmin/_processed_/2/0/csm_BackendPreview_Headerbild_b4c5799cfa.webp) ### Backend Previews With a System—Why We Built EXT:backendpreviews 09 February 2026 | David Steeb EXT:backendpreviews brings structure and consistency to content previews in the TYPO3 backend using Fluid templates, layouts, and partials. [ Read more: Backend Previews With a System—Why We Built EXT:backendpreviews ](https://b13.com/knowledge/backend-previews-with-a-system-why-we-built-extbackendpreviews) - ![A yellow user interface panel featuring multiple sections and tabs, set against a dark green background with abstract shapes and gears. The panel includes placeholders for text and checkboxes.](https://b13.com/fileadmin/_processed_/9/e/csm_Dashboard_63f98a27c9.webp) ### Optimize your daily workflow with the TYPO3 dashboard 30 March 2021 | Oliver Bartsch The TYPO3 dashboard is geared towards maximum extensibility. Discover the benefits, take a tour under the hood and find out how to build your own custom widgets. [ Read more: Optimize your daily workflow with the TYPO3 dashboard ](https://b13.com/knowledge/optimize-your-daily-workflow-with-the-typo3-dashboard) - ![Three stylized slugs with vibrant colors are depicted against a dark purple background, surrounded by abstract shapes and grass-like elements. The slugs have prominent eyes and elongated bodies, creating a whimsical underwater scene.](https://b13.com/fileadmin/_processed_/e/6/csm_slugs_17a8ee1543.webp) ### Auto-updated redirects: A feature to convince you to upgrade TYPO3 08 December 2020 TYPO3 made some important updates to site handling in v9 and v10. We wrote an explainer on new changes, including slug naming and automatic redirects. [ Read more: Auto-updated redirects: A feature to convince you to upgrade TYPO3 ](https://b13.com/knowledge/auto-slug-update-typo3-v10) - ![A person wearing a beret and a fringed poncho waves goodbye to a steam train, surrounded by stylized smoke and a dark background.](https://b13.com/fileadmin/_processed_/3/c/csm_Deprecations_f2863dfb8d.webp) ### Deprecations and breaking changes to celebrate in TYPO3 v10 18 August 2020 | Michael Semle These changes keep TYPO3 awesome. They’re worth the effort it takes to adapt! [ Read more: Deprecations and breaking changes to celebrate in TYPO3 v10 ](https://b13.com/knowledge/deprecations-and-breaking-changes-to-celebrate-in-typo3-v10) - ![A person holds two large signs displaying the word "EVENT" in bold letters. The figure is stylized with a simplified design and a warm color palette, set against a vibrant background.](https://b13.com/fileadmin/_processed_/6/4/csm_event-dispatcher_22da41c4ee.webp) ### Another thing we love about TYPO3 v10: the PSR-14 event dispatcher 11 August 2020 | Daniel Goerz It’s easier to extend third-party TYPO3 code, both for new and seasoned developers. Another reason to upgrade. [ Read more: Another thing we love about TYPO3 v10: the PSR-14 event dispatcher ](https://b13.com/knowledge/psr-14-event-dispatcher-in-typo3-v10) - ![A stylized flamingo floats in a pool with a drink in its wing, surrounded by abstract shapes and tropical leaves. The color scheme features deep purples and soft pastels.](https://b13.com/fileadmin/_processed_/9/e/csm_Lazy_Images_faf015e156.webp) ### Lazy loading just got lazier in TYPO3 v10 28 July 2020 | Daniel Sattler Learn how TYPO3 v10 supports reduced page load times and saves bandwidth with browser-native image lazy loading. No JS required! [ Read more: Lazy loading just got lazier in TYPO3 v10 ](https://b13.com/knowledge/lazy-loading-just-got-lazier-in-typo3-v10) - ![Two individuals, one with long hair and the other with short hair, are pointing at a large digital screen displaying text and graphics. The scene features vibrant colors and abstract shapes in the background.](https://b13.com/fileadmin/_processed_/c/9/csm_Container_pt3_8f99cd005e.webp) ### Flexible Containers and Grids for TYPO3, Part Three 22 July 2020 | David Steeb How to add complex page layout substructures using the TYPO3 Container Extension. Part 3 of our series. [ Read more: Flexible Containers and Grids for TYPO3, Part Three ](https://b13.com/knowledge/flexible-containers-and-grids-for-typo3-part-three) - ![A person with curly hair stands in front of a large computer screen displaying text and graphics, while two smaller documents are positioned nearby. The overall color scheme features shades of blue and orange.](https://b13.com/fileadmin/_processed_/b/3/csm_Container_pt2_6a4e55a6b1.webp) ### Flexible Containers and Grids for TYPO3, Part Two 20 July 2020 | David Steeb How to extend TYPO3’s built-in layouts with a simple 2-column element using the Container Extension. Part 2 of our series. [ Read more: Flexible Containers and Grids for TYPO3, Part Two ](https://b13.com/knowledge/flexible-containers-and-grids-for-typo3-part-two) - ![A stylized computer window displays a grid layout with yellow sections and text lines, surrounded by abstract shapes and foliage in a dark background.](https://b13.com/fileadmin/_processed_/7/c/csm_Container_pt1_625927eee4.webp) ### Flexible Containers and Grids for TYPO3 16 July 2020 | David Steeb Extend TYPO3’s built-in layout concepts with the Container Extension. Simple flexibility for editors, reduced risk for future upgrades. [ Read more: Flexible Containers and Grids for TYPO3 ](https://b13.com/knowledge/flexible-containers-and-grids-for-typo3) - ![A person stands with a questioning expression next to a locked padlock and a password input field, surrounded by stylized keys and abstract shapes, symbolizing security and access challenges.](https://b13.com/fileadmin/_processed_/8/9/csm_Forgot_Password_bcd4ae8edd.webp) ### More Secure, Convenient, and Efficient Password Reset 01 July 2020 | Daniel Gorges Editors can reset their password securely without having to contact an admin. Another reason to upgrade to the latest version. [ Read more: More Secure, Convenient, and Efficient Password Reset ](https://b13.com/knowledge/more-secure-convenient-and-efficient-password-reset)