🎉  Userflow joins forces with Beamer to create all-in-one growth toolkit

Read more
Userflow Updates

Full-width images and (negative) margins

blog author
Sebastian Seilund

July 8, 2021

You can now make images and videos in your flows extend all the way to the sides, achieving a cool full-width look.

Full-width image

This is made possible by the new Margin settings in the image/video popover. Simply click an image and check Margin.

To extend the image to the sides, add a negative margin (such as -24 pixels).

Full-width image

2 min 33 sec. read

Userflow Updates

Full-width images and (negative) margins

Sebastian Seilund

July 8, 2021

You can now make images and videos in your flows extend all the way to the sides, achieving a cool full-width look.

Full-width image

This is made possible by the new Margin settings in the image/video popover. Simply click an image and check Margin.

To extend the image to the sides, add a negative margin (such as -24 pixels).

Full-width image

2 min 33 sec. read

You can now make images and videos in your flows extend all the way to the sides, achieving a cool full-width look.

Full-width image

This is made possible by the new Margin settings in the image/video popover. Simply click an image and check Margin.

To extend the image to the sides, add a negative margin (such as -24 pixels).

Full-width image

About the author

Co-Founder of Userflow

Sebastian Seilund is the co-founder and former CEO of Userflow, where he built one of the leading user onboarding platforms for SaaS companies. With experience as a software engineer at Google and having founded multiple successful software companies, including Denmark's first user-friendly accounting software, Sebastian brings deep technical expertise to discussions about product-led growth and user experience.

You may also like

blog imageHow We Built a Tiered Product Launch Strategy at Potloc
Rocio Lopez Daglio

December 6, 2024

As a Senior Product Marketing Manager at Potloc, a market research platform for consulting and private equity firms, I’ve come to see that not all product launches should follow the same playbook. Every new release offers a different level of impact and requires varying levels of investment. Over the past year, as we focused on more customer-facing capabilities for our market research platform, we needed a framework to help us identify which launches warranted major announcements and resources and which could be quietly rolled out.

In this post, I’ll walk through our approach to building a tiered launch strategy. I’ll also share how we partnered with Userflow to align our in-product communication with the distinct requirements of each launch type. Ultimately, this approach has allowed us to meet user needs in a way that respects their time and enhances their experience with our platform.

Why a Tiered Approach Was Necessary

Our move toward a structured launch framework came out of necessity. Traditionally, our roadmap included a balance of internal- and customer-facing improvements. However, as we scaled customer features, we realized that our old one-size-fits-all approach didn’t serve us or our users. Each new feature required a tailored level of communication, which led us to rethink how we allocate resources for launches.

Through this tiered model, we could prioritize high-impact releases and streamline minor updates to maintain user focus.

Why Potloc needed a tiered approach to product launches

The Four Tiers of Our Launch Framework

Tier 1: Game Changers

At the top of our framework are our “Game Changers” - Tier 1 releases that fundamentally transform our platform and set us apart in the market. These are the releases we treat as cornerstone events, happening once a year. 

A perfect example is our recently launched Data Cleaning Report. In market research, data quality is often a black box, with vague claims about accuracy and little visibility into the processes behind the results. Our Data Cleaning Report broke this mold by introducing real-time transparency into how our quality control measures work to remove low quality and fraudulent responses throughout the sample collection process. It’s not just a feature—it’s a shift in how the industry thinks about transparency around data quality.

Tier 2: Strategically Important Launches

The second tier encompasses strategically important launches that introduce new functionality to our platform. While these features might not redefine the market, they significantly improve our offering in ways that resonate deeply with current users. These launches typically happen several times throughout the year and require substantial communication efforts.

Tier 3: Incremental Enhancements

Our third tier encompasses incremental enhancements designed to address specific customer needs and improve platform usability. These features, while not central to our sales pitch, play a critical role in supporting deal closures and boosting customer satisfaction.

A good example is our Fieldwork Progress Visibility feature that allows customers to follow the progress of their sample collection in real time, making it easier for customers to keep track of their quotas and rest assured that the fieldwork will meet their deadlines. While valuable, it enhances rather than transforms our core offering.

Tier 4: Minor Updates

