Magical color theming + new 2022 themes

Through pure magic, you can now adjust just 4 colors to make the rest of your Userflow theme look pretty.

Using the 4 new Brand/Main Background/Text color options, we automagically calculate suitable hover and active colors and apply those colors to all elements such as buttons, inputs and progress bars.

For example, pick a nice purple color for your Brand Background color and you get this:

Purple theme

Oooops! That was a spoiler about our upcoming Resource Center - sooo sorry to reveal that! (Psssst reach out to us for early access).

We’ve also introduced 2 new standard themes: Standard Light and Standard Dark.

2022 themes

The new themes use the popular Tailwind CSS color palette (which is also what we use in the color picker now). We’ve also switched to the “system font stack”, making the font match your user’s system font.

The old themes have been renamed to Standard Light 2019 and Standard Dark 2019, and are only visible for companies that registered before today.

Another tiny change is that the button appearance previously called “Default” is now called “Secondary”. So you have Primary and Secondary buttons. New buttons default to being Primary.

Minor changes around checklists

To prepare for our upcoming Resource Center feature, we’ve made a few minor changes around how checklists work and how they play together with flows.

Read full post

Analytics filters

You can now filter the Analytics page under each flow/checklist based on user attributes, segments and by time.

Analytics

Use the Add filter button in the top left to filter which users’ sessions should be included. Use the time period selector in the top right to choose between all time, past x days/weeks/months, or choose a custom date range.

The list of recent sections in the bottom now uses infinite scrolling for pagination (no more “Load more” buttons).

The Analytics page is now URL-friendly. Your filters/time choices are stored in the URL, so if you reload the page or share the URL with a team member, the exact same content will be shown.

Target flows and checklists with segments

You can now use your reusable segments to target flows and checklists.

Segment condition

Find the new Segment option under Add condition in the builder. It works with both user and group segments, which you can set up on the Users and Groups pages.

Tracking of when groups were last/first seen

We now automatically track when groups were last/first seen in your app, just like we do for users. This is great for telling how active a group is in aggregate, or for finding inactive groups.

Users

We now also recommend sending the signed_up_at attribute in your userflow.group() call (see Userflow.js docs). Along with Group Last Seen, Group Signed Up will be shown by default in all the group segments and on the group profile page.

Upgraded Users page

We recently set out to build the best UI on the Internet to browse user/company profiles.

This initiative resulted in a large upgrade to our Users page, which now let you filter based on any attribute, sort on any attribute, select which columns to display, and save it all in reusable segments.

Users

Let’s dig into it.

Read full post

Attribute and event management

You can now manage your attributes and events directly in the Userflow UI.

Check out the new Attributes and Events menu items under Settings. Here you can:

  • Create new attributes/events so you can use them in your flows even before they’re set/tracked by your app. Note that you can also create attributes/events directly from most dropdown fields.
  • Rename the Display name of existing attributes/events.
  • Change the data type of an attribute, e.g. from Text to a Number.
  • Delete attributes/events that you’re no longer using.

Attributes settings

Launcher builder facelift

We’ve deployed a small facelift to our launcher builder today. We think this makes it more intuitive, streamlines some wording, and hides away some complexity when it’s not needed.

The main difference is a consolidation of settings that are now centered around the Behavior column, split between a When and a Then section. This is where you decide when the launcher should activate (e.g. on hover or on click), and what should happen (show a tooltip or perform an action).

New launcher builder

Automatic flow completion

Until today, for a user to complete a flow they had to visit a step that you had explicitly marked as a completion step in the flow builder.

We realized that this is in most cases unnecessary work. We now automatically mark the last step of a flow as the completion step. It will be shown as a gray checkered flag in the builder:

1 automatic completion step

It even works if you have multiple last steps, i.e. if your flow branches into 2 paths:

2 automatic completion steps

You can overrule the automatic completion step(s) if you want. Simply click a step’s settings block and then enable Explicit completion step. Notice how Step 2 now has a green checkered flag and Step 3 is no longer a completion step:

Explicit completion step

Complete checklist task on click

We’ve made it easier to mark a checklist task as completed when a user clicks it.

This was possible before, but included tracking a custom event in the action and then using that event in the Mark completed condition.

Now it’s as easy as picking the new Task is clicked condition:

Task is clicked

We now also keep track of how many user click each task. This can be seen in the Task breakdown on the checklist’s Analytics page.

Task breakdown

Note that task click tracking only works going forward. So for your existing checklists, you’ll only see future data.