🎓 To create a Tripetto form the form builder is used.
👩💻 Or, integrate the builder into your own web app or website in minutes!
So you want to create this beautiful, fancy, and smart form. And, you want to use Tripetto for that. Well, you've come to the right place! But how to start? The first question to ask yourself is: Do I need to run the Tripetto form builder (so the thing you use to create forms) locally on my computer, or do I want to integrate the builder into my own web app?
👍 If the answer is yes, continue reading this chapter!
👎 If the answer is no, you probably just want to create and run a form. There is no need to integrate the builder nor run it locally. Instead, use our Tripetto Studio web app. It's a free online service that allows you to create forms, save them and export their form definitions for use in the runner so you can embed those forms anywhere you like. If you happen to have a WordPress website, make sure to check out the Tripetto WordPress plugin. It can do the same as the Studio but then all from inside your own WordPress environment.
If you need an awesome form builder you've come to the right place. Like to run it locally on your machine? Use the CLI tool. Want to integrate it in a custom web app or website? Head over to integration documentation. If you just want to build an embeddable form, try the Studio web app or Tripetto WordPress plugin.
🧐 What you should know
The Tripetto form builder is a powerful graphical form builder that lets you build smart flowing forms and surveys. It works using a 2D self-organizing storyboard that lets you sketch forms like flowcharts. It works in any modern browser; with mouse, touch, or pen. It has excellent support for touch-only enabled devices like tablets. Worth mentioning, as many other form builders don't work well on these type of devices.
The builder incorporates a number of solutions and principles to allow you to smoothly create and edit forms. The most important visual ones are the storyboard, add-and-arrange, layout guidance, active allineation, smart zoom, and feature cards.
The builder uses blocks as a paradigm to question types (for example, a text input field). You can configure which blocks you want to use. You can also develop your own blocks for the builder, making Tripetto extensible with custom question types.
change event of the builder and then store the supplied form definition. How and where you store the form definition is up to you.
🎬 Usage scenarios
⌨️ CLI tool
Allows use of the builder as a CLI tool and run it locally on your machine. It is a great option for developers who want to use Tripetto to create forms inside a project. By using the CLI tool, the form definition is saved locally in your filesystem. Useful if the form needs to be part of a code repository.
👩💻 Integration (in your own website or web app)
Let's you fully integrate the builder into your own web app or website. And since the builder is a pure client-side component, you can do so without becoming dependent on any external service not owned by you. The whole thing runs inside the context of your project, giving you full control. There are hands-on instructions available for implementing the builder using: