Survicate Web Package

This package enables you to integrate Survicate surveys into your web application. Built with Preact, TypeScript, and CSS Modules.

Installation

Install the package using NPM:

npm install @survicate/survicate-web-package --save

Initialization

To initialize Survicate, you'll need your workspace key, which can be found in the Survicate Panel.

import Survicate from '@survicate/survicate-web-package/survicate_widget';

// Replace with your actual workspace key
const workspaceKey = 'Your workspace key';

Survicate.init({ workspaceKey });

Usage Examples

Here are some common methods you can utilize:

import Survicate from '@survicate/survicate-web-package/survicate_widget';

// Initialize Survicate and provide user attributes
const config = {
  workspaceKey: 'Your workspace key',
  traits: {
    'user_id': 'Your user ID here',
    'company_name': 'Value here',
    'subscription_status': 'Value here',
    'signed_up': 'Value here'
  }
};

Survicate.init(config);

// Force display a specific survey
Survicate.showSurvey('survey id', { forceDisplay: true });

// Set visitor attributes and retarget afterwards
Survicate.setVisitorTraits({
  email: '[email protected]',
  first_name: 'John',
  last_name: 'Doe',
});

Survicate.retarget();

// Add an event listener for when a question is answered
Survicate.addEventListener(Survicate.ApiEvent.questionAnswered, (surveyId, surveyName) => {
  console.log(`A question was answered - survey: ${surveyName} ${surveyId}`);
});

// Remove the event listener
Survicate.removeEventListener(Survicate.ApiEvent.questionAnswered);

For a list of available methods and their detailed usage, please refer to the Survicate JavaScript API Documentation.

Changelog

Stay updated with the latest changes and improvements by reviewing the Survicate JavaScript SDK Changelog.