About Design Presets in Blocks

Design presets allow you to create various designs for the same widget. When you create design presets for a widget, its functionality, elements, code, APIs and data remain the same, while the way it looks can vary. 

With design presets, you can easily reuse your code and functionality across different designs, without the need to copy and paste them. You can also control how your widget looks across various viewports, through creating different presets for desktop and mobile. When site builders install the app, they can easily move between your ready-made presets.

Example

This Banner Widget has four design presets. The first two presets are similar, but have a different layout. One has the text beside the image and the second one has the text over the image.

Text beside image:

Text over image:

The third preset has a different style - an inverted colors preset:

The fourth preset is built vertically, so it can look great on mobile devices:

Ready to use presets? Learn more about creating and managing design presets.