Forms/Webforms

• 1
  Go to the Marketing Details tab is the first tab to load on the form builder
• 2
  On the right, is an empty form waiting for fields. (A Submit button is inserted to give you a starting point)
  
• 3
  Simply click and drag controls from the left side, click on the label, drag and drop to the form on the right side
• 4
  If you change your mind, just click on the label and drag it back to the left.
  
• 5
  Once you have dragged and chosen your component, click on the label to manage the form control
• 6
  This opens a popup allowing you to change and edit the labels, options and properties

• 1
  Go to the Communications tab
• 2
  Drag the segmentation fields required to the form and position
• 3
  You can select either a Hidden Field to preset the value or a list box to allow the user to select from a range of values
• 4
  Hidden fields like Campaign Codes are best for things like landing pages so anyone who submits the form will be tagged with the correct campaign
• 5
  Dropdown List box fields like Product of Interest are best for generic pages and allow the user to self-segment. For example, I am interested in "Product A"
• 6
  We recommend segmenting by Referred By and Campaign Code as a good starting point.
  

• 1
  Go to Form Elements Tab
• 2
  Drag/Get the TextBox field - or any other preferred fields that are present and useful on the Form Elements tab
• 3
  Update the ID/Name to the preferred ID/Name (ie. DietaryRequirements, CarModel)
• 4
  Then click Save to apply the changes made
• 5
  Please also note that most ID/Name of the fields in the Form Elements tab can be edited, so these will most likely be the go-to fields if you needed a customised ID/Name.
  

• 1
  On the Build Your Form section, click the field you want to be required
• 2
  Tick the Required checkbox
• 3
  Then click Save to apply the changes made
• 4
  This will make the field required/mandatory on the form. The field will appear with a red star and the user cannot submit until they have entered or selected a value in the field.
  

• 1
  Edit the form configuration to suit your requirements
• 2
  Add in a "From Name" and "From Email" so you can be notified when someone submits your form
• 3
  Add in general configurations like the Thank You Message
• 4
  Click Finish Configurations
  
• 5
  Click Finish to see the script to add to your website
  
• 6
  See the new form created on the form list
  

• 1
  Go to Admin→ Forms
• 2
  Click the Edit button on the left-most part of any Form
  
• 3
  The Form Builder will load and the contents of the form are displayed. You can now change and/or update the form
  
• 4
  Click Finish Build Form And Start Configuration
• 5
  Configure the Form→ Finish Configuration

• 1
  Go to Admin→ Forms→ Create New Form (or you can choose to edit your existing forms)
• 2
  The Form Builder page will appear
• 3
  Drag and choose your preferred components
  
• 4
  To add a page break, go to the Form Elements tab
  
• 5
  Drag the Page Break to where you want to split your form
  
• 6
  You can select the Preview button to show how your form looks like before clicking the Finish Build Form And Start Configuration button.
  
• 7
  When a Page Break is added, Next and Previous buttons are automatically added to your form.
  

• 1
  Go to Admin→ Forms
  
• 2
  Click the Copy button on the leftmost part of any Form
  
• 3
  Edit the form name on the pop-up
• 4
  Click Create button to create the new Form
  
• 5
  The new form will have all the form components from the copied form
• 6
  Edit the form components to suit your requirements
• 7
  Click Finish Build Form And Start Configuration
  
• 8
  The new form will also have all the Configure form details from the copied form

• 1
  Drag and drop the Campaign Code over to your form
• 2
  Click on the label (Campaign Code)
• 3
  In the Value field, write the name of your Campaign
• 4
  Note: DO NOT overwrite the ID
• 5
  Edit the label
  
• 6
  You can use any of the hidden fields and set the value to automatically segment your contacts when they submit or register

Please note to not add hidden control and dropdown selector of the same component (i.e: Hidden control of Product Of Interest and Dropdown selector of Product of Interest) in one form, it would cause the data recorded from the form incorrect and also the export data from "Export with Communication" function.

• 1
  Log in as an administrator and go to the Admin Dashboard.
  Learn how to log in here →
• 2
  Search for "Product of Interest" or "Campaign Code"
• 3
  Edit any existing records
• 4
  Use the Create New button to add a record

• 1
  If you want to change the name or label of 'Submit', simply mouse click onSubmitbutton
• 2
  The popup will be displayed on the page
• 3
  Select the Button Label and edit as needed
• 4
  click Save when done
  

• 1
  Click the button to see how your form will look when live
  
• 2
  This will open a new tab and you can preview the Form
• 3
  Close the tab when done to get back to your form builder
• 4
  Configure and Name Your Form
