Quiz funnel & custom result rendering
Octane AI → ConvertFlow quiz funnel
Moved an Octane AI quiz funnel into ConvertFlow and built the result experience as a custom Shopify section rendered on the fly from the quiz answers.
- Context
- WebContrive · agency-side engineering
- Discipline
- Integrations · Theme Engineering · Shopify Plus
- Core tech
- ConvertFlow · Section Rendering API · Liquid · JavaScript
What I worked on
- Business logic, result determination and custom section rendering inside the funnel.
The challenge
The default quiz result UI could not produce the result experience the brand wanted, and the result content had to come from Shopify rather than being duplicated inside the funnel tool.
Implementation
- 01Quiz funnel rebuilt in ConvertFlow with custom business logic applied to the submitted answers.
- 02Result determination logic decides which result experience matches the answer set.
- 03Custom JavaScript runs before the result renders so the correct section can be requested and injected.
- 04Shopify's Section Rendering API returns a custom Shopify section, which is rendered as the result step.
- 05The result experience is fully custom-designed rather than the default quiz output.
Flow
- Quiz answers
- Business logic
- Result determination
- JavaScript execution
- Section Rendering API
- Custom Shopify section
- Personalized result
Engineering details
- Section Rendering API used inside a third-party funnel
- Answer-driven section selection
- Content stays owned by Shopify, not the funnel tool
Technology
- ConvertFlow
- Section Rendering API
- Liquid
- JavaScript
- Shopify Plus