Components


Quick access

Components for Building Hints


Components for Building Hints

Normal Icon

The Normal Icon is a standard symbol used to represent a hint. It acts as a non-intrusive signal that there's additional information or a tip available.

-> When you want to offer basic guidance without overwhelming the UI.

Label

A Label is a text-based hint that provides clear and concise instructions or information directly on the screen.

-> Ideal for straightforward instructions or when you want to label a certain part of your interface for quick user recognition.

Target Element

The Target Element hints highlight an already existing element on the page to draw focus or provide information.

-> Use this when you need to draw attention to new features, settings, or any interface elements that might require user action.

Button/CTA

The Button element unlocks CTA Actions, allowing users to trigger different actions without a pop-up. This can include actions like navigating to the next step, redirecting to a URL, or launching an external link. This type of hint only got a single element where you customize the button’s style and action.

-> Best used when you want users to take immediate action (e.g., start a tour, submit information) without opening additional windows or overlays.

Adding Multiple Hints

You can add multiple hints to your experience, allowing you to apply the same targeting parameters to the whole group. (Unlike the Tours & Surveys the order doesn't matter.)

Customizing your hints

After selecting your experience structure, it's time to infuse it with content that resonates with your users.

You can start your component from scratch (A), Jimo provides a diverse set of building blocks across three categories—Text, Media Assets, and Interactions—that you can manually select to tailor each component of your experience.

There are now also presets which are some preselected templates (B) to quickly structure your steps. These presets provide a quick and efficient way to assemble the steps of your experience with a consistent and professional layout. You can also apply a preset that's a copy of your previous step.

Component's building blocks

Text Elements

  • Heading: Craft compelling titles and headers to grab attention and set the context.

  • Paragraph: Convey detailed information with descriptive text to guide users through the experience.

  • Label: Use labels to annotate images, videos, and other interactive elements for clarity.

Media Assets

  • Image/Video: Enhance your component with illustrative images or explanatory videos. (5MB size limit.)

  • Profile: Personalize the experience by including profile pictures or avatars, particularly effective in social proof or testimonial components.

Interactions

  • Primary Button (CTA): Encourage users to take action with a prominently styled button.

  • Secondary Button (CTA): Offer an alternative action with a less dominant button style.

You can now trigger any already published experiences via CTAs.

To then customize the attributes of each added block use the navigator or just click on the element directly in the preview. It will open the setup options on the side. Click anywhere else on the component to display the general options.

Last updated