Jimo Help Center
Using Jimo
Using Jimo
  • Introduction to Jimo
    • Welcome!
    • What is Jimo?
  • Getting started
    • Installing Jimo
    • Extension
    • Initial Setup
    • Designing Your First Experience
  • Experiences
    • Tours & Modals
      • Components
    • Surveys
      • Components
    • Banners
      • Components
    • Hints
      • Components
    • Checklists
      • Components
      • Behavior
    • Resource Center
      • Components
    • Changelog
      • Dashboard
        • Overview
        • Analytics
      • Changelog
        • Changelog Builder
        • Changelog Components
        • Changelog Navigator
        • Positionning (Trigger)
        • Changelog Preview
      • Posts
        • Post Builder
        • Post Components
        • Post Navigation
        • Multiple Languages
        • Post Preview
  • Design and manage experiences
    • Dashboard
    • Spaces
    • Builders
      • Flow Builder
      • Content Builder
      • In-app Builder
    • Navigator
    • Triggers & Conditions
      • Steps Triggers
      • Conditions
    • Theme
    • Multiple Languages
    • Positioning
    • Preview
  • Target & publish experiences
    • Overview
    • Trigger on the right spot (Show on)
    • Target specific URLs/Domains (Where)
    • Target right people (Who)
    • Trigger at the right time (When)
      • Planning Your Experience
      • Rate Limiting - Prevent overwhelming users
    • Increase visibility (Boost)
    • Mesure outcomes (Goal)
  • Monitor and analyze user data
    • Analytics
    • Users & Segments
      • Users
      • Segments
      • Import
      • Survey responses segmentation
    • Success Tracker
      • Overview
      • Trackers
      • Events
  • Admin & Settings
    • Project management
    • General Settings
    • Installation
    • Team Management
    • Environments
    • Plan and Billing
    • Notifications and Account Settings
    • MAU (Monthly Active Users)
  • Integrations
    • Integration Setup
    • Events for Analytics Integrations
    • Segment.io
    • HubSpot
    • Salesforce
    • Maze
    • Amplitude
    • PostHog
    • Mixpanel
    • Heap
    • Figma
    • Calendly, Google Calendar, Zcal
    • Intercom
    • Invision
    • Zapier
    • Slack
    • Crisp
    • Server-Side Events
    • Webhooks
Powered by GitBook
On this page
  • Introduction to Builders
  • When to Use Each Builder
  • Flow Builder
  • Content Builder
  • Legacy Builder
  • In-App Builder
  • Accessing Builders
  • Builder Structure
  • Top Bar
  • Menu Sidebar
  • Center View
  • Parameters Sidebar

Was this helpful?

  1. Design and manage experiences

Builders

The Builder is the core workspace for creating and managing all Jimo experiences. It is designed to help you structure, design, and refine your experiences efficiently, no matter the type.

PreviousSpacesNextFlow Builder

Last updated 3 months ago

Was this helpful?

Introduction to Builders

All experiences in Jimo share a similar builder structure but with specific variations based on their type:

  • Flow Builder: For managing sequential steps in experiences like Tours and Surveys.

  • Content Builder: For editing the content, design, and behavior of individual steps.

  • Legacy Builder: Serves as a simplified content editor for non-sequential experiences.

  • In-App Builder: An overlay that lets you design directly in the context of your website.

Each builder adapts to the needs of the experience type, ensuring flexibility and consistency in creating tailored user journeys.

When to Use Each Builder

  • Purpose: To manage sequential logic and the progression between steps.

  • Applicable For: Tours and Surveys.

  • Key Features:

    • Add, reorder, and connect steps to create a logical flow.

    • Preview the entire user journey within a centralized view.

  • Purpose: To customize the design, style, and behavior of each step.

  • Applicable For: All experiences, with varying access modes:

    • Sequential Experiences (Tours & Surveys): Open via the Content tab in the Flow Builder.

    • Non-Sequential Experiences (Banners, Hints, Checklists): Directly accessible as a standalone Legacy Builder.

  • Key Features:

    • Edit individual step content and parameters.

    • Add elements like text, media, and buttons.

    • Configure behaviors, styles, and positioning.

