# Form Trigger

The Form Trigger allows you to set up web forms to act as your workflow trigger

## Overview

The Form Trigger can be used to capture information from End Users via a webform and use this to kick off a workflow based on the information that has been captured, which can then be fed to other connectors.

## Using Webform Data

Each time a user enters and submits the form, you can extract the data submitted for use in subsequent connector steps. Clicking on the debug tab will show the submitted data:
![form-debug](https://tray.ai/documentation/images/connectors/trigger/form-trigger/15db2841-a7f27004_form-debug.png)
In the above example you could obtain the data with the following jsonpaths:
`$.steps.trigger.result.email`
`$.steps.trigger.result.suggestion`
Please see the above tutorial for an example of this data being used to send a simple message to a Slack channel. This will demonstrate how webform data can be manipulated and sent to any connector.

## Customising form CSS and adding JS

You can customise your form by adding personalised CSS and Javascript as you would do for any standard webpage.
Click on the **Show Advanced Properties** button to view these editing options:
![formTrigger CSS JS](https://tray.ai/documentation/images/connectors/trigger/form-trigger/38TNibjEYECTvFUk2cLxmQ_Group%2023.png)
\*\*This workflow is available for you to **[import](#)** (right click and 'save as') \*\*if you would like to see some applied custom CSS/JS in action.
![FORM TRIGGER CSS JS OUTPUT](https://tray.ai/documentation/images/connectors/trigger/form-trigger/4iTwGDRd1aLN7ElNLkHm0N_alsdkjfh.png)

## Using your own custom webforms

If you wish to use a custom webform you have previously built without Tray, then it is possible to submit its form data using a webhook, whereby you set the above Workflow public URL to receive the webhook data. Please see our [Webhook Trigger page](#) for an example webhook setup.