Widgets
Widgets are modular content blocks added to containers within page areas. They form the core building blocks of content in Geins CMS, enabling flexible and reusable content management across a storefront.
Widgets can display various types of content such as text, images, videos, banners, or product lists. They can also be scheduled to appear or expire at specific times, allowing dynamic and timely updates to storefront content.
Built-in widget types
Geins CMS includes a catalog of built-in widgets that cover common content needs:
| Widget | Description |
|---|---|
| Banner | Used for campaign banners or hero images. |
| Text | Contains plain text or formatted messages. |
| Rich text | Includes a rich text editor for flexible content formatting. |
| Image | Displays a single image or graphic. |
| Product list | Displays a filtered or curated list of products from the catalog. |
| Video | Embeds a video element, such as a promotional or explainer video. |
| HTML code | Allows custom HTML and CSS for full design control. |
Typical use cases
Widgets enable flexible and dynamic content management within containers and areas throughout the CMS.
1. Managing marketing content
Widgets allow content editors to manage marketing elements such as banners, campaigns, and promotional text.
Examples include:
- Adding a promotional banner widget to the start page hero area.
- Displaying campaign messages on category pages using rich text widgets.
- Scheduling banner widgets to appear during specific promotional periods.
2. Enhancing product presentation
Widgets can complement product content with media or curated product lists.
Examples include:
- Embedding product videos using video widgets in product detail page areas.
- Displaying lifestyle images with image widgets in the product hero area.
- Showing filtered or manually curated product lists using product list widgets.
3. Scheduling time-based content
Widgets can be scheduled to appear or expire on specific dates and times.
Examples include:
- Launching a "Black Friday" banner widget automatically at midnight.
- Displaying limited-time offers that automatically expire after the promotion ends.
- Showing event-specific content widgets during campaigns.
4. Custom content and layouts
Custom widgets and HTML code widgets provide flexibility for unique content needs.
Examples include:
- Creating interactive elements with custom HTML and CSS.
- Building specialized content blocks through the widget designer.
- Embedding third-party integrations or custom functionality.
Related concepts
| Related feature | Description |
|---|---|
| Containers | Hold widgets and define layout (for example: two columns 50/50, four columns). |
| Areas and collections | Define where containers and widgets can be placed within page structures. |
| Page area families | Provide the foundation for different page types that contain areas, containers, and widgets. |
| Campaigns | Widgets can display campaign-specific messages, banners, or filtered product lists. |
| Products | Product list widgets connect directly to the product catalog. |
| Scheduling | Supports start and end times for automatic publishing and unpublishing of widgets. |
| Widget designer | Enables developers to create custom widget types beyond the built-in catalog. |