Tripetto-chat-collector NPM

Tripetto

Tripetto is a full-fledged form kit. Rapidly create and deploy smart flowing forms and surveys. Drop the kit in your codebase and use all of it, or just the parts you need. The visual editor is for form creation, the collector for response collection and the SDK for developing more form building blocks. Does this sound too technical? Try the app!

Chat collector

What's this

This collector package is a chat UI for running Tripetto forms and surveys. In this UI the questions and elements (so called blocks) are displayed like a chat message. That allows you to build highly conversational interactions with your users.

Get started

There a multiple options how you can use this collector. From plain old HTML to React or using imports.

Option A: Embed in HTML using CDN

<script src="https://unpkg.com/tripetto-collector"></script>
<script src="https://unpkg.com/tripetto-chat-collector"></script>
<script>
TripettoChatCollector.run({
    definition: /** Supply a form definition here. */,
    onFinish: function(instance) {
        /** Implement your response handler here. */
    }
});
</script>

Option B: Using React

Install the required packages from npm:

$ npm install tripetto-collector tripetto-chat-collector

Use the React component:

import { Chat } from "tripetto-chat-collector";

ReactDOM.render(
  <Chat
    definition={/** Supply a form definition here. */}
    onFinish={instance => {
      /** Implement your response handler here. */
    }}
    />,
  document.getElementById("your-element")
);

Option C: Import from npm

Install the required packages from npm:

$ npm install tripetto-collector tripetto-chat-collector

Import the chat collector:

import { run } from "tripetto-chat-collector";

run({
    definition: /** Supply a form definition here. */,
    onFinish: instance => {
        /** Implement your response handler here. */
    }
});