Finally, our fourth tier covers minor updates, the day-to-day improvements that ensure our platform operates smoothly. While these updates typically don’t require extensive communication, they contribute to a seamless user experience, laying the groundwork for broader adoption of our more transformative features.

the 4 tiers of Potloc's product launch framework

Choosing the Right Communication Channels

Our approach to feature communication has evolved significantly through trial and error. For all in-product communication, we selectively use Userflow's three main features - announcements, launchers, and flows.

Announcements

Announcements are our primary tool for feature communication, with notification levels strategically aligned to feature importance:

  • Pop-up notifications: Reserved for Tier 1 game-changers, these grab immediate attention to ensure all users are aware of major releases.
  • Badge notifications: Used for Tier 2 and 3 strategic launches, these subtle indicators signal updates without interrupting workflows.
  • Silent notifications: For Tier 4 minor updates, these populate our resource center without additional alerts, ensuring the focus remains on higher-priority features.

This tiered notification strategy helps us maintain a balance between keeping users informed and respecting their focus time.

Each announcement includes a “Show Me” call-to-action, directing users to relevant platform sections, making information actionable and accessible for even the busiest users.

Potloc's use of Userflow's in-product prompt and call-to-action

Launchers

Launchers shine as targeted, in-product guidance tools. We use them for immediate, contextual guidance about new features, especially when we want to highlight something directly in the product interface. They've proven particularly effective for our internal teams, who are often already familiar with new features from the discovery phase.

Flows

Our use of flows has perhaps evolved the most. Initially, we focused on building flows to provide users with accessible, on-demand resources to navigate features effectively. These flows were always housed in the resource center, available for users seeking additional guidance. Over time, however, we recognized that announcements and launchers are more effective for most users, as flows can occasionally feel disruptive.

Given the intuitive design of our platform, flows are now positioned as supplementary tools for those who prefer extra guidance, rather than the default approach. This ensures users who need support can access it without being overwhelmed by unnecessary tutorials.

Potloc's use of Userflow's launchers and flows

The Evolution of Our Resource Center

Designed to meet the demands of Consulting and PE firm customers, our resource center prioritizes speed and efficiency. These users, often working on time-sensitive deals, rarely have the luxury of traditional onboarding calls or demos.

To address this, we’ve evolved the resource center into a self-serve hub focused on delivering immediate value. At its core is a streamlined checklist that highlights key “Aha!” moments—those pivotal features that showcase our platform’s value at a glance. This is further supported by on-demand guided tours, a centralized announcement feed, and seamless integration with our HubSpot Knowledge Base.

We’ve also introduced the Potloc Guide, an AI-powered assistant offering instant responses to user questions. Together, these features empower users to get the help they need, precisely when they need it.

Potloc's use of Userflow's resource center

Lessons Learned

The most valuable lesson we've learned is that less is often more. Overloading users with flows and tutorials can dilute their experience. If your product is designed intuitively, let it speak for itself. We’ve seen the best results by starting small, gathering feedback from real users, and iterating based on their actual behavior.

Equally important is trusting the strength of your product design. Our team invests significant effort into ensuring features are intuitive and easy to navigate. Instead of detailing every aspect in product tours, we focus our communication on what truly adds value and differentiates us in the market.

Lessons learned from building user onboarding

Looking Ahead

As we refine our launch strategy, we’re placing a stronger emphasis on data-driven decision-making. Using tools like Amplitude, we monitor feature adoption and engagement, while gathering anecdotal feedback from our customer-facing teams. 

The key to successful product launches isn’t about using every communication channel—it’s about choosing the ones that resonate most with your audience and fit the context of each feature. For our users, understanding their time constraints and their need for immediate value has been central to shaping our approach.

What works for one company may not work for another. The best approach is to start small, test what resonates, and adapt based on your unique audience and business needs.

2 min 33 sec. read

blog imageHow To Build a Scalable Process for Managing Userflow
Carrie Moy

December 4, 2024

Success with product adoption tools isn't just about the technology—it's about having the right processes in place. A tool like Userflow shines by simplifying user onboarding through interactive walkthroughs, enabling rapid implementation with minimal coding, and being cost-effective. At ASSISTments, its seamless integration with existing tools like Hubspot made it the ideal choice. In this post, I'll share how we developed a framework that helped us scale Userflow implementation at ASSISTments while maintaining a great user experience.

