[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002F05ed9268-72fb-44c6-ab76-1a26a32160e4":3,"content-store-meta":-1,"i-custom:bookmark":382},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":65,"links":368,"dates":379},"\u002Fexamples\u002Fflows\u002F05ed9268-72fb-44c6-ab76-1a26a32160e4","detail","flows",true,{"title":9,"description":10,"og_image":11},"Upgrading subscription plan - Nicelydone","User compares Pro, Business, and Enterprise tiers across billing overlays, modals, and settings pages, toggles annual vs monthly billing, configures add-ons…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F862e8a43-ea77-4b03-8899-825e36460283.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":20,"to":4},"Upgrading subscription plan",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"User flow","User compares Pro, Business, and Enterprise tiers across billing overlays, modals, and settings pages, toggles annual vs monthly billing, configures add-ons like seats, and manages payment details to complete an upgrade from Free tier.",[],[],[27],{"uuid":28,"title":20,"description":23,"canonical_path":29,"kind":30,"patterns_count":31,"categories":32,"screens":45,"app":61},"05ed9268-72fb-44c6-ab76-1a26a32160e4","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fflows","flow",8,[33,37,41],{"id":34,"title":35,"slug":36},50,"Adding seats to subscription","add-seats-to-subscription",{"id":38,"title":39,"slug":40},84,"Setting up payment method","set-up-payment-method",{"id":42,"title":43,"slug":44},49,"Upgrading subscription","upgrade-your-plan",[46,53,57],{"uuid":47,"title":48,"description":49,"image":11,"image_alt":50,"width":51,"height":52},"862e8a43-ea77-4b03-8899-825e36460283","My first AI agent","Subscription management SaaS pricing","My first AI agent from Voiceflow",3024,1758,{"uuid":54,"title":48,"description":55,"image":56,"image_alt":50,"width":51,"height":52},"446e98f9-7767-416f-87a6-06598c78f234","SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F446e98f9-7767-416f-87a6-06598c78f234.png",{"uuid":58,"title":48,"description":59,"image":60,"image_alt":50,"width":51,"height":52},"07e7ac7f-5511-43b2-94fd-7107246643f9","SaaS pricing Usage-based pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07e7ac7f-5511-43b2-94fd-7107246643f9.png",{"slug":62,"title":63,"logo":64},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png",[66],{"family":6,"title":67,"examples":68},"Related user flows",[69,98,125,151,167,189,215,244,274,299,319,344],{"uuid":70,"title":71,"description":72,"canonical_path":73,"kind":30,"patterns_count":74,"categories":75,"screens":77,"app":94},"aaeb3eb6-837e-4521-a6ab-0a2a6511b691","Completing starter checkout","User enters card and billing details on Polar checkout for Nicelydone Starter $19\u002Fmo subscription in sandbox mode, proceeds through processing states to success confirmation","\u002Fexamples\u002Fapps\u002Fpolar\u002Fflows",7,[76],{"id":38,"title":39,"slug":40},[78,84,88],{"uuid":79,"title":80,"description":81,"image":82,"image_alt":83,"width":51,"height":52},"2c2fc1f8-9ba5-4b4a-868b-bd35f36a5d6c","Nicelydone | Nicelydone Starter","Subscription billing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c2fc1f8-9ba5-4b4a-868b-bd35f36a5d6c.png","Nicelydone | Nicelydone Starter from Polar",{"uuid":85,"title":80,"description":86,"image":87,"image_alt":83,"width":51,"height":52},"4e7e880d-0e1b-443f-b136-6b137c76233e","Checkout page where the user enters their billing details and card information to subscribe to a monthly plan, currently showing a successful loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e7e880d-0e1b-443f-b136-6b137c76233e.png",{"uuid":89,"title":90,"description":91,"image":92,"image_alt":93,"width":51,"height":52},"765a1f85-73c5-48f5-b790-bf80012cb292","Log in to Polar | Polar","Payment processing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F765a1f85-73c5-48f5-b790-bf80012cb292.png","Log in to Polar | Polar from Polar",{"slug":95,"title":96,"logo":97},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png",{"uuid":99,"title":100,"description":101,"canonical_path":102,"kind":30,"patterns_count":103,"categories":104,"screens":106,"app":121},"fde6ed50-f4a9-412c-be6a-d997ff07b7c3","Completing premium checkout","User enters billing details, selects payment method, reviews order summary, and confirms upgrade to Premium plan inside a checkout modal, handling loading and error states","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",11,[105],{"id":38,"title":39,"slug":40},[107,113,117],{"uuid":108,"title":109,"description":110,"image":111,"image_alt":112,"width":51,"height":52},"a41a1ca0-85bf-4b03-bf9e-b2d30ef4c7dc","Pricing plans | Magnific (formerly Freepik)","Checkout modal where the user enters billing information, selects a payment method, and reviews the order summary to upgrade to a Premium plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa41a1ca0-85bf-4b03-bf9e-b2d30ef4c7dc.png","Pricing plans | Magnific (formerly Freepik) from Magnific",{"uuid":114,"title":109,"description":115,"image":116,"image_alt":112,"width":51,"height":52},"016f2af7-765d-4cc8-ac7e-e2f22aa62e71","Checkout modal where the user enters billing information, selects a payment method, and confirms their subscription upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F016f2af7-765d-4cc8-ac7e-e2f22aa62e71.png",{"uuid":118,"title":109,"description":119,"image":120,"image_alt":112,"width":51,"height":52},"cfcdd906-c04b-43e4-8d66-ac07b17fb1b8","Checkout modal where the user enters billing information and credit card details to complete an upgrade to a premium annual plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcfcdd906-c04b-43e4-8d66-ac07b17fb1b8.png",{"slug":122,"title":123,"logo":124},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":126,"title":127,"description":128,"canonical_path":129,"kind":30,"patterns_count":31,"categories":130,"screens":132,"app":147},"73b91b61-0ac2-4d0a-87e5-cabb5fcfd162","Adding payment method","User opens Add Payment Method modal from billing settings and fills credit card and address details, encountering loading and connection error states","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fflows",[131],{"id":38,"title":39,"slug":40},[133,139,143],{"uuid":134,"title":135,"description":136,"image":137,"image_alt":138,"width":51,"height":52},"9e1be7ef-8010-4b90-9bcd-6171e2d174ca","Billing – Dashboard - Latitude.sh","Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e1be7ef-8010-4b90-9bcd-6171e2d174ca.png","Billing – Dashboard - Latitude.sh from Latitude.sh",{"uuid":140,"title":135,"description":141,"image":142,"image_alt":138,"width":51,"height":52},"0d30846e-7c41-4b3c-9fbd-1587843ff453","Billing settings page where the user is adding a new credit card via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d30846e-7c41-4b3c-9fbd-1587843ff453.png",{"uuid":144,"title":135,"description":145,"image":146,"image_alt":138,"width":51,"height":52},"c5dc36b9-1e6a-4390-b784-e41cf8b2548c","Billing settings page where the user is adding a new credit card via a modal, with the submission button currently in a loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5dc36b9-1e6a-4390-b784-e41cf8b2548c.png",{"slug":148,"title":149,"logo":150},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png",{"uuid":152,"title":43,"description":153,"canonical_path":154,"kind":30,"patterns_count":103,"categories":155,"screens":157,"app":164},"1b876027-cc3c-4327-b2a6-cb57df92470e","User encounters promotional paywall modals on dashboard, proceeds through Stripe checkout with discounted yearly offer, handles payment entry and errors, completes subscription upgrade","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fflows",[156],{"id":42,"title":43,"slug":44},[158],{"uuid":159,"title":160,"description":161,"image":162,"image_alt":163,"width":51,"height":52},"7f44f168-62f6-4d89-8f50-bfc51721c296","Origin Financial","Dashboard view interrupted by a hard paywall modal offering a discounted yearly subscription to join the platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f44f168-62f6-4d89-8f50-bfc51721c296.png","Origin Financial from Origin Financial",{"slug":165,"title":160,"logo":166},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png",{"uuid":168,"title":20,"description":169,"canonical_path":170,"kind":30,"patterns_count":171,"categories":172,"screens":174,"app":185},"e3820d61-db4d-45d7-8b2d-2d91753ef5ac","User starts in workspace memory settings, opens upgrade modal from sidebar, selects Launch tier, completes subscription checkout form, sees connecting state, and lands on billing settings page showing new plan and credits.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fflows",6,[173],{"id":42,"title":43,"slug":44},[175,181],{"uuid":176,"title":177,"description":178,"image":179,"image_alt":180,"width":51,"height":52},"5973acac-6fd0-46a7-9aa5-d2c52b9a7031","Zaro - The Context Layer for Enterprise AI","Settings page where the user configures workspace memory topics for their AI agents, currently showing an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5973acac-6fd0-46a7-9aa5-d2c52b9a7031.png","Zaro - The Context Layer for Enterprise AI from Zaro",{"uuid":182,"title":177,"description":183,"image":184,"image_alt":180,"width":51,"height":52},"2570cf28-b183-4ec7-b02f-ee51add8de3c","SaaS pricing Upgrade modal Subscription plans","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2570cf28-b183-4ec7-b02f-ee51add8de3c.png",{"slug":186,"title":187,"logo":188},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png",{"uuid":190,"title":43,"description":191,"canonical_path":192,"kind":30,"patterns_count":193,"categories":194,"screens":197,"app":211},"e4ca7886-1c14-4766-ba44-e525a49dae9e","User starts in Billing Settings to compare Free\u002FStandard\u002FPremium\u002FEnterprise plans then completes checkout by entering billing address, payment method, and reviewing order to upgrade.","\u002Fexamples\u002Fapps\u002Fdock\u002Fflows",9,[195,196],{"id":38,"title":39,"slug":40},{"id":42,"title":43,"slug":44},[198,204,208],{"uuid":199,"title":200,"description":201,"image":202,"image_alt":203,"width":51,"height":52},"2c8dad55-74d4-4e21-80ba-f061a7998397","Dock · Settings","Subscription management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c8dad55-74d4-4e21-80ba-f061a7998397.png","Dock · Settings from Dock",{"uuid":205,"title":200,"description":206,"image":207,"image_alt":203,"width":51,"height":52},"368494f1-eeba-4dd1-a221-97cc1d7fd0a3","Subscription management Plan comparison","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F368494f1-eeba-4dd1-a221-97cc1d7fd0a3.png",{"uuid":209,"title":200,"description":49,"image":210,"image_alt":203,"width":51,"height":52},"bc99f19a-688f-4480-9ed0-dcc169f60160","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc99f19a-688f-4480-9ed0-dcc169f60160.png",{"slug":212,"title":213,"logo":214},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png",{"uuid":216,"title":217,"description":218,"canonical_path":219,"kind":30,"patterns_count":220,"categories":221,"screens":226,"app":240},"2e139c5f-1b7a-4f49-b9a6-57d025d63122","Starting trial","User encounters hard paywalls across auth and app surfaces, selects yearly or monthly plan with discounts, enters payment details, and activates free trial for AI receptionist features","\u002Fexamples\u002Fapps\u002Fbeside\u002Fflows",10,[222,225],{"id":223,"title":217,"slug":224},34,"start-trial",{"id":42,"title":43,"slug":44},[227,233,237],{"uuid":228,"title":229,"description":230,"image":231,"image_alt":232,"width":51,"height":52},"7a5cc7c9-7cc0-4fa3-8264-c5143bc67cb0","Beside | Join - Beside","Checkout screen where the user reviews their customized AI receptionist plan features and selects between a yearly or monthly subscription before subscribing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a5cc7c9-7cc0-4fa3-8264-c5143bc67cb0.png","Beside | Join - Beside from Beside",{"uuid":234,"title":229,"description":235,"image":236,"image_alt":232,"width":51,"height":52},"122272ee-139f-4f51-a9c4-de7baa314b1e","Pricing plans","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F122272ee-139f-4f51-a9c4-de7baa314b1e.png",{"uuid":238,"title":229,"description":235,"image":239,"image_alt":232,"width":51,"height":52},"bc60aa41-9978-4ed0-b219-92a0e38cfac0","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc60aa41-9978-4ed0-b219-92a0e38cfac0.png",{"slug":241,"title":242,"logo":243},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png",{"uuid":245,"title":246,"description":247,"canonical_path":248,"kind":30,"patterns_count":74,"categories":249,"screens":255,"app":270},"da53a142-ae4d-4a60-8913-17d642e21208","Generating avatar video","User creates avatar video via script input, avatar\u002Fvoice selection and AI generation in HeyGen, encountering paywall for advanced features","\u002Fexamples\u002Fapps\u002Fheygen\u002Fflows",[250,254],{"id":251,"title":252,"slug":253},78,"Creating content","create-content",{"id":42,"title":43,"slug":44},[256,262,266],{"uuid":257,"title":258,"description":259,"image":260,"image_alt":261,"width":51,"height":52},"67307358-a3cb-4558-a1d5-91c04f60d62a","HeyGen - Avatar","AI video generation screen where the user inputs a script and selects an avatar look to produce a video.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67307358-a3cb-4558-a1d5-91c04f60d62a.png","HeyGen - Avatar from HeyGen",{"uuid":263,"title":258,"description":264,"image":265,"image_alt":261,"width":51,"height":52},"ee046f4f-53b3-4519-a017-6fa1926bf90f","AI video generation tool where the user inputs a script, selects an avatar and voice, and configures output settings to generate a video.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee046f4f-53b3-4519-a017-6fa1926bf90f.png",{"uuid":267,"title":258,"description":268,"image":269,"image_alt":261,"width":51,"height":52},"4af5c0fa-c172-4587-ac17-02d3ccfda5a3","AI generation page where the user creates a video by entering a script and selecting an avatar look.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4af5c0fa-c172-4587-ac17-02d3ccfda5a3.png",{"slug":271,"title":272,"logo":273},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png",{"uuid":275,"title":276,"canonical_path":277,"kind":30,"patterns_count":171,"categories":278,"screens":280,"app":295},"c2112a65-6f80-4e59-8418-f30934cd1840","Completing checkout","\u002Fexamples\u002Fapps\u002Flovable\u002Fflows",[279],{"id":38,"title":39,"slug":40},[281,287,291],{"uuid":282,"title":283,"description":284,"image":285,"image_alt":286,"width":51,"height":52},"8e5097dd-589b-4f5e-9bbf-b6c27af06244","Lovable Labs Incorporated","This screen is a checkout page for subscribing to a 'Pro 0' plan. It is part of a subscription flow where the user provides contact and payment information to complete a purchase. The screen is split into two main columns: the left column displays an order summary with subscription details and pricing, while the right column contains a form for contact and payment information, including a call to action to proceed with the payment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e5097dd-589b-4f5e-9bbf-b6c27af06244.png","Lovable Labs Incorporated from Lovable",{"uuid":288,"title":283,"description":289,"image":290,"image_alt":286,"width":51,"height":52},"51bf21d1-5d89-41ea-a68a-021825453107","This screen is a checkout page that allows a user to subscribe to a 'Pro 0' plan. The screen is divided into two main sections: a dark left panel summarizing the subscription details and pricing, and a white right panel containing the contact information, payment method selection, and billing address form. The primary action is to complete the payment for the subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F51bf21d1-5d89-41ea-a68a-021825453107.png",{"uuid":292,"title":283,"description":293,"image":294,"image_alt":286,"width":51,"height":52},"f9f6b95b-033a-4745-b548-5ddf56d9c63d","This screen is part of a checkout flow for subscribing to a service plan. It presents a split-screen layout where the left panel displays the order summary, including the subscription details and total due, and the right panel contains a form for contact information and payment method selection. The main action is to complete the subscription purchase by providing payment details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9f6b95b-033a-4745-b548-5ddf56d9c63d.png",{"slug":296,"title":297,"logo":298},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png",{"uuid":300,"title":301,"canonical_path":302,"kind":30,"patterns_count":74,"categories":303,"screens":305,"app":316},"df37b932-eeb3-4dce-a3f9-0505ce574784","Exploring premium features","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fflows",[304],{"id":42,"title":43,"slug":44},[306,312],{"uuid":307,"title":308,"description":309,"image":310,"image_alt":311,"width":51,"height":52},"f2d88fb4-f291-4dd0-a99f-b745d78a783d","Navattic","Plan comparison B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2d88fb4-f291-4dd0-a99f-b745d78a783d.png","Navattic from Navattic",{"uuid":313,"title":308,"description":314,"image":315,"image_alt":311,"width":51,"height":52},"31188960-c828-4bc4-8e7b-8c8e33df05b0","B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31188960-c828-4bc4-8e7b-8c8e33df05b0.png",{"slug":317,"title":308,"logo":318},"navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png",{"uuid":320,"title":39,"canonical_path":321,"kind":30,"patterns_count":322,"categories":323,"screens":325,"app":340},"22d3e7b5-ec49-4d8d-ba00-45d46c7b0151","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fflows",24,[324],{"id":38,"title":39,"slug":40},[326,333,337],{"uuid":327,"title":328,"description":136,"image":329,"image_alt":330,"width":331,"height":332},"504d4172-cbc1-4335-9752-ce61413961ff","Billing Information | Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F504d4172-cbc1-4335-9752-ce61413961ff.png","Billing Information | Mailchimp from Mailchimp",2880,1670,{"uuid":334,"title":328,"description":335,"image":336,"image_alt":330,"width":331,"height":332},"3a2c9127-d6bb-4587-bc65-b4c0b1e73564","Settings page where the user views their primary account contact, accesses tax documents, and configures billing notification preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a2c9127-d6bb-4587-bc65-b4c0b1e73564.png",{"uuid":338,"title":328,"description":136,"image":339,"image_alt":330,"width":331,"height":332},"ea907909-1320-4dae-8f11-c0f7a1f7a3a3","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fea907909-1320-4dae-8f11-c0f7a1f7a3a3.png",{"slug":341,"title":342,"logo":343},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png",{"uuid":345,"title":43,"canonical_path":346,"kind":30,"patterns_count":220,"categories":347,"screens":349,"app":364},"14b31877-9d18-431a-98a8-48e550b629e8","\u002Fexamples\u002Fapps\u002Fmaze\u002Fflows",[348],{"id":42,"title":43,"slug":44},[350,356,360],{"uuid":351,"title":352,"description":353,"image":354,"image_alt":355,"width":331,"height":332},"096a66d0-5071-4357-92ce-e4b9421f56cb","Maze - Pricing","Subscription management Plan comparison SaaS pricing B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F096a66d0-5071-4357-92ce-e4b9421f56cb.png","Maze - Pricing from Maze",{"uuid":357,"title":352,"description":358,"image":359,"image_alt":355,"width":331,"height":332},"f9cd2b20-8cdb-4ba0-921e-d6db5c613c14","Sidebar navigation Plan comparison","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9cd2b20-8cdb-4ba0-921e-d6db5c613c14.png",{"uuid":361,"title":352,"description":362,"image":363,"image_alt":355,"width":331,"height":332},"428a55ec-b486-4b1d-9f29-d66049cd60e5","Plan comparison SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F428a55ec-b486-4b1d-9f29-d66049cd60e5.png",{"slug":365,"title":366,"logo":367},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png",[369,371,373,375,377],{"label":35,"to":370},"\u002Fexamples\u002Fflows\u002Fadd-seats-to-subscription",{"label":39,"to":372},"\u002Fexamples\u002Fflows\u002Fset-up-payment-method",{"label":43,"to":374},"\u002Fexamples\u002Fflows\u002Fupgrade-your-plan",{"label":376,"to":29},"Voiceflow user flows",{"label":378,"to":18},"All user flow examples",{"published_at":380,"updated_at":381},"2026-04-20T14:31:50.000Z","2026-09-25T00:42:04.000Z",{"left":383,"top":383,"width":384,"height":384,"rotate":383,"vFlip":385,"hFlip":385,"body":386},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]