# Designing Sales Flows Designing a quiz funnel involves defining the steps your users will follow, choosing page types, adding questions or information, and shaping the visual experience. Zotlo’s no-code builder allows you to create and customize every part of your funnel without writing a single line of code.
## **Creating a Flow** You can create a new quiz funnel from:\ **Zotlo Dashboard → Your Project → Sales Flows → Flow Design → New Flow** After creating a flow, you can add pages, design steps, define logic rules, and configure multi-language content. ## **Flow Structure** Every quiz funnel is made of a series of pages. Each page represents a step in the user journey: * Welcome / Intro page * Quiz question pages * Registration page (optional or auto-filled) * Paywall / Offer page * Payment page * Payment success page You choose which pages to include based on the type of funnel you’re creating. *Payment page is the only required page, all the other pages are optional.*\ If you prefer skipping registration page, you can merge with payment step using **Register On Payment** feature. ## **Page Types** Quiz funnels are built using a set of flexible page types, each serving a specific purpose in the user journey: ### **Welcome Page** Optional introduction page used to greet the user, highlight key benefits, or explain what the quiz will cover. ### **Quiz Question Pages** Optional. Interactive pages where users answer questions through elements like multiple choice, image-based selections, numeric inputs, date/time pickers, or location inputs. ### **Registration Page** Optional with register on payment feature. Collects the user’s email or phone number. Supports social login and can be skipped using *subscriberId* for a seamless experience. ### **Paywall Page** Optional offer page shown before payment step where users see personalized subscription or one-time purchase options before checkout. ### **Payment Page** Required page where users complete the payment. Payment methods and pricing appear automatically based on your configuration. ### **Payment Success Page** Final page shown after payment. Can display app download links, activation instructions, or deeplink redirection for mobile flows. * Redirect users to your app or website * Display download links (App Store / Google Play) * Show activation instructions * Add deeplinks for Web-to-App flows ## **Designing Pages** Each page is built using **sections** and **elements**. ### **Sections** * Header (logo, progress bar) * Body (text, buttons, images) * Footer (legal text, support links) ### **Elements** * Text blocks * Buttons * Images * Answer options * Input fields * Plan selectors * Social login buttons * Payment form * Success message blocks Every element supports styling options such as: * Colors * Typography * Alignment * Spacing * Dark/Light mode You can add/remove elements and reorder them freely. ### **Media & Visuals** You can enhance your funnel by adding: * Images and GIFs * Videos * Icons Visuals help increase engagement and make the flow more intuitive. ### **Registration Options** **(User Identification)** A flow can collect user information in different ways: * **Email** * **Phone number** * **Social login** (Apple / Google) * **SubscriberId pre-fill** (bypass registration) If you already know the user, send with `subscriber_id` parameter: ``` premium.example.com?subscriberId=email_or_phone ``` This skips the registration step and auto-fills their information at checkout. ### **Activation (Optional)** After purchase, users may activate their account using: * Email/phone login * Zotlo activation code (UUID) * Your own activation system For subscription or one-time purchases, activation settings appear on the success page.\ E-pin purchases automatically display the pin code. ## **Best Practices** * Keep questions concise * Use images to boost engagement * Reduce friction with social login * Add value messaging before the paywall * Use subscriberId for smoother transitions from apps * Keep total steps between 5–8 for best conversion