Feedback Workflow Component

Components Visuals

Overview

Visual 1

Visual 2

Visual 3

Visual 4

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:

<script>
    (function() {
        let d = document,
        s = d.createElement("script"),
        body = d.getElementsByTagName("body")[0],
        fdDiv = d.createElement("div");
        s.src = "https://cdn.jsdelivr.net/npm/@questlabs/[email protected]/dist/index.min.js";
        s.async = true;
        fdDiv.id = "quest-sdk-feedback";
        body.appendChild(fdDiv);
        s.onload = function() {
            if (typeof window.mountFeedback === 'function') {
                window.mountFeedback('quest-sdk-feedback', "***Your entityAuthenticationToken token***");
            } else {
                console.error("window.mount is not a function");
            }
        };
        s.onerror = function() {
            console.error("Failed to load the component script.");
        };
        d.head.appendChild(s);
    })();
</script>

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.