Starting Out: The Growing Pains

When implementing Userflow in 2022, the primary goal was straightforward: create a smooth onboarding experience that would help teachers understand the value of our online math platform. We wanted to guide them through three key aspects of the product: how to assign work, what the student experience looks like, and how to interpret the data we provide.

The implementation was successful—maybe too successful. As more teams saw what Userflow could do, requests started pouring in to use it for everything from feature announcements to user research. While it was great to see enthusiasm for the tool, our Senior Product Designer, Kyle Scheuing, and I, the Director of Product and Program Operations, became concerned about the potential impact on our users. We didn't want to become "that annoying site" with pop-ups everywhere.

Goal, focus, success, and challenge of implementing Userflow at ASSISTments

Building Our Solution

We knew we needed a structured approach to manage these requests while keeping our users' experience at the forefront. Below is the framework we developed to manage Userflow at ASSISTments. Keep reading to learn how you can implement a similar framework in your organization.

1. Define Clear Boundaries

Document exactly what Userflow should and shouldn't be used for. For example:

âś… Good uses:

  • Onboarding new users
  • Announcing new features
  • Collecting targeted feedback from specific user segments
  • Tracking specific user interactions

❌ Not appropriate for:

  • General marketing communications
  • Collecting demographic information
  • Continuous promotional messaging
  • Non-targeted mass communications
Define clear boundaries for good and bad uses for Userflow

2. Create a Decision-Making Framework

Develop a decision tree that helps stakeholders determine whether Userflow is the right tool for their needs. The key questions include:

  • Who are you trying to reach?
  • What type of interaction do you need?
  • How quickly do you need to implement this?
  • What kind of data do you need to collect?
Creating a decision-making framework for Userflow at ASSISTments

3. Establish Clear Ownership

Adopt the MOCHA framework (Manager, Owner, Consulted, Helper, Approver) to ensure everyone knows their role in the process. In our case:

  • The Director of Product and Program Operations owns the day-to-day management of Userflow
  • The Product Designer reviews for visual consistency
  • The communications team reviews messaging for brand consistency
  • The Teacher Experience Product Owner has final approval

4. Implement Request Templates

Create specific templates for different types of requests:

  • Surveys
  • In-product flows (walkthroughs, banners, beacons)
  • Usage tracking

Each template requires stakeholders to think through their objectives, target audience, timeline, and success metrics before submitting a request.

Carrie Moy quote about implementing Userflow at ASSISTments

Implementing templates and the MOCHA framework wasn’t without its challenges. Early on, some stakeholders viewed the added structure as a potential bottleneck, concerned it might slow down their requests. To address this, we emphasized how the process would streamline workflows, reduce miscommunication, and keep everyone informed about Userflow implementations. Despite initial skepticism, the benefits became evident quickly. Templates reduced back-and-forth messages, and requests became more focused and thoughtful. These small wins created momentum, reassuring us that the framework was not just functional, but a critical step in enhancing both internal processes and the user experience.

Balancing Tools: Userflow and Mixpanel

One question we often get is how we decide between using Userflow or Mixpanel for tracking. Here's our general approach:

Use Userflow when:

  • You need quick implementation (can be done same-day)
  • You want to collect immediate user feedback
  • You need Hubspot integration
  • The tracking period is relatively short

Use Mixpanel when:

  • You need very specific element tracking
  • You want long-term data collection (beyond 180 days)
  • You need detailed behavioral data
  • You want to track across multiple events
Balancing tools: when to use Userflow vs. Mixpanel

Results and Lessons Learned

The framework has been in place since May 2024, and we've been pleasantly surprised by the results. Despite initially worrying about pushback (we were essentially adding a process where there wasn't one before), our team has embraced the structure.

Key lessons we've learned:

  1. Set time limits: Most of our Userflow implementations have a specific end date, which helps prevent notification fatigue.
  2. Start with why: When introducing a process, focus on how it benefits the user experience.
  3. Make it collaborative: Include key stakeholders in the development of your framework.
  4. Stay flexible: Be ready to adjust your process based on team feedback and changing needs.
