Banners XC

Introducing XCentium's Custom Components for Optimizely CMS

  • Twitter
  • LinkedIn

XCentium has developed an array of innovative components and extensions tailored for a website built on Optimizely CMS. These enhancements empower content creators with greater flexibility, improved responsiveness, and a variety of dynamic presentation options, all seamlessly integrated into the CMS.

Below is an overview of the custom components crafted by XCentium’s Optimizely CMS team, showcasing their transformative impact on content presentation:

Enhanced Card Container Block

XCentium’s Enhanced Card Container Block takes Optimizely CMS’s standard Card Container Block to the next level, offering superior flexibility, responsiveness, and functionality. Designed with a focus on aesthetics, this component enables brands to deliver engaging, interactive content experiences.

Card DetailsContent area Text Cards Key Features

 This block serves as a unified container for various card types, including:

·        Promo Card

·        Text Card

·        Image Card

By consolidating diverse content formats into a single block, it simplifies content management while maximizing versatility.

·        Dynamic Background Theme Picker

 Align content with your brand’s identity using customizable light, dark, or accent-themed backgrounds, ensuring a cohesive and visually appealing presentation.

 Custom Image Card Slider Component

This component redefines how brands showcase image-heavy content, featuring:

·        Drag and Swipe Support: Smooth transitions for desktop and mobile users.

·        Navigation Buttons: Intuitive controls for seamless content navigation

Image card slider hover imageInteractive Button Hover Animations

Responsive hover effects on buttons increase user engagement, adding a sleek, modern touch to your design.


XC Hero Carousel

A visually impactful and interactive hero section designed to captivate users from the moment a page loads.

Key Features:

·        Hero Carousel Slide Blocks: Add multiple, full-width slides, each with customizable headings, subheadings, buttons, and optional secondary images.

·        Dynamic Sliding Panel Animation: A themed background panel animates up from the bottom, adding visual intrigue.

·        Mobile Responsiveness: Panels adapt to smaller screens with fade-in effects for optimal performance.

·        Interactive Navigation: Built-in navigation buttons for cycling through slides.

 Mosaic Galleries

Showcase multiple images with creative layouts using two types of Mosaic Gallery components:

·        Two-Image Mosaic Gallery: Side-by-side images with customizable spacing.

·        Three-Image Mosaic Gallery: Balanced grid layouts ideal for collections or related visuals.

XC Accordion Card Block

An interactive, space-efficient solution for organizing content, ideal for FAQs or feature lists.

·        Collapsible Design: Minimizes visual clutter, allowing users to focus on one section at a time.

Image card slider

XC Two-Column Text Block

Enhances content presentation with a dual-column layout, offering:

·        Main Content Area: Detailed text on the left.

·        Kicker Content Areas: Highlighted callouts on the right.

·        Responsive Design: Mobile-friendly stacking for seamless readability.

·        Customizable Background Themes: Automatic font color adjustments for optimal contrast.

 Promo Card SampleAdditional Enhancements

·        InverseStackOnMobile for Fifty50 Container: Customize mobile stacking orders for improved content flow.

·        Font Color Adaptation: Dynamic font color adjustments for enhanced readability on various background themes.

Promo Cards Sample Mobile

Benefits of XCentium’s Custom Components

These custom components deliver measurable advantages for businesses using Optimizely CMS, including:

·        Enhanced User Engagement: Interactive animations and versatile layouts attract users and encourage exploration.

·        Streamlined Content Management: Fully integrated tools simplify updates and customization.

·        Consistent Branding: Responsive designs and customizable themes ensure uniformity across devices.

·        Improved Efficiency: Pre-built layouts reduce reliance on external tools, accelerating workflows.

XCentium’s latest innovations showcase their dedication to expanding the capabilities of Optimizely CMS, enabling businesses to deliver engaging, visually stunning digital experiences.