Overview

Cross-channel components are reusable eWizard.js components designed to render consistently and optimally across different content items—including e-Detailers and emails. These components automatically adapt their rendering and behavior based on the active channel context, eliminating the need to create separate components for different delivery platforms.

Sites

Support for cross-channel components in sites is currently under development and will be available later in upcoming releases.

The cross-channel components share the following key benefits:

• Single codebase: Write once, deploy across all content items.

• Automatic adaptation: Components intelligently detect the active content item type and render appropriately.

• Email compatibility: Built-in email client support with table-based layouts for HTML emails.

To ensure optimal performance and consistent user experience across all currently supported content item types, follow these best practices when working with cross-channel components:

1. Use consistent styling: Apply the same CSS classes and styles across all components for brand consistency.

2. Test across content item types: Preview content in emails and e-Detailers (where available) to ensure proper rendering.

3. Device optimization: Test on different devices as components automatically adapt for smaller or larger screens.

4. Email testing: Use email client testing tools to verify table-based rendering in email contexts.

5. Accessibility: Always provide meaningful alt text for images and clear text content for all components.

6. Link tracking: When using marketing automation platforms, configure dataMsysLinkname for proper link tracking.

7. Localization: Use i18n notation for text components to support multiple languages.

Currently, the eWizard.js component library provides the following cross-channel components:

• Button

• Image

• List

• Popup

• Text

• Video