In this article we will take you through a step-by-step guide on how to create, customize, and share your form. We have a few quick links below if there's a section that you're more interested in.
Step 1: Create a New Form
To begin creating a form, click the "Create" button on the Forms tab. This will always appear at the top right of the Forms tab but will also appear in the middle of the page if no forms have been created yet. There is also the option to import a form from a form URL or HTML. For more details, click here.
Note: If you do not see this button you may not have permission to create forms. Please contact your account admin so he or she can adjust your permissions settings .
When selecting Create New Form, you will see three different options. The Form type will allow you to collect as much data as you need on one or more pages, while the survey type will show one field/question per page for gathering sentiment data in a simple format. Formstack also offers an AI option that can simplify the form creation process and save you some time by describing your ideal process and letting AI do the rest. For more information on this feature, we'd recommend checking out this article.
Once you've chosen your form type, you'll have the option to add the Form Name, URL, and Language. The form URL will automatically populate with the form name. If the form URL is already taken, you will be prompted to use another URL. At any point, you can click 'Start with blank form instead' at the bottom of the window to go directly into the Builder. For this example we're going through all the steps of creating a regular Form.
Optionally, you can choose a template from the options we have available by selecting "Start with a template" on the bottom right corner. Using a Template will give the option to select a Category such as Sales, HR/Workflow, IT, etc. Based on the Category selected, a list of popular templates will appear.
When selecting a template, there will also be the option to select the Theme of the form. The options will include the Default theme, Light, or Dark stocked themes. If there is another Theme that you wish to use or create, you can select it in the Builder on the left hand side. For more information on creating your own theme, check out this article.
Step 2: Build/Add Fields
Drag a field from the Form Fields menu on the left of the form builder to add the fields you want to your form on the right.
When you click on a field, you'll see a window slide out from the left where you have options to edit the field you're on(the example below is our Name field). See our support doc titled Add, Edit, Delete, Copy, Move Fields for more information.
Step 3: Form Settings
Click the Settings tab to set the name of a form, the language, the theme, emails & redirects, 3rd party integrations, and plugins. You may also enable security features and add user access to the form.
Step 4: Share/User Your Form
Click the Share tab to find the link to your form (the Hosted URL) and the embed code needed to place the form on your website. The Quick Start menu provides the link to your Form and also the JavaScript Embed Code, which can both be quickly and easily copied by clicking the 'COPY' buttons. You can also access Lightbox and iFrame embed codes by clicking the 'Embed Form' option along the left. Click on "Social Media" to find directions on how to embed your form in Wordpress, Joomla, and TypePad.
See it in action below!