Learn to build pricing tools and quote flows

Follow along as we build a professional ROI calculator from the ground up, learning how to leverage interactive sliders, dynamic formulas, and custom styling to create calculators and websites that convert.

• 3 slider inputs + 1 currency field
• Dynamic ROI calculations
• Professional styling with animations
• Functional CTA button

Want to use this for your website?

Learn how to use different input types in your form builder to collect accurate data from users. This tutorial covers everything you need to know about text inputs, number inputs, and special validation fields

• Text Input: Labels and placeholders
• Number Input: Currency, percentage, and slider options
• Special Inputs: Email validation, date pickers, and phone fields

• Use number inputs to prevent letter entries in numerical fields
• Email inputs automatically validate proper email format
• Choose input types based on your industry and data requirements
• Slider inputs provide better UX for number selection

Learn how to use static elements to build professional landing pages, websites, and calculators! This beginner-friendly tutorial covers the four essential components you'll use in every project.

• Heading Element: Create and customize titles with full styling control
• Text Element: Add paragraphs and descriptions to your pages
• Image Element: Upload images for products and features
• Video Element: Add video content for engaging explanations

• Use headings for titles with customizable size, weight, and color through the properties panel.
• Text elements handle all paragraph content and descriptions for your website or landing page.
• Images are easy to upload and essential for showcasing products, features, and branding throughout your project.
• Videos provide powerful visual explanations when text and images aren't enough to communicate your message.

Learn how to customise the Pricing Quote Calculator template to build your own professional pricing calculator! This beginner-friendly tutorial walks you through editing templates, customizing styles, and setting up dynamic pricing logic for your business.

• How to use templates to jumpstart your project
• Customising brand colors and fonts to match your style
• Understanding the two-column layout for better conversion
• Working with form components (selections, sliders, dropdowns, file uploads, date/time pickers)
• Setting up formulas and dynamic pricing calculations
• Configuring button actions for automated notifications and data collection

Want to use this for your website?