To create a new form within your ProPhoto design, simply click and drag the Form module from the Elements area into your layout. Doing so will create a unique form in the location where you've placed it.
Once you have added the form module, then you can add/edit the form's fields (as well as style and customize other aspects of the form).
Add fields to a form
By default, when you add a new form module to your layout, it will contain three fields; Name, Email and Message, along with the submit button. You can edit or delete any of these fields by clicking the corresponding icons when hovering. And you can add a new form field by clicking the blue "Add Form Element" button at the bottom:
When adding or editing a form field, you are presented with the following options:
1) Type
Use the Type dropdown to select from any of the six different form field types provided.
- Short text - Will display a single line field for text entry. Applicable for items like name, phone number, etc.
- Long text - Will display a larger, multi-line field for text entry. Useful for questions like "Tell me more about your wedding plans."
- Email - Will display a single line entry field to capture the user's e-mail address.
- Dropdown select - Will display a dropdown that you can populate with whatever options you'd like. Helpful for questions like "What type of photography are you interested in? Newborn, Family, Wedding"
- Multiple choice - Similar to the dropdown option, except that all of the options are listed directly under the Label and the user can click to select one.
- Checkbox - Will display whatever options you create as a list, each of which can independently be checked. Good for questions where one or more answers may be applicable.
2) Label
Text entered into the Label box will be display directly above the form field on the site to let users know the purpose of the field.
3) Placeholder Text
Text entered into the Placeholder Text box will be shown in the field before the user begins entering their own content. This can be helpful when you want to provide an example of a response for the field.
4) Required Field
Check this box if the field must be filled in/completed before the form can be submitted.
5) Admin Identifier
Text entered into the Admin Identifier box is optional, and is not seen anywhere on your form. But an identifier is needed to create custom email subject lines and email bodies. Check out our separate tutorial explaining how to make your own form submission format for customized email subject line or body.
6) Field width
Select the width option you prefer for each field you create. Choose full width of containing column and the field will expand to fill the width of the column where the form appears. Choose set max width and you can manually set the pixel width of the form field. (The "Form Styles" tab in form module also offers style controls which can be used to adjust padding on either side of your form. Check out the separate Form style guide for details.)
Submit button
Each form has a submit button by default as soon as it's created. This button can be simple text, or a graphic (either uploaded image or a Tile). Click to edit the submit button to customize how you'd like:
Tiles are an easy way to create a graphic in ProPhoto, so if you don't have a tile design you can use for a submit button, consider creating one in the Elements > Tiles area.
Comments
0 comments
Article is closed for comments.