Xpand your Xperience with Xpandable Sections
Tags: kentico, xperience, wysiwyg, nocode
Published: 2021-04-05 15:44:39

## Sections in Kentico Xperience 13

[Kentico Xperience 13](https://xperience.io/) is a modern digital experience platform aimed at content management, digital marketing, and commerce projects. It can be deployed on-premises or [in the cloud](https://xperience.io/product/platform/cloud) to [deliver engaging, personalized experiences](https://xperience.io/product), [create remarkable digital touchpoints](https://xperience.io/product/digital-marketing), [build solutions using a modern .NET MVC platform](https://xperience.io/product/platform/mvc-development), and [integrate with the tools you need](https://xperience.io/product/integrations). 👑

Kentico Xperience 13 includes a [WYSIWYG page builder](https://xperience.io/product/content-management/page-builder) that structures page content into editable areas with sections, and sections into widget zones with widgets. Typically sections are created by developers to suit different layouts: two columns, three columns, a column and a CTA box, or any other presentation. Once defined in code, the sections are available in the page builder for marketers to use. 🖼

![Kentico Xperience 13 page builder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ris8zd6t5563s4uf87mi.png)

However, if there is a layout that a marketer wishes to have, they must go to the developers and describe their use case, from which the developers will need to prioritize a sprint to make it happen. This takes time and effort, delaying both the marketer and the developers' work and causing friction in the content pipeline. 😠

## Enter no-code xpandable sections

The [Xpandable section](https://github.com/yuriys-kentico/Kentico.Xperience.AspNetCore.XpandableSection) is a way to avoid that friction. It is a section which allows a marketer to define how many and in which shape the section's widget zones are. It can be two columns, three columns, or a Sierpinski triangle of zones - there are no limits! 🚀

![Xpandable section in action](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ajlexlw8j6hdr8uafb74.gif)

The marketer can change the direction of a group of widget zones, switching from horizontal to vertical, and can also name zones for easy identification. 🎉

![Changing direction and naming zones](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/moc4ojxyiq14291tx0i4.gif)

For styling, the direction, name, depth, and index of each widget zone show up as HTML classes, so targeting a specific zone or group of zones becomes straightforward. 💯

![Writing styles targeting zones](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sjhk6f0c2rnt087lgiso.gif)

The section comes in a [NuGet package](https://www.nuget.org/packages/KenticoXperience.AspNetCore.XpandableSection) (a shareable package of code) that a developer can install to your Kentico Xperience 13 project and then it becomes available in the page builder. After this one-time installation, no further developer assistance is needed. 👍

The possibilities xtend beyond the horizon! ☀

Let me know down below if you have any questions or would like to start a discussion!