Feedback form

Looking for WET v3.1?

As of September 23, 2014, version 3.1 of the Web Experience Toolkit is no longer supported. The source code and documentation have been moved to the wet-boew-legacy repository.

Questions or comments?

Purpose

This component allows users to submit feedback for a specific Web page or the Web site in general.

Use when

Working example

English example

French example

How to implement

  1. Migrate the *.html, *.css and *.js files in demos/feedback to the website's layout and design.
  2. Configure the options in the Reason for contacting us field.
  3. Optional: Modify the text in the form as needed.
  4. Optional: The Reason for contacting us field can be selected on page load by adding feedback=[value] to the query string (e.g. feedback=web).

Configuration options

Option Description How to configure Values
feedbackOption 1 Query string parameter for pre-selecting a value in the Reason for contacting us field. Add feedback=[value] to the query string (e.g. feedback=web).
None (default):
Brief description
web:
Critical problem with the website
improvement:
Suggested improvement for the website
subject1:
Question/comment about subject 1
subject2:
Question/comment about subject 2
subject3:
Question/comment about subject 3

Events

Document the public events that can be used by implementers or developers.

Event Trigger What it does
wb-init.wb-fdbck Triggered manually (e.g., $elm.trigger( "wb-init.wb-fdbck" );). Used to manually initialize the feedback form. Note: The feedback form will be initialized automatically unless it is added after the page has already loaded.
wb-ready.wb-fdbck (v4.0.5+) Triggered automatically after the feedback form initializes. Used to identify when the feedback form has initialized 
$( document ).on( "wb-ready.wb-fdbck", ".wb-fdbck", function( event ) {
});
$( ".wb-fdbck" ).on( "wb-ready.wb-pic", function( event ) {
});
wb-ready.wb (v4.0.5+) Triggered automatically when WET has finished loading and executing. Used to identify when all WET plugins and polyfills have finished loading and executing. 
$( document ).on( "wb-ready.wb", function( event ) {
});

Source code

Feedback form source code on GitHub

Date modified: