Skip to content

component

Match Flow

By Mikiko Niwa

Details

Summary

What is Match Flow?

Description

What is Match Flow? Match Flow is a step-by-step decision flow that uses score-based yes/no questions to guide visitors to their best-fit option. Perfect for SaaS pricing pages, product recommendations, course selection, onboarding flows, and any LP where visitors need guidance choosing between options. How It Works Each question has a weighted score (1–3) that you define. As users answer yes or no, their total score accumulates. Based on the final score, they're routed to one of three result cards using the Min Score threshold. Example: 5 questions with scores of 2, 3, 1, 3, 2 (max total: 11) Result 1 (Plan A) — Min Score: 9 → shown when score is 9 or above Result 2 (Plan B) — Min Score: 5 → shown when score is 5–8 Result 3 (Plan C) — Min Score: 0 → shown when score is 0–4 Each result card includes a CTA button with a custom URL, so you can send users straight to a signup, checkout, or product page. Full Flow Intro screen → Yes/No questions with progress bar → Loading animation → Score-based result card with CTA Customization Intro Card Title, subtitle, and button text Custom icon Questions Question text and score value per question Add or remove questions as needed Results (3 outcomes) Title, description, and CTA button text CTA link URL per result Background color / gradient per result Global Styling Primary accent color (default: purple gradient) Card background color Text and subtext color Font family Border radius Shadow Loading screen text Use Cases SaaS plan recommendation ("Which plan is right for you?") E-commerce product finder ("Find your perfect fit") Pricing tier selector ("Not sure which tier? Let us help.") Course/service advisor ("Which course matches your goals?") B2B/B2C lead qualification on landing pages

Introduction

Turn confusion into conversions.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600167008/148/228/309/79/15
  • All · #6585