how to establish clear ownership around launching flows in Userflow at ASSISTments

Looking Forward

While our framework is still relatively new, it's already helping us maintain a higher quality user experience while making it easier to manage internal requests. We continue to iterate on our process, but the foundation we've built gives us confidence that we can scale our product adoption efforts effectively.

Want to implement a similar framework in your organization? Check out our template below, which you can adapt for your own needs. Remember, the goal isn't to create bureaucracy—it's to ensure that every interaction with your users adds value to their experience.

2 min 33 sec. read

blog imageMastering Userflow: Your Guide to Creating Engaging User Experiences
Lara Stiris

December 2, 2024

The difference between a user abandoning your product and becoming a loyal advocate often hinges on their initial experience. User onboarding and feature adoption are critical touchpoints that can define your product's success. Userflow provides powerful tools to guide your users effectively, but like any sophisticated instrument, its true potential is unlocked through strategic application. This guide, crafted from the insights of experienced Userflow customers, will help you navigate the path to creating impactful user experiences.

1. Crafting Effective Onboarding & Adoption Flows

The journey of a thousand miles begins with a single step, and in the world of SaaS, that step is often an onboarding flow. Here's how to make those first steps count:

Start with User Research

Before diving into flow creation, take a step back and understand your users' expectations. Conduct customer interviews and identify the "Aha!" moments in your product. These insights will guide you in creating flows that resonate with your users and highlight your product's core value.

Userflow tip: Start with user research

Tailor to Your Audience

One size rarely fits all, especially when it comes to user onboarding. Leverage Userflow's segmentation capabilities to create flows based on user roles or feature access. Consider integrating with other tools like HubSpot to enhance your segmentation capabilities and follow-up communications.

Userflow tip: Tailor to your audience

Keep It Simple and Concise

In the realm of user onboarding, less is often more. Aim to create flows with 3-5 steps, using clear and scannable language. As Samantha Swartz from CreativeX advises, "Less is more. Always simplify. Avoid too many complex steps." This approach respects your users' time and cognitive load, increasing the likelihood they'll complete the flow and retain the information.

Userflow tip 1: keep it simple, create concise flows

Establish a Clear Process

For organizations of any size, having a structured process for implementing Userflow is crucial. Carrie Moy from ASSISTments, an online formative math assessment tool, shares their approach: "We've built a process where people who want to use Userflow submit a form that outlines their goals and information. From there, we use established design rules and visual setups to ensure consistency." This process includes:

- Goal definition and documentation

- Design guidelines for visual consistency. (Use the Theme Designer in Userflow to reduce re-work.)

- Review by communications team

- Testing in playground environment

- Clear metrics tracking responsibilities

Userflow tip 2: establish a clear process and use the Theme Designer to reduce re-work

2. Use Cases to Kickstart Your Userflow Journey

Userflow offers many features, so when getting started it’s key to understand which features will best serve the specific goals you have for your product and business. Here's a guide organized by common use cases to help you create your first few in-app experiences:

1. User Onboarding and Initial Setup

Primary Features: Flows, Checklists, Resource center

As Matous Vrba from Make advises, "Avoid overwhelming users and giving them more than they need in that moment. New users love structure and checklists work great for this."

  • Flows excel at providing step-by-step guidance through initial setup, profile completion, and key feature introduction
  • Checklists break down the onboarding process into manageable tasks, creating a sense of progress
  • Resource center serves as a self-service hub for FAQs and additional guidance
Userflow use cases: user onboarding and initial setup

2. Critical Updates and Important Announcements

Primary Features: Modals, Announcements

  • Modals for urgent updates requiring immediate attention (compliance updates, maintenance alerts)
  • Announcements for less time-sensitive updates that shouldn't interrupt workflow

3. Introducing a New Feature

Primary Features: Modals, Resource center, Announcements

As Carrie Moy notes, "We started with the modal and then started to build flows from that. The flows were really easy to start with."

  • Modals for feature spotlights and initial introductions
  • Resource center to provide detailed documentation and tutorials
  • Announcements for ongoing tips and updates about the feature
Userflow use cases: introducing a new feature

4. Complex Process Guidance

Primary Features: Flows, Checklists

  • Flows guide users through multi-step processes across different parts of the interface
  • Checklists provide clear progress tracking and structured task completion

