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