Feedback Workflow Component
Components Visuals
To unlock early access to the component Get Access
Installation
To use the FeedbackWorkflow
component, you need to inject the Script in your HTML page or wherever you want to use it. Here are the steps to do it:
Create campaign from the QuestLabs
Copy the no code script .
It will look like this:
This script will automatically inject FeedbackWorkflow component in your page.
To show or hide component please call this function from your code: changeStatus();
Props of Feedback Workflow Component
The props can be modified from the QuestLabs campaign flow.
The Feedback Workflow
component accepts the following props
Prop Name | Type | Required | Details |
---|---|---|---|
userId | string | required | The unique identifier of the user. |
questIds | array | required | custom quest ids or q-contact-us, q-report-a-bug, q-general-feedback, q-request-a-feature |
token | string | required | An authentication token or API key necessary for accessing tutorial or quest data. |
contactUrl | string | optional | The URL for contacting support or administrators. |
isOpen | boolean | required | Determines whether the feedback component is open or closed. |
onClose | function | optional | A function to handle the closing of the feedback component. |
starColor | string | optional | The color of the stars used for rating. |
starBorderColor | string | optional | The border color of the stars used for rating. |
ratingStyle | string | optional | The style of rating to be used in the feedback component. example:( "Star" or "Numbers" or "Smiles") |
uniqueUserId | string | optional | Unique user identifier. |
uniqueEmailId | string | optional | Unique Email identifier. |
descriptions | string | optional | Descriptions for different feedback options or categories. |
iconColor | string | optional | The color of icons within the feedback component. |
styleConfig | object | optional | An object containing CSS properties for styling various components within the feedback workflow process, including form, headings, descriptions input, label , text area, modal, footer, and buttons. |
By following these steps, you can seamlessly integrate and customize the Feedbackworkflow
component within your HTML application to create dynamic and interactive user Feedbackworkflow experiences.
Last updated