Chat runner face
The chat form face presents your questions in a real chat interface, making it feel like a real online conversation.
📺 Preview
📽️ Demo
This demo shows the builder and chat runner side by side. You can create a form in the builder and see a live preview of the form in the runner. The collected form data is outputted to the browser console (no data is sent).
👩💻 Getting started
The runner needs a browser environment with JavaScript support to work properly. It can be implemented using different libraries and frameworks. Please select how you want to implement the runner:
▶️ Implement chat runner using plain JS
▶️ Implement chat runner using React
▶️ Implement chat runner using Angular
▶️ Implement chat runner using HTML
📦 Supported blocks
This runner supports the following stock blocks out-of-the-box:
- Calculator
- Checkbox
- Checkboxes
- Date
- Device
- Dropdown
- Error
- Evaluate
- File upload
- Hidden field
- Mailer
- Matrix
- Multi-select
- Multiple choice
- Number
- Paragraph
- Password
- Phone number
- Picture choice
- Radiobuttons
- Ranking
- Rating
- Regex
- Scale
- Setter
- Signature
- Statement
- Stop
- Text
- Textarea
- URL
- Variable
- Yes/no
📖 API Reference
The chat runner API reference can be found here.
🚢 Distribution 
The chat runner is distributed through npm:
▶️ https://www.npmjs.com/package/@tripetto/runner-chat
📁 Source code 
The chat runner is open-source and the code is on GitLab: