New SessionStack features — search users by “Clicked Element”, and better User management.

Today we are happy to announce a new “Clicked Element“ filter that allows you to search and segment your users into more sophisticated sets based on their interaction with your product. Plus, we are releasing a new user management dashboard to help you with team collaboration.

Ability to search and segment users by “Clicked Element”

Back in March 2022 in our blog post, we discussed our first event filter — “Visited URL”. And now we adding “Clicked elements”.

This filter will give you the following answers:

• if users are interacting with a specific HTML element such as a link, a button, an image, or any other element;
• who is using a specific HTML element;
• how users are interacting with your product by watching their relevant sessions;

Consider the following use case: you are going through sessions of your users, who have recently visited your website. One of them has an intriguing behavior (he or she has clicked on a particular button). You want to know who else has done so.

There are two methods to configure the “Clicked Element” filter in SessionStack. The first one is by copying the element selector while monitoring the user session in our player and applying it as a search filter in the Sessions dashboard. Find out how, step by step below:

Step 1: Inside the Session player, find the user click you’re interested in. Use the “Copy” option for the HTML element

Step 2: Go to Sessions dashboard and select the “Clicked Element” filter

Step 3: Paste directly the copied string from our player and hit apply.

Step 4: Check the filtered sessions by the configured search criteria. If needed, save your search as a Segment.

The example above shows that only one of the users has used that particular HTML element.

The second way to configure your new event is by using the “Copy selector” option from your browser’s developer tools and pasting the string in the “Clicked Element” field. Keep in mind that the filter just takes “>” as part of the string. It also only works with direct child(ren) and an exact match of the CSS string.

Here is an example of how to build a segment with users who have clicked the button “Send“ in a mail client. Inspect the element with your browser’s dev tools and select the “Copy selector” option for the element. Set filtering criteria by pasting the copied string in the event filter.

Step 1: Copying CSS selector for the specific element (button “Send“)

New User Management Dashboard

Our new user management allows you to:

• invite your teammate to single or multiple projects from the same place;
• track who has joined your projects;
• edit the access of your teammates to projects (exclude and/or include users from projects);
• edit the list of projects for invited team collaborators who haven’t joined the Sessionstack app yet;
• track the total number of used seats in the organization;

See how to navigate the new user management dashboard from the examples below:

Step1: Select “User Management” from your Account

Step 2: In the top right corner, click the “Invite Coworker” button.

Step 3: Define email & project and then hit the “Confirm” button

Step 4: Project Field is multi-select and several projects can be selected at once

Step 5: Monitor and manage the invitation from the grid — delete & edit option

Step 6: “Edit Co-worker” popup is opened after pressing the edit action from the grid

Interested in SessionStack? Book your demo now or get started in minutes with our Free plan.

Happy with SessionStack? Leave a review and get a Gift card!

We hope you find these feature updates helpful. We’d love to hear your feedback in the comments below.