Capabilities
Why Use Myop's Dashboard?
The Myop dashboard gives you the tools to efficiently manage and update UI components. With an intuitive interface, you can create, edit, and publish changes in real-time — freeing you to focus on your next feature while skin updates run automatically, keeping your workflow smooth and uninterrupted.
Key Capabilities:
- Skin Lifecycle Management: Manage skins separately from your codebase, so you can update or rollback changes without touching the core logic.
- Built-In Testing and Segmentation: Assign skins to specific user groups, run A/B tests and create tailored experiences, all directly from the dashboard.
- Visualization and Navigation: Keep everything organized. Easily navigate skins, version histories, and components to streamline your workflow.
- AI-Driven Enhancements: Leverage AI-assisted tools to explore faster skin creation and smarter automation — at your own pace and on your terms.
Let's Deep Dive
Let’s take a closer look at how the Myop dashboard works and explore its key capabilities in
action. Here’s a breakdown of its features before diving into the screenshot walkthrough.
Component Management
Once the Myop library is installed, your components appear on the dashboard, giving you a
centralized interface to view active components and manage their configurations seamlessly.
View and Edit Binding Rules
Access and modify binding rules (refs and props) that link your component's logic to its skin.
Navigate Skins
Explore and switch between skins effortlessly, with zoom capabilities for detailed inspection and
adjustments.
Add New Skins
Add skins using technologies you’re comfortable with, such as plain HTML, design-to-code
tools, AI-generated skins, Web-components, or iFrames.
Create User Flows
Combine multiple components into user journeys when they share dependencies, serve related
functions, belong to a feature set, or require a specific order—such as onboarding, registration,
or checkout flows. User flows are needed for designing multiple experiences across an entire
journey.
Experience Editor
The Myop Experience Editor is a visual tool that allows you to design, customize, and manage
experiences. It provides a clear interface to modify component skins, define user flows, assign
segments, and preview changes in real time
Modify Skins
Click on component to preview and modify skins directly in the Experience Editor to ensure
everything looks and works as expected.
Create a Segment
Currently, Myop Segments can only reference a function defined within your code.
Campaign / Promo Management
Set start and end dates for skins tied to campaigns or events, like special promotions or holiday
themes. Once a campaign ends, Myop automatically reverts to the default experience, saving
you the hassle of manual rollbacks.
Testing and Optimization
Assign skins to specific user groups or test multiple skin variants on separate user groups, then
roll out the best option effortlessly.
Switch between variants easily, and with one click, translate your actions and decision trees into
a complete configuration.
Publish Changes
Deploy UI updates to production with a single click. Myop supports on-prem solutions when
required. Myop also lets you download configurations for local testing, deployment, or
integration into your existing workflows.
Dive in to Myop and get started today to focus on building, not revising.