Simple - Banner
Call-to-Action Banner for the shopping experiences
Last updated
Call-to-Action Banner for the shopping experiences
Last updated
This element is a powerful tool to guide users to specific actions. It helps you draw attention to important calls to action and increases visitor engagement.
Whether it's subscribing to a newsletter, purchasing a product, linking to a category, or filling out a form—the CTA banner ensures that the desired action is presented clearly and appealingly.
| Function | Description |
|---|---|
Element Type (1) | Call-to-Action = Custom Link Category = Category Link Custom HTML = Custom Code in HTML / Twig Editor |
Custom Media (2) | If set, a custom background image can be applied. Otherwise, it checks if a category image has been set. |
Enable Video (3) | Allows placing a background video |
Fixed Background (4) | Similar behavior to Fixed Background |
Activate Call-to-Action (5) | If disabled, no link will be set |
Entire Element Clickable (6) | If enabled, the entire banner is linked, not just the button |
Open Link in New Tab (7) | The link will open in a new browser tab |
Show Button (8) |
Here you can upload images or videos.
| Function | Description |
|---|---|
Activate Category Title (1) | The title is automatically taken from the assigned category |
Category Description (2) | The description of the category if maintained in the category |
Caption Box - Width (3) | Maximum width of the box that provides the content. This is important for line breaks. |
Max. Characters of Description (4) | You can limit the description here. Overflow will be displayed with "..." |
Color Settings (5) | Ensure a high-contrast color scheme |
| Function | Description |
|---|---|
Vertical Alignment (1) | The vertical positioning of the content box within the element |
Horizontal Alignment (2) | The horizontal positioning of the content box within the element |
Text Alignment (3) | Left-aligned, centered, or right-aligned |
Set Dimensions (4) | Here you can make size configurations. Ensure a good interplay of background, size of the element, and amount of content. |
Font Sizes (5) |
