Form Builder Overview
The Form Builder Extension allows you to create custom forms for public or private viewing by your clients, and insert those forms into pages in your site using provided shortcodes.
When you first install the Form Builder Extension, a new Form Builder menu will be added to your main WP-Client sidebar. If you click into the Form Builder menu, you will be presented with a few different tabs.
From this tab, you will see a table containing all of your existing published and draft forms. Additional data such as what Clients/Circles the forms are assigned to (or if they are public), how many answers have been submitted for each form, and what Form Type (One-Time, Multiple, or Period) can be found in the table. From this table, you may edit or delete any existing form, as well as modify what Clients/Circles are assigned to private forms.
Also from this tab, you can create a new form by clicking the Create New Form button.
How to create a new form?
When creating a new form, you will have to fill out several fields:
This will be the title of the form that will appear in multiple locations, including as part of the form itself when displayed for clients in the frontend using the corresponding shortcode.
You can divide the form into "sections" using Steps. Each step can have as many or as few individual fields as you like, and each Step can be renamed from the default "Step 1, Step 2, etc" by hovering over the Step title and clicking the pencil icon.
NOTE: The default Step titles will still appear when building/editing the form, but frontend users will see the custom titles you set.
Add more Steps by clicking the green + button. Delete existing Steps by hovering over the Step and clicking the red X button.
Fields act as the core foundation of your forms as these allow your clients to provide information through the form. Various field types are available, from simple text boxes to date pickers, radio buttons, and more.
To add a new field to the form, simply click and drag the desired field type from the right-side box, and drop it into the desired Form Step. From there, you can click on the field within the form to expand it, and you will be able to fill out details like the title and description labels, set requirement status, and also get a preview of how the field will look on the form itself.
From the Appearance tab you will also be able to adjust aspects such as field width, placement of the description text, as well as add some custom CSS classes if desired.
These settings default to what you have set at WP-Client-->Form Builder-->Settings (see below for more info). You can choose to modify these settings for this specific form from this window. Any changes that are made will be automatically saved when the window is closed.
Use the "Who can get access to Form?" dropdown to determine if you want this form to be visible to everyone, only logged-in users, or only specifically assigned Clients and/or Circles.
Check this box if you want the assigned Clients to be notified via email when the form is saved/published. The default notification content can be modified by clicking the Notification Settings link below this checkbox.
When the form is created to your liking, you can choose to immediately save it (which will make it live) or save it as a draft. In either case, after the form is saved the corresponding shortcode for the form will be displayed at the top of the page, which you can easily copy and paste it on the desired page of your site where you want to display the form.
Saving and Displaying Forms
Once the form is built and saved/published, you will be able to display the form using the shortcode that is created after saving. To display a form in your site, you will just need to insert the corresponding shortcode into the desired page. See example shortcode below:
[wpc_client_form id="ID#" /]
The ID# would be replaced with the numerical ID of the form, which can be found by clicking Edit inside the desired form. So a real-world form shortcode might look like this:
[wpc_client_form id="8" /]
Wherever that shortcode is placed, the form will be displayed on that page for the appropriate users. If an unauthorized user attempts to view the form, it will display the Permission Error text (from your settings) instead of the form.
From this tab, you will be able to view, search, filter, and optionally delete all of the form answers that have been submitted by users. By default, the table will display the title of the answered form, the client's username (if they were logged-in), their IP address, their browser info, the URL of the for page, and the date the answer was submitted. From here you can click View on any individual submission, and you will be able to additionally view the actual submitted form field data that the user filled out.
From this tab, you will be able to adjust the various settings that are available inside a form. The settings here will be used as the default values whenever a new form is created, though you can adjust these settings individually inside a specific form if desired.
Use this setting to determine how multiple steps are laid out and presented to the user when filling out the form, such as in an accordion, in individual "pages", etc. This setting will only apply to forms with more than one step.
Use this setting to determine if a form is a One-Time, Multiple, or Period timeframe. One-Time forms can only be answered once per-user, Multiple forms can be answered unlimited times per-user, and Period forms can only be answered once per-user in each timeframe (EX: once per day, once per week, etc).
Give Access to Previous Steps
Use this setting to choose whether or not to give users the option to go back to previous steps in the form.
Text For Previous Step Button
This will be the text that appears on the button that navigates to the previous step in the form.
Text For Next Step Button
This will be the text that appears on the button that navigates to the next step in the form (except for on the last step).
Text For Submit Last Step Button
This will be the text that appears on the button that submits the form on the last step.
This will be the text that a user will see once they successfully submit a form. You will also be able to set a custom redirect URL inside individual forms if desired.
Use this setting to determine if the form field labels default to left-aligned or top-aligned in relation to their fields.
Use this setting to determine if the form field descriptions appear above or below their respective fields.
This will be the text that a user sees when they attempt to view a form that they do not have permission to access.
Already Answered Error
This will be the text that a user sees when they attempt to view a (non-Multiple) form that they have already answered.