Q: Integrating a multi-step JS calculator with release0 — handling data storage, redirects, styling & visuals?
Hi, I currently have a custom multi-step HTML/JS calculator that collects fractional numeric inputs for 12 categories, calculates totals, outputs them into defined categories while showing bar/pie charts with Chart.js. Each question appears as slide/form with progress bar and our own fonts.
Can release0 handle these tasks natively or via integration? Specifically:
Auto-save responses to Google Sheets
Conditional redirects based on top category or user choice if tied
Fractional inputs, progress UI, and calculations inside flows
Generating/displaying charts as iframe (hosted on my domain)
Upload own fonts or direct to woff links hosted on our domain
Can I connect, embed or replicate my current calculator in release0? If yes, how
Thank you so much!
release0
Jul 18, 2025A: Yes, you can replicate and partially integrate your multi-step HTML/JS calculator into Release0 using a combination of native features and external embedding. Here’s a breakdown addressing your specific needs:
Supported Natively or via Integration
1. Auto-save responses to Google Sheets
Yes — Use the Google Sheets integration block:
• Set up the flow to save fractional inputs as variables.
• Add a Google Sheets block to append each result to your spreadsheet
2. Conditional redirects
Yes — Use Condition logic blocks based on total score or top category:
Condition: {{top_category}} equals "Design"
→ Redirect or jump to Design-specific outcome
Also, Redirect Block supports opening links in the same or new tab
3. Fractional inputs, progress UI, and calculations
• Use Number input blocks — suports decimals (set step = 0.01)
• Progress UI: Yes, available in theme, global → "show progress bar"
• Calculations: Use Set Variable or Script blocks to compute totals dynamically
4. Generating/displaying charts (hosted externally)
Yes — Use the Embed block to show a iframe hosted on your domain
<iframe src="https://yourdomain.com/chart.html" width="100%" height="400px"></iframe>
5. Upload fonts or use hosted fonts
• You can use custom fonts via theming available in theme, global → Font Source "Custom"
• If hosting on your domain, link to your font CSS from the embed.
Not Fully Native (Workaround Available)
• Advanced chart rendering within the chat itself: Not directly supported inside the agent; use the Embed block workaround as above.
• Complex animation or slide UI: You’d need to design that externally and embed it. We support images, gif, video and audio
Steps to Replicate Your Calculator in Release0
1. Create a New Agent
Go to Release0 > Agents > Create from scratch.
2. Add Number Input Blocks
One per category, e.g., design_score, strategy_score, etc.
3. Use Set Variable Blocks for Calculations Compute totals and top category.
4. Conditional Block for Routing Redirect or branch based on calculated results.
5. Embed Chart Iframe Use your hosted visual output.
6. Send to Google Sheets Add a Google Sheets block after final results.
7. Customize Theme Add brand colors, and point to external fonts if needed.