Text Input & Forms

What is Text Input & Forms?

Tex Input & Forms allow visitors of the website to type text and submit information such as their contact information.

A Form is composed of:

How To Create a Form

First, create Text Fields where users will type their information:

  1. Select the text input fields where you want users to type their information
  2. In Prototype, expand the Smart Layers section and click on Forms
  3. Select “Text Input“ from the drop-down options

Then create a Submit Button:

  1. Select the button component
  2. Go to Forms in Smart Layers
  3. Select “Submit Button“ from the drop-down options
  4. (Optional) Enter Email address to send notifications when visitors submit information
  5. (Optional) Name for a Spreadsheet which you can view and download as CSV of all the entries
  6. (Optional) Select a Success Page where to redirect visitor once their submission has been successful
  7. (Optional) Select a Failure Page where to redirect visitor in case their submission failed

Forms: Step 1Forms: Step 2

Example File

Live Form: Open
Sketch Sample File: Download: Based on Contact Form by Sophinie Som