Legacy Builder

  • Purpose: A streamlined content builder for non-sequential or single-step experiences.

  • Applicable For: Banners, Hints, Checklists, and Changelog posts.

  • Key Features:

    • Manage and design one step at a time.

    • Accessible top bar for step selection and management.

  • Purpose: To design experiences directly on your website for real-world context and precision.

  • Applicable For: Tours, Surveys, Banners & Hints.

  • Key Features:

    • Attach steps to UI elements on your site.

    • Visualize how content will appear in context.

Accessing Builders

Sequential Experiences (Tours & Surveys)

Access the Flow Builder first, then transition to the Content tab to refine each step.

Non-Sequential Experiences (Banners, Hints, Checklists)

Directly access the Legacy Builder to manage and edit individual steps.

In-App Builder (Tours, Surveys, Banners, Hints)

Check the option on creation or click the Edit in App button from the builder interface to switch to the overlay view.

Builder Structure

All builder types share a consistent structure for ease of use, designed to simplify creating, editing, and managing Jimo experiences. Each part of the builder has distinct roles to streamline the process, whether you’re working on sequential flows, single-step experiences, or unordered steps.

Top Bar

The Top Bar provides key navigation and action tools, tailored to the current builder type.

⇒ From left to right:

Go back to the Dashboard.

  • Displays the type of the current experience (e.g., Tour, Survey, Hint, etc.).

  • Edit the name of your experience.

  • Flow/Content Tab Switcher for sequential experiences (Tours, Surveys).

  • Fixed/Editable Steps List for non-sequential types (Hints, Checklists, Banners).

  • Save Alert: Green Checkmark confirms that changes have been saved successfully.

  • Live Edit Alert: Notify that you're editing an already published experience and tell what does it .

  • Save: Save progress.

  • Edit In-App: Launch the In-App Builder for direct editing on the target site.

    • Replaced by Interact with App when already in the in-app mode.

  • Preview: Simulate the experience to see how it looks and behaves.

  • Target & Publish: Manage targeting and publish the experience.

    ⇒ Replaced by Publish Changes for edits.

    • Disabled when the experience flow is invalid, with hoverable tooltips listing missing or invalid configurations.

Menu Sidebar

The Menu Sidebar serves as the central navigation within the builder, displayed differently based on the mode:

Visible in Flow, Content, and Legacy Builders.

Shown in the movable menu within the In-App Builder.

⇒ Key tools in the menu:

Center View

The Center View is the main preview area for designing and reviewing step content.

Displays a preview of all steps and their connections within a structured flow. Easily manage step order, rename them, and access quick controls for triggers, conditions, and positioning.

  • Sequential Flows (Tours & Surveys):

    • Reorder, rename, and manage steps directly in the central view.

    • Quick access to triggers, conditions, and positioning options for targeted steps.

    • Preview targeted elements directly on the steps.

  • Element Interaction: Click on any element in the preview to open its parameter settings, similar to accessing them through the navigator.

Overlays the selected website in the background, allowing you to build experiences directly in context. See real-time positioning and interactions within the live environment.

Parameters Sidebar

The Parameters Sidebar allows detailed configuration of steps, tailoring behaviors, styles, and positioning.

Dynamic Content
Core Sections
Options

Updates based on the selected element in the Navigator.

Parameters are grouped into categories like Behavior, Content, Style, etc.

Each parameter is detailed within the Components section for each experience type.

Tours

Surveys

Banners

Hints

Checklists

Missing Alert: Indicates if the is missing and what that implies, with a link to the Extension Page.

Learn more on the .

Learn more on the .

Learn more on the .

Opens the to add more steps (only for sequential flows).

Manage all elements in the current step, add new ones, and configure their parameters. Learn more on the .

Define logic to progress steps, including triggers for Tours and conditions for Surveys. Visit the .

Save and apply visual designs for a consistent style across the experience. Learn more on the .

Manage text alternatives for multiple languages. See the for details.

Focuses on a single step, highlighting the currently selected element in the . The right sidebar updates dynamically based on the selected element.

Content Builder
In-App Builder
Chrome extension
In-app Builder page
Preview page
Target & Publish page
Flow Builder
Navigator page
Triggers & Conditions page
Theme page
Multiple Languages page
Content Builder
Components
Components
Components
Components
Components
Flow Builder
Main features
Main features
Main features
Content
Flow
Legacy
In-app
Content
In-app
Flow
Content
In-app
Content
In-app
Main features
Main features