5. User Feedback Collection

Primary Features: Modals, Resource center

Bruno Cardoso from GBTEC recommends to "Implement an NPS survey followed by an open-ended text question within a modal, triggered after the completion of key checklists."

  • Modals for NPS surveys and feedback collection
  • Resource center to host feedback forms and additional surveys
Userflow use cases: user feedback collection

6. Self-Service Support

Primary Features: Resource center, AI Assistant

7. Feature Discovery and Adoption

Primary Features: Tooltips, Announcements, Checklists

8. Compliance and Policy Updates

Primary Features: Modals, Announcements

  • Modals for mandatory acknowledgments and acceptances
  • Announcements to notify users of upcoming policy changes
Userflow use cases

Feature Selection Framework

When choosing between features, consider these guidelines:

Use Modals When:

  • You need immediate user attention
  • The interaction is simple and focused
  • No navigation is required

Use Flows When:

  • Multiple steps are involved
  • Users need to interact with different parts of the UI
  • Progress tracking is important

Use Checklists When:

  • Tasks can be broken into clear steps
  • Users need to track progress over time
  • Structure and guidance are important
Userflow feature selection framework: modals, flows, checklists and when to use each

Remember that features can be combined for maximum impact. For example, using a modal for initial feature introduction followed by a checklist for adoption, or combining the Resource center with AI Assistant for comprehensive self-service support.

3. Navigating Common Pitfalls: Tips for Success

Even the most well-intentioned onboarding efforts can fall flat if not executed properly. Here are some crucial tips to keep in mind:

Navigating common user onboarding pitfalls

Avoid Overwhelming Users

In your enthusiasm to guide users, it's easy to bombard them with information. Resist this temptation. Avoid overlapping flows, cap non-critical interactions to one at a time, and space out your launches (aim for 5-10 minutes apart). This measured approach respects your users' cognitive load and allows them to absorb information more effectively. In particular, Samantha Swartz from CreativeX encourages onboarding owners to “Set priority for your flows, especially if you have many on and off users that don’t come back frequently, otherwise they may get inundated when they return and flows have piled up.“

Userflow tip: avoid overwhelming users

Collaborate with Your Team

Coordination is key when multiple team members are creating content. “Establish clear communication channels to avoid overlapping announcements or conflicting information,” advises Chris McAloney of Irwin. This collaborative approach ensures a cohesive user experience.

Userflow tip: collaborate with your team

Integrate with Your Tech Stack

Make the most of Userflow's integration capabilities. For example, combining Userflow data with tools like HubSpot and Mixpanel can provide deeper insights and enable more sophisticated user communication strategies. As Carrie Moy notes, "The integration with HubSpot has been key, to pull in Userflow information into HubSpot, to narrow down and send follow-up emails."

Provide Restart Options

Users may need to exit a flow before completion for various reasons. Ensure they can easily restart flows from the beginning. As Bruno Cardoso pointed out, "Repetition is a common and effective learning method."

Leverage Visual Aids Wisely

Use Userflow's visual features strategically. Employ backdrops to highlight click areas and consider using videos or GIFs for more complex concepts. These visual aids can significantly enhance understanding and engagement.

Nick Markman from Evocalize notes, "Content is incredibly easy, higher barrier on triggers and conditions." This insight highlights the importance of not just creating great content, but also ensuring it's triggered at the right time and under the right conditions.

Userflow tip: leverage visual aids wisely

4. Measuring Success: Key Metrics to Track

To optimize your Userflow implementation, it's crucial to track the right metrics. Here are the key performance indicators to focus on:

1. Completion Rates: Track how many people are finishing flows and identify drop-off points.

2. Activation Rates: Monitor the journey from account creation to defined activation points, combining Userflow data with product engagement metrics.

3. Flow Exit Points: Analyze where users are leaving flows to optimize content and length.

4. User Visibility: Track which segments of users are seeing and engaging with your flows.

5. Engagement Over Time: Monitor how engagement patterns change across different user segments and timeframes.

Sheli Demry from Grip shared a powerful testament to the effectiveness of in-app surveys: "We've gotten more NPS responses with Userflow in 6 months than we've had with 2.5 years of post-event email surveys." This underscores the power of reaching users within your product environment.

