Form

Collect data on your users (contact forms, lead capture, satisfaction surveys) within your application using a form. Thanks to our offline capabilities, you can also retrieve the data without an Internet connection through a caching system.

There are several ways to create a form based on your needs: 

  • The simplest way is to integrate an online form (Google Forms, Typeform...) using the Web component. As the name suggests, it depends on an Internet connection for displaying and collecting data. 
  • For a form available offline, insert the Tripetto component: you can customize the content, display it without an Internet connection, and create a personalized workflow to retrieve data within the app. 
  • You can also create a custom form using the Text Input component. It will need to be connected to an external service to collect the data via the HTTP component, but it can also work without an Internet connection. 

In this article

Integrate an online form

There are many free online form editors: Google Forms, Typeform, Tally... Some database tools like Airtable or CRM systems (Salesforce...) also offer forms to directly input data into their databases. 

This is the simplest way to insert a form. Results can be viewed from the editor's interface. The only constraint for your application: users must have an Internet connection to display the form.

To integrate a form, insert the Web component, and in the Properties window, specify the form's URL

💡 This component has Offline and Online triggers that allow you to display an informative message if your users don't have network access, and give them the option to view the form.

Integrate a 100% offline Tripetto form

🤷 Tripetto allows you to create traditional forms with checkboxes, dropdown menus, text, multiple choices, numbers, etc. The forms and surveys are built visually with a drag-and-drop editor, requiring no coding knowledge. And it's a free tool! 

Prepare the form from the Tripetto editor and insert it into the component. The Tripetto component offers several advantages: 

  • It allows you to display the form and store data without any Internet connection
  • You can associate actions with this form and set up a customized workflow, for example, sending the data by email or to an external service (CRM tool). In this case, you will need to use the HTTP component to create a webhook via Integromat or Zapier.

Create a custom form using the Text Input component

You can create a custom form in PandaSuite. 

The Text Input component allows you to vary input formats (text, URL, password, date, etc.). This data can then be stored locally via the PandaSuite database, and you need to connect an external service via the HTTP component to send/retrieve the data. 

You can store data in the cache using the HTTP component and only send it when the connection is restored.

💡 If you are looking for how to integrate a login/authentication form, please refer to this article: Login & Authentication

⚡️ TEMPLATE AVAILABLE : Incident Form
Add this template to your account in just a few clicks. Modify and customize it as you wish.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.