Form Builder

The Form Builder module is a custom module, meaning that it is not automatically available to all Javelin users. If you feel that your site would benefit from a Form Builder module, please call us at 405-478-4080 or file a support ticket for pricing details.

How does the Form Builder module work and what is it used for?

The Form Builder is used to create custom forms that exceed the functionality of the Contact module on your website. The module works by allowing you to add different types of user input fields in any order that you wish. The module is sometimes called Form. A variation of the module is Form Builder with Payments, which allows for users to send money (through credit card payments) through the form.

Back to Top
How do I add a Form Builder module?

Step 1: Log into Javelin.

Step 2: Choose which web page and region you want to add the module to, then click the black "Add" button above this region.

Step 3: The Module pop up will appear. Choose that you would like to insert a "Form Builder" module.

Step 4: A new module will appear in your region. Filler content will be placed in this module, but is not visible to anyone visiting the website.

Back to Top
How do I delete a Form Builder module?

Step 1: Navigate to the module you want to delete.

Step 2: Hover over the arrow next to "Add Field".

Step 3: Select "Delete" and then "OK" from the popup.

Back to Top
How do I move a Form Builder module?

Step 1: Click and hold the module's colored admin bar.

Step 2: Drag the module where you would like it to go and release your mouse.

Back to Top
How do I add fields to a Form Builder module?

Step 1: Click the "Add Field" button on the module's admin bar.

Step 2: Select the field type from the "Type" dropdown.

Step 3: Type the name of the field in the "Label" field.

Step 4: Click "Save" to save and exit or "Save & Add More" to save and continue adding fields.

Back to Top
What kind of fields can I add?
  • Textbox (one line entry) ← Simple text input
  • — Email Address ← Simple text input with a check to make sure it's an email address
  • Textarea (multi-line box) ← Large text input area
  • Number (Integer/Decimal) ← Simple text input with a check to make sure only numbers have been added
  • Date ← Simple text input; when clicked, a calendar appears
  • Selection (Drop-Down) ← Dropdown list of options; add options through the settings
  • — States (US) ← Dropdown with US states listed in alphabetical order
  • Radio (only one selection allowed) ← On/off (binary) selector
  • Checkbox (Yes/No, On/Off) ← Multiple option selector
  • File Upload ← Simple text field with a "Browse…" button
  • Hidden (Never seen by user) ← Creates a field that does not display to user, but will appear in submissions
  • Section break (HR) ← Creates a horizontal rule (no label required)
  • — Heading (H2) ← Creates a heading 2 element
  • CAPTCHA Image Verification ← Adds a captcha (no label required)
  • Submit Button ← Creates a submit button
Back to Top
How do I edit a field?

Step 1: Hover over the field you want to edit.

Step 2: Click the pencil icon.

Step 3: Make any necessary changes and click "Save."

Back to Top
How do I move a field?

Step 1: Hover over the field you want to move.

Step 2: Click the four-cross icon and drag the field where you want it to go.

Step 3: Release the field to drop it in place.

Back to Top
How do I delete a field?

Step 1: Hover over the field you want to delete.

Step 2: Click the trash can icon.

Step 3: Click "OK" in the popup to confirm deletion.

Back to Top
How do I make a field required?

Step 1: During creation or while editing, select "Settings" from the side navigation.

Step 2: Check "Field is required (cannot be left blank)" under "Common Settings > Required."

Step 3: Click "Save" to save and exit or "Save & Add More" to save and add another field.

 

Back to Top
How do I add options to my Checkboxes, Radio Buttons, and Dropdowns?

Step 1: After the field type is selected, while creating or editing, select "Display Conditions" from the side navigation.

Step 2: Type the desired selection under "Selection Options."
Step 2a: Click "Add Option" as needed to add more options.
Step 2b: Click the red icon next to an option to remove it.

Step 3: Repeat steps 2 - 2b as needed until all fields are in.

Step 4: Click "Save" to save and exit or "Save & Add More" to save and add another field.

Back to Top
How do I increase the length of a text field?

Step 1: While creating or editing, select "Settings" from the side navigation.

Step 2: Type the desired size in "Field Size;" the size is determined by the number of visible characters.

Step 3: Click "Save" to save and exit and "Save & Add More" to save and add another field.

Back to Top
How do I change the email address this form is sent to?

Step 1: Hover over the arrow next to "Add Field" and click "Settings."

Step 2: Under "Email To" add the email address(es) the form is sent to, using commas (,) between multiple emails.

Step 3: Click "Save" to save and exit or "Save & Continue" to save and continue working.

Back to Top
How do I change the subject of the email that appears in my inbox?

Step 1: Hover over the arrow next to "Add Field" and click "Settings."

Step 2: Type the name of the desired subject into the "Email Subject" Field.

Step 3: Click "Save" to save and exit or "Save & Continue" to save and continue working.

Back to Top
How do I change the message users recieve after completing the form?

Step 1: Hover over the arrow next to "Add Field" and click "Settings."

Step 2: Type the desired message into the "Thanks Message" area.

Step 3: Click "Save" to save and exit or "Save & Continue" to save and continue working.

Back to Top
How do I view submissions from my website?

Step 1: Hover over the arrow next to "Add Field" and click "View Submissions."

Back to Top
How do I add payment fields (Form Builder with Payments only)?

Please note: this is for those who already have a payment processor and SSL set up for accepting payments online. Please contact us at 405-478-4080 if you are interested in doing this.

Step 1: Hover over the arrow next to "Add Field" and select "Add Payment Fields."
Step 1a: If necessary, move the submit button to the bottom of the form.

Back to Top