Launchers are a great tool to empower your users to access information at their own pace through targeted checklists, release logs, help menus, and more.
You can add different types of items to Launchers that users can access at their own pace to learn more, find more value, or get unstuck.
Quick access
With each Launcher you create in Chameleon, you'll be able to fully customize what items you add and how they behave. The items represent the content of your Launcher, either the link to a helpful resource, another guiding Experiences, its title, or the search component.
To ensure these powerful menus are fully customizable, you can add any combination with these types of items, which we'll cover down below:
Page URLs
Script (JS code)
Divider
Title
Checklist
Empty state
Widget
When you create a new Launcher, you will find it empty. You can add a new item from the Items section of the Builder. Once you select an item to add (In the gif below - a URL item) you will get the configuration options for that item - options to redirect, if it should have a title, or completion criteria. These vary from item to item, depending on their type.
Clicking on the item directly in your Launcher will also open up the Builder's configuration panel for that specific item and you can jump to customize it straight away! π
π‘ You can add as many items as you want - e.g. you can add multiple URL items if you wish to link to help articles, blog posts, knowledge hub, or something else). Simply click the item type and a new one will be added to your Launcher for you to configure. The Builder will show how many of each item type you've added to your Launcher.
With Chameleon, you can rest assured that your Launchers are interactive and helpful components. You have options to create personalized experiences that cater to different user needs.
Below you can find an overview of each item type and its corresponding settings.
You can include Chameleon Tours or Microsurveys in your Launchers and allow users to benefit from their guidance, or provide feedback whenever they're ready. This way, they control their experience and you are a guiding hand that they'll feel thankful for!
π When you add a Tour or Microsurvey, you'll get the full list of Experiences created on your account (including Drafts and Inactive ones) and you can pick and choose what you want to add. But your users can launch only live Experiences from your Launchers. Make sure you go in and set all the Experience items as 'Live', before publishing your Launcher to your users.
Note: The Tours and Microsurveys you pick to trigger as part of Launchers will ignore the first Step URL, Element, and Triggers Rules. Add a redirect URL if its anchor element is on a specific page.
Both Tour and Microsurvey items have the same configuration options, explained in more detail below.
Title: This will appear in the Launcher for your end-users.
Redirect on click: Having this option toggled on will enable you to redirect your users to the specified URL as they click the Launcher item. This is particularly useful for redirecting users to the URL where the Experience will start.
Description (optional): You can add a description below the title to describe what the item represents.
Target Audience: This works as a subset of your Launcher's Audience, as you can select a Segment to target from the Dashboard - as the main Audience. This way you can have a single Launcher with different items for different user Segments (e.g. by restricting the items of a 'Feature Updates' Launcher by rights or access to those features).
Completion Criteria: You can define here what deems the Launcher item as completed. It can either be the event that's fired when your user completes the Experience (Tour completed or Microsurvey completed) or any other event that you're tracking in Chameleon.
Hide when complete: Choose whether to have the item removed once it's completed. You can decide what to display if all items are removed by defining an Empty State.
Including a JS Code Script in your Launcher gives you complete control, and a lot more flexibility to execute a custom action when a user clicks that Item.Β
This can let you open a chat messenger, using Intercom or Zendesk for example. You can also create a customized wrapper for any in-product widgets and Experiences using the Chameleon Launcher.Β
π Discover all the possibilities for using code scripts in Chameleon.
Note: If you employ a Content Security Policy (CSP) then you must add an exception to allow this functionality to be used. Learn more about CSP.
Example: Have an Item open a different Launcher
You can leverage the JS code option to open a different Chameleon Launcher by clicking an item in a first one.
π‘ If you already use the chmln.show(Experience_ID)
command to run Experiences, you'll notice that in the case of an open Launcher, it gets in the way of another one opening. We need to close the first one first, and here's what we end up with:
chmln.show('CLOSING_LAUNCHER_ID', { close: true});
setTimeout(function(){ chmln.show('OPENING_LAUNCHER_ID',
{ open: true}); }, 0);
You can add any custom URL to your Launcher as an item that will provide more value, context, or help when your users need it. With Link Items, you have the same useful options to customize how they appear to your users
Open in a new tab
Description
Target Audience
Completion Criteria
Hide when complete
Below is a collection of other items that you can use to enrich your Launchers.
Divider: Add a horizontal divider to separate your items. You can customize its color and thickness.
Title: Add a Title to your Launcher. You can customize its Alignment, Color, Font size, apply markdown styling, and personalization variables.
Search: Include a search bar in your Launcher. You can change the placeholder text.
Checklist: Transform your Launcher into a checklist by marking completed items with a checkmark. You can change the checkmark color.
Welcome state: Show a welcome message the first time a user sees your Launcher to provide more context and make a good first impression. You can customize its Title, add a Media component, customize its body text, as well as the CTA button.
Empty State: Show an Empty State instead of hiding the Launcher when all your items are completed by your users. Here you can leverage markdown styling, and personalization variables for your text, as well as customize its Alignment, Color, and Font size.