NPS Widget

The InLeads NPS (Net Promoter Score) Widget allows you to measure customer satisfaction and loyalty by asking users to rate their likelihood of recommending your product or service. This guide will walk you through the steps to integrate the NPS Widget.

Integrating NPS Widget into your Product

Step-by-Step Guide

Step 1: Add the NPS Widget Script

  1. Place the Script Tag:

    • Add the following <script> tag to your HTML file. This script will load the NPS Widget from InLeads.

    <script src="https://www.inleads.ai/widgets/nps-widget/nps-widget.js?v=1679563152&apiKey=xxxxxxx-xxxx-xxxx-xxxx-xxxxxxx&background=#1B1464&text=#FFF"></script>

  2. Customize the Widget Appearance:

    • The script tag includes parameters for customizing the background color and text color of the widget. Adjust these parameters as needed to match your website’s design.

      • background=#1B1464: This sets the background color of the widget. Change the hex code to your preferred background color.

      • text=#FFF: This sets the text color of the widget. Change the hex code to your preferred text color.

    • Ensure this script is placed appropriately within your HTML document. Typically, this script can be added just before the closing </body> tag to ensure it loads after the rest of the page content.

Customizing the NPS Widget

After integrating the NPS Widget, you might want to customize its functionality and appearance further to better match your website’s needs. Here are some customization options:

  • Styling: Use additional CSS to style the widget container, if needed.

  • Event Handling: Add event listeners to handle user interactions with the widget, such as submitting their NPS rating.

Testing the Integration

  1. Load Your Webpage:

    • Open your webpage where the NPS Widget has been integrated. Ensure the widget appears as expected.

  2. Submit a Test Rating:

    • Interact with the widget and submit a test rating to verify that the data is correctly captured and sent to InLeads.

  3. Check InLeads Dashboard:

    • Log in to your InLeads dashboard to confirm that the test rating submission is recorded correctly.

Troubleshooting Common Issues

  • Widget Not Displaying: Ensure that the script tag is correctly placed and the script URL is correct.

  • Rating Submission Issues: Verify that your API key is valid and correctly included in the script URL.

  • Styling Conflicts: Check for any CSS conflicts that might affect the appearance of the widget.

Benefits of NPS Widget Integration

  • Measure Customer Satisfaction: Easily collect feedback on customer satisfaction and loyalty.

  • Identify Improvement Areas: Use the collected data to identify areas where your product or service can be improved.

  • Automated Feedback Collection: Automatically gather and analyze customer feedback through the InLeads platform.

By following this detailed guide, you'll successfully integrate the InLeads NPS Widget into your application. This integration will help you measure and improve customer satisfaction and loyalty, providing valuable insights for enhancing your product or service.

PreviousAnonymous Visitor Tracking

Last updated