Userflow key metrics to track

5. Realizing the Power of Userflow: Impact on Your Business

When implemented effectively, Userflow can have a transformative impact on your business. Here are some of the key benefits reported by users:

Improved Communication

Userflow enables you to reach users directly in their work environment, allowing for timely and contextual communication. This is particularly valuable for urgent updates or critical information that might otherwise get lost in email inboxes.

Increased Conversion Rates

Strategic use of Userflow can directly impact your bottom line. One user reported doubling their new user to first purchase conversion rate within the first month by split testing an onboarding flow against a control group with no onboarding.

Time and Resource Savings

As a no-code solution, Userflow reduces reliance on developers for implementing onboarding, UX changes, and testing new experiments. This allows for quicker implementation of in-product information and frees up valuable development resources.

Cross-Team Alignment

A structured approach to Userflow can help align multiple teams around user communication. By establishing clear processes for flow creation, design review, and implementation, you can ensure consistent messaging and avoid overwhelming users with competing notifications.

Rocio Lopez Daglio from Potloc summarizes the impact well: “Since we started using Userflow, we’ve established a stronger, more direct line of communication with our customers, bypassing traditional marketing channels that can feel overly promotional. Userflow allows us to engage with customers in a straightforward, value-driven way, keeping the focus on what matters most to them." 

Reduced Support Tickets

By providing proactive guidance and easily accessible resources, many companies have seen a significant decrease in customer support emails. This not only reduces strain on your support team but also improves user satisfaction through faster problem resolution.

The impact of Userflow on your business

Best Practices for Team Implementation

Consider establishing these elements for smooth team adoption of Userflow:

1. Intake Process: Create a standardized form for team members to request new flows or changes

2. Design Guidelines: Establish consistent visual and text standards

3. Review Workflow: Set up a clear process for communications and design team review

4. Testing Protocol: Use playground environments to test flows before launch

5. Metrics Ownership: Assign clear responsibility for tracking and analyzing results

This structured approach helps maintain quality and consistency, especially valuable for smaller teams managing multiple priorities.

Userflow best practices for team implementation

Conclusion

Userflow is more than just a tool—it's a pathway to creating meaningful, engaging user experiences that drive adoption, satisfaction, and ultimately, business success. By following these best practices, you're well on your way to mastering Userflow and transforming your user onboarding and engagement strategies.

Remember, the key to success with Userflow lies in continuous iteration. Always prioritize your users' needs, pay attention to the metrics, and don't be afraid to experiment. With each flow you create and refine, you're not just onboarding users—you're crafting experiences that will keep them coming back for more.

Acknowledgements

We would like to extend our sincere gratitude to the following industry professionals who shared their valuable insights and experiences for this guide:

- Bruno Cardoso, GBTEC

- Rocio Lopez Daglio, Potloc

- Sheli Demry, Grip

- Nick Markman, Evocalize

- Chris McAloney, Irwin

- Carrie Moy and Kyle Scheuing, ASSISTments

- Samantha Swartz, CreativeX

- Matous Vrba, Make

Acknowledgements

Their thoughtful contributions and real-world experiences have been instrumental in creating this comprehensive guide to mastering Userflow. Their expertise spans across different industries and use cases, providing valuable perspectives on implementing effective user experiences.

2 min 33 sec. read

Effortless Onboarding,
Powerful Results

Try the most-loved user onboarding product on the market.

CASE STUDIES

All case studies
iconicon

Evocalize

a case study

How Evocalize Boosted Product Adoption and Engagement With Userflow 

Learn how
iconicon

Visma Dinero

a case study

How Visma Dinero provides 24/7 onboarding and support with in-app content and AI Assistant.

Learn how
iconicon

Iteratively

a case study

How Iteratively gives users an awesome first-time experience

Learn how
iconicon

Full-width images and (negative) margins

Sebastian Seilund

on

July 8, 2021

You can now make images and videos in your flows extend all the way to the sides, achieving a cool full-width look.

Full-width image

This is made possible by the new Margin settings in the image/video popover. Simply click an image and check Margin.

To extend the image to the sides, add a negative margin (such as -24 pixels).

Full-width image