NPS InApp Widget

Trigger and capture survey responses directly on your website.

NPS InApp lets you trigger and capture survey responses directly on your website. All you have to do is, set the preferred conditions, generate the HTML snippet for the survey and copy-paste the code to your website <body>. The snippet loads in the background, so it does not impact the performance of your website.

Advantages of NPS InApp Widget:

  • Capture survey responses directly on your website

  • Gain instant insights from your respondents of the value that you provide

  • Get valuable feedback that helps you improve your service and drive significant results

Let’s see how it works.

1. After creating your NPS Survey, navigate to the Share tab select InApp from the sharing options available below.



2. Edit the widget name and set the survey conditions according to your preferences. The default time duration will be in days, but you can pick one from the available options in the dropdown list. E.g. Days, Week, Months.



3. The first survey essentially means triggering your NPS survey after the preferred action is called out. The selected action can be of anything that is performed by the user—E.g. Contact creation, First purchase, first-order delivery, etc.

You can select the duration of when the first NPS survey has to be triggered.



Note: The action can be called out only in the HTML snippet. If you want to trigger the NPS survey to your preferred conditions, you’ll need to first generate the snippet and then work on the code. To generate the code snippet, you’ll need to click on the Generate Snippet button at the bottom right corner.


For example:


There are 2 <script> tags in the above screenshot

  • In the 1st <script> tag, you’ll need to create the SparrowLauncher function

  • In the 2nd <script> tag, you’ll need to call SparrowLauncher.

Sparrow Launcher has 2 arguments

- Action

- Configuration object

Inside the configuration object, specify the email key which will take the email id of the user. Variables key is to send custom variables created for the survey.

Now add the snippet inside the <body> of your website. Now you should be able to trigger your NPS survey directly on your website.

If first survey value is set, it’s important to add “createdAt” field to the SparrowLauncher function



Note: createdAt should be of UNIX timestamp format (in milliseconds). Link to the UNIX timestamp for your reference:

4. Repeat Survey essentially means triggering the NPS Survey after the first NPS Survey is shown to the user. (Note- this is a recurring trigger)



6. If the user has declined the NPS survey, you can simply enable the toggle and set the preferred duration to when you want the survey to be shown again.



4. Scroll below to add more conditions like triggering the survey by property tags or by URL.



Note: Properties include contact property and custom variables. If you’re using custom variables, then you’ll need to add it to the variables section on SparrowLauncher.



5. You can also target the group sampling by choosing the percentage of website visitors who scrolls through your website or triggering the survey based on how long a user stays on your site.



6. Enable the toggle if you want the survey to be anonymous.



5. Navigate to Design to choose how you want your NPS Survey to be displayed on your website. It can be shown either as a card or as a full width card.

Once you’re done, click on Generate Snippet the bottom right corner to generate the HTML snippet.



6. Copy-paste the generated snippet to your website <body>. Once you copy the snippet, click done.



That’s it!

Now you should be able to trigger your NPS survey directly on your website.

Did this answer your question?