Data form

Data forms can be used to collect information from website visitors, which will be added to your database. This form can only be created when you have an existing database.

In the database tab, click on + Create local database. Then add a name (we named our “Data”) and click on Create database.

Depending on what type of data to collect, you can add more fields to your database by clicking on + Add field and choosing the field type.

For example, if you want to collect feedback for your product, you would need:

  • Name (text field)

  • Feedback (text area field)

Now let's build the data form. In your Canvas, add a Form element from the top panel. With the form selected, open the Settings tab on the right-hand side and on Type, select the Data.

Under Type, you will have Source (the database we just created) select the database accordingly.

You can now design your form and add different elements.

In the top panel, click the Form icon and choose all the elements and inputs to add to your form. Afterward, don’t forget to add a Button!

Now we have to create a workflow for our form Button element, the workflow we want to create is under Data -> Submit form. We recommend checking our workflow documentation if you have any questions.

You can give your Button element an ID name, then navigate to the Workflows tab on the left-hand side. In this view, click on + Create workflow and select Click here to add an event. Then choose Elements followed by Clicked, finally, select the element ID.

Then click on Click here to add an event once more and select Data followed by Submit form. Finally, name your workflow and click on Create workflow. You're all set!

You can also simply right-click on the Button element and select Create page workflow, with this the element will be assigned a random ID name and you simply need to follow the previous step.

Authentication form
Read more

Get your no-code fix

Join our monthly email with no-code insights and Ycode updates.
2019 - 2022 © Ycode. All rights reserved.
Terms & Policies