Skip to main content

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. Open a Myop Account

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. Component Overview Create New

View and Edit Binding Rules

Access and modify binding rules (refs and props) that link your component's logic to its skin. Add Refs and Props Explore or Add Component Binding Rules

Explore and switch between skins effortlessly, with zoom capabilities for detailed inspection and adjustments. View Skins

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. Add Skins

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. Build User Flows

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 Build Flows View Flows

Modify Skins

Click on component to preview and modify skins directly in the Experience Editor to ensure everything looks and works as expected. Change Skins

Create a Segment

Currently, Myop Segments can only reference a function defined within your code. Create Segments

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. Time-Limited Skin

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. Testing and Segmentation 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. Publish Changes Dive in to Myop and get started today to focus on building, not revising.