# Collect on-screen inputs

Use Terminal to collect inputs from your customers.

**Readers:** [Stripe Reader S700/S710](https://docs.stripe.com/terminal/readers/stripe-reader-s700-s710.md) and [BBPOS WisePOS E](https://docs.stripe.com/terminal/readers/bbpos-wisepos-e.md)

With Terminal smart readers, you can display input forms and collect information from your customers. You can choose from six input types and they can be used in a variety of use cases.

- Collect your customer identifier for loyalty redemption with the `phone` or `email` input and process it on your backend.
- Have your customer acknowledge a waiver or agreement with the `signature` input.
- Ask your customer to fill out a questionnaire with the `selection` or `text` input.

You can display input forms anytime before payment, post payment and outside of a payment cycle.
![Supported input types](https://b.stripecdn.com/docs-statics-srv/assets/collect-inputs-form-types.9715c2bbc0105378c9c4a5e8e1c4eb59.png)

Supported input types.

> Don’t use `collect_inputs` to collect sensitive data (including protected health information and customer payment card information), or any information restricted by law.

# React Native


## Collect Inputs

- [collectInputs (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/interfaces/StripeTerminalSdkType.html#collectInputs)

You can collect customer information even when the smart reader is [operating offline](https://docs.stripe.com/terminal/features/operate-offline/overview.md?reader-type=internet).

To collect inputs using Terminal’s smart readers, call `collectInputs` with the Terminal SDK, the SDK communicates with the reader to display a prebuilt UI. You can specify up to 5 inputs at a time, and the reader collects them in sequence. After the customer inputs their data, the SDK returns the collected data with a promise.

```tsx
const { collectInputs } = useStripeTerminal();

const collectInputsParameters = {
  inputs: [
    {
      formType: FormType.SIGNATURE,
      title: 'Please sign',
      required: false,
      description: 'Please sign if you agree to the terms and conditions',
      skipButtonText: 'skip',
      submitButtonText: 'Submit signature',
    },
    {
      formType: FormType.SELECTION,
      title: 'Choose an option',
      required: true,
      description: 'Were you happy with our customer service?',
      selectionButtons: [
        { style: SelectionButtonStyle.PRIMARY, text: 'Yes' },
        { style: SelectionButtonStyle.SECONDARY, text: 'No' },
      ],
      toggles: [
        {
          title: 'Sign up for promotional emails',
          defaultValue: ToggleValue.ENABLED,
        },
      ],
    },
  ],
};

const response = await collectInputs(collectInputsParameters);

if (response.error) {
// Placeholder for handling exception
}
// Placeholder for handling collected inputs
```

### Customization

You can customize the appearance and behavior of all input types:

- Set important inputs as `required` to ensure they’re collected. For required inputs, the **Skip** button is hidden.
- Provide context to your customer by specifying the text you want to display on the reader screen for each input using `title` and `description`.

| Field name      | Maximum characters                                                              |
| --------------- | ------------------------------------------------------------------------------- |
| `title`         | 40                                                                              |
| `description`   | 500 when used with the `selection` form, 100 when used with any other form type |
| `submit_button` | 30                                                                              |
| `skip_button`   | 14                                                                              |

- Use line breaks `\n` in your text for better formatting.
- Add up to 4 toggles that customers can enable or disable for Boolean options, agreements, or opt-ins.
![Toggles in email and selection form](https://b.stripecdn.com/docs-statics-srv/assets/collect-inputs-toggle.3183c0c14cc916374d588ba54ad34639.png)

Email and selection form with toggle

| Field name    | Maximum characters                       |
| ------------- | ---------------------------------------- |
| `title`       | 50, 25 when used with toggle description |
| `description` | 50, 25 when used with toggle title       |

- For `selection` type inputs, you can emphasize or de-emphasize `choices` using the `style` parameter.
![Selection choice styles](https://b.stripecdn.com/docs-statics-srv/assets/collect-inputs-choice-style.dc4d2fcb98ee649a29bc43df806c114a.png)

Primary and secondary selection choice styles.

## Customer interaction

When the reader begins collecting inputs, it displays the first input from the list.

After the customer has completed all the inputs, the reader changes to a transitional state for 3 seconds, waiting for a subsequent request. If there is no subsequent request after 3 seconds, the reader changes back to the splash screen.

> You are fully responsible for being aware of, and complying with all applicable laws and regulations governing your use of this feature, and must in relation to such use, obtain, as applicable, all necessary consents, authorizations, licenses, rights, and permissions. If you use input collected by, or output displayed from a Terminal smart reader to enter into contracts with, or provide notices to your customers, you are fully responsible for ensuring the legal validity and enforceability of such contracts or notices.

## Receive input data

When all inputs have been collected or skipped, the Terminal SDK returns the collected data.

- For signature type inputs, the returned data is a string in SVG format.
- For selection type inputs, the returned data are the selected button’s `text` and `id` fields.
- For phone, email, text, and numeric inputs, the returned data is the string of the customer’s response.
- If an optional input is skipped by the customer, the `skipped` Boolean is set to `true`.
- For each toggle, `enabled`, `disabled` or `skipped` is returned corresponding to the index of the input toggles list.

The Terminal SDK returns an error in the event of a canceled action, timed out collection, or other error.