Install NPSpack on Shopify

Add NPS surveys to your Shopify store in under 60 seconds. Perfect for e-commerce customer feedback and improving your online store experience.

🛍️ Start Installation See Demo

Installation Methods

Choose the method that works best for your Shopify setup

Method 1: Theme Files (Recommended)

Add the widget directly to your theme for maximum control and customization.

Step 1: Add to theme.liquid

Add this code before the closing </body> tag in your theme.liquid file:

<!-- NPSpack Widget -->
<script>
(function() {
    var script = document.createElement('script');
    script.src = 'https://widget.npspack.com/widget.js';
    script.setAttribute('data-site-id', 'YOUR_SITE_ID');
    script.setAttribute('data-trigger', 'auto');
    script.setAttribute('data-delay', '30000');
    document.head.appendChild(script);
})();
</script>

Step 2: Configure your settings

Replace YOUR_SITE_ID with your actual site ID from your NPSpack dashboard.

Method 2: Custom Liquid Section

Create a reusable section for more flexibility across different templates.

Step 1: Create npspack-widget.liquid

Create a new file in your sections folder:

{% comment %}
  NPSpack Widget Section
{% endcomment %}



{% schema %}
{
  "name": "NPSpack Widget",
  "settings": [
    {
      "type": "text",
      "id": "site_id",
      "label": "Site ID",
      "info": "Your NPSpack site ID from the dashboard"
    },
    {
      "type": "select",
      "id": "trigger",
      "label": "Trigger Type",
      "options": [
        {"value": "auto", "label": "Automatic"},
        {"value": "manual", "label": "Manual"},
        {"value": "exit", "label": "Exit Intent"}
      ],
      "default": "auto"
    },
    {
      "type": "number",
      "id": "delay",
      "label": "Delay (milliseconds)",
      "default": 30000
    }
  ]
}
{% endschema %}

Step 2: Include in your template

Add this line to any template where you want the widget:

{% section 'npspack-widget' %}

Configuration Options

Customize the widget behavior for your Shopify store

Trigger Options

auto: Shows after specified delay
manual: Triggered by your custom code
exit: Shows when user is about to leave
scroll: Triggers after scrolling percentage

Best Practices

• Wait 30+ seconds before showing survey
• Target post-purchase pages for better response
• Use exit-intent on checkout abandonment
• Test on mobile devices thoroughly

Need Help?

Our support team is here to help you get set up quickly

Contact Support View Documentation