• 5
  Click Finish Build and Start Configuration to set up how your form will behave
  
• 6
  This saves the form and moves you to the next step
• 7
  Add a form name for easy future reference

• 1
  Setup the From Name and From Email address to display on emails generated by the Form
• 2
  Check the Email this form on submit to enable After submission email sending
  

• 1
  Setup the Email on Submit and make sure it is checked
• 2
  Enter the email address that you want them to receive an email notification as one submits the form
  

• 1
  Thank you Message: The text to display on successful submission.
• 2
  To Edit the Thank You Message that appears right after submitting a form - Edit the Thank You message field

  • When a form is submitted, the visitor is generally given a text string to notify them.
  • Examples will include things like "Thank you for your submission", "Your request has been sent" etc
  

• 1
  Default Form Submission alerts you on the page
• 2
  If you need it to redirect to its thank you page, follow these steps:
• 3
  On the General Configuration Form:
• 4
  Check the Source Code and add this code:
  
• 5
  Edit the window location to the correct URL that it should land
  
• 6
  Make sure to untick the box AJAX Submit for this to work.
  
  

• 1
  Scroll down and click on Advanced Options. You can edit the text in the Auto Response Body field (as shown below)
• 2
  You can use the property drop-down to customise the message using the data supplied from the form
• 3
  Any field you add to the form will be available

• 1
  Check the box Send Notification Email
• 2
  Then configure the email to send using the properties
• 3
  Properties can also be used in the subject line allowing a great deal of creativity and flexibility

• 1
  To Edit the Email Auto Response, Scroll down and click on Advanced Options. You can edit the Text in the Auto Response Body field (as shown below)
• 2
  You can use the property drop-down to customize the message using the data supplied from the form
• 3
  Any field you add to the form will be available
  

• 1
  Click Finish Configuration to save the configuration
• 2
  You will now be presented with the embed script which allows you to put this form on any website
• 3
  if you are inserting this form on your site, jump down to the section below on "How to add a Form to a Page in WebEd"
• 4
  If you want to use the form on some other site, you can just copy and paste the code supplied.
• 5
  Embedded Script will be generated in the text box area, you can copy and paste it into your webpage to show your form.
  
• 6
  Click Finish to return to forms
• 7
  The Form you just created will appear on the list of forms
  

• 1
  Edit the desired page
• 2
  Select the Curly Bracket icon at the top right of the editor
  
• 3
  Click Configure button in the popup
  
• 4
  In the new popup, type the Form keyword into the textbox search. Then click on an item in the resulting search.
• 5
  Select the option on the left side, and review the UI on the right side.
  
• 6
  Selected form in the dropdown list and it should be displayed in the preview.
  
• 7
  Then click the Insert button It will be adding the Curly Bracket to the Configuration Curly Bracket popup then click the OK button to complete.
  
• 8
  Then click the Save And Close button and see the form displayed on the page.
  

• 1
  Double-click or Right click and select the Edit Curly Bracket option on a Curly Bracket
• 
• 2
  The UI is the same with the previous steps
  

• 1
  Log in as an administrator and go to the Admin Dashboard.
  Learn how to log in here →
• 2
  Go to the page that you want to show the form builder and click Edit
  
• 3
  After copying script and pasting it into Source Code editor WEBEDNINE-154 - Getting issue details... STATUS content then clicks the update and close button.
  
• 4
  The form builder is displayed on the page after the updated page.
  

• 1
  Go to the page where you want to show the form after adding the form inserted into WebEd9.
• 2
  Input information in the form and submit button.
• 3
• 'Thank You Message' will be displayed after submission.
• 4
  Check the mailbox of the Email To to confirm the email has been sent
  

• 1
  Click on the Edit button on the right
  
• 2
  Click on the 'Edit Page' button
  
• 3
  On the edit window, scroll to the content where you want to insert a form. Make sure the cursor is where you want the form to be placed.
  
• 4
  Click the Curly Bracket icon on the right.
  
• 5
  On the search box, search for 'form'.
• 6
  Click on 'Web Form'.
  
• 7
  Select the form you want to insert from the options.
  
• 8
  Click on the 'Insert' button below.
  
• 9
  You should now be able to see the form (with its correct ID) inserted on the content.
  
• 10
  Scroll down the edit window and click 'Save and Close'.
  
• 11
  You should now be able to see the form on your page.
  

• 1
  Click on the Edit button on the right
  
• 2
  Click on the 'Edit Page' button
  
• 3
  On the edit window, scroll to the content where the form is located and get the Form ID.
  The number on the curly bracket is the form ID.
  

• 1
  Go to Admin → Modules → Forms
  
• 2
  Find the form ID under the ID column
• 3
  Click on the 'Configure Settings' icon
  
• 4
  On the Configure Settings page, you can find the emails that receive a notification whenever this form is submitted:

  • From Name - The "From" name that appears on the email notification when this form is submitted.
  • From Email - The "From" email address that appears on the email notification when this form is submitted.
  • To Email - The email address that receives the email notification when users submit this form.
  • CC - The email addresses that are CC'd on the email notification when users submit this form.
  

• 1
  Go to the link: https://www.google.com/recaptcha/admin
• 2
  Input the label (optional) and your domains to get an API key pair Click Register
  
• 3
  After registering, you will be provided with an API key pair
  

• 1
  Go to the site settings management in admin: Settings > Site Settings
  
• 2
  Search reCaptcha configuration on the site setting grid
  
• 3
  Click Edit icon to update your API key pair
  
• 4
  Click Save

• 1
  Go to Build Your Form screen
• 2
  Navigate the Form Elements tab
  
• 3
  Find reCaptcha components then drag & drop them into your form.
• 4
  Continue configuring your form and get the script to build a form.
• 5
  Google reCaptcha will be generated when rendering your form.
  
• 6
  You can use the script to build a form to add to any websites you want.
• 7
  For rendering Google reCaptcha in cross domains, you need to register these domains with Google ( Adding Google reCaptcha Validation API to your Forms )

• 1
  Go to source code → Search "Tabs.json" and select that file
  
• 2
  Update the JSON of Form components on that and deploy it on the site that you want to update
• 3
  Go to Admin page → Settings → Form Settings → Select "Update Form Builder"
  
• 4
  Click the button "Update Form" and wait function execute the update 
• 5
  After the update, a message result will be shown
  
• 6
  Go to the Forms listing to check the result after updated
• 7
  Select Create or Edit a form
  
• 8
  Try to pick and check some fields that you have to change before
  

• 1
  Go to Form Listing in admin by going to Admin → Modules → Forms, or just simply append /Admin/Forms to your website URL and click go in the browser bar (Example: http://mysite.com/Admin/Forms)
  
• 2
  Find the form you want to set up Reply To and click on the Configure icon to go to the "Configure" step.
  
• 3
  In the "Email On Submit" group, there will be a text box to set Reply To for Notification.
• 4
  There is a checkbox that allows you to use the email in the form as Reply To. This is to allow the one who receives the notification email, to reply directly to those who have submitted the form.
  
• 5
  To set up Reply To for Auto Response, please go to Advanced Options → Auto Response Setup → Auto Response Reply To
  
• 6
  Finally, click "Save and Continue Configure" or "Finish Configuration" to save your changes.
• 7
  Notification is the email to let you know who has submitted the form and what details that were submitted.
• 8
  Auto Response is the email for those who submitted the form and let them know that we have received their enquiry.

• 1
  Log in as an administrator and go to the Admin Dashboard.
  Learn how to log in here →
• 2
  Click on Modules >> Forms or you can type "Forms" in the search bar and click the Forms menu item.
• 3
  A list of forms will be shown. Click "Create New Form" or "Edit" an existing form.
• 4
  Check the "Email this form on submit" checkbox we can see the contact link added at the bottom of the email. This email will send to the "To Email" value. See below:
  

• 1
  To Edit the Auto Response Email Template (or other templates shown in the drop-down)
  
• 2
  Look for and click on Email Templates on the left menu panel under Settings
  
• 3
  A list of Templates should show, Scroll to look for Auto Response Email Template (Or the template you wish to edit)
• 4
  Then click on the Edit icon
  
• 5
  The Template form should show - where you can edit the template body (Auto Response)
• 6
  Once the template has been finished, click on Save
  

• 1
  Log in as an administrator and go to the Admin Dashboard.
  Learn how to log in here →
• 2
  LocateSettings on the left panel then click on onSite Settings
• 3
  Or use the search box at the top of the admin menu to search "site settings"
  
• 4
  A list of Site Settings should appear
• 5
  Either scroll down and look for VehicleRequest More Info or type "Vehicle Request More Info" in the name text box at the top of the listing
• 6
  Once you've located it, click on the Edit icon
  
• 7
  After clicking on Edit,the setting for the form should appear

  • Description: the description of setting
  • Request More Info Success Message: This text will display after the form submit
  • Request More Info Email Address: List email addresses will receive form information, each email separate by comma or semicolon
• 8
  Edit the email address it's coming from.

  • And choose which Email Template will be sent to the client