SaaSquatch Help Center

Learn about the different types of referral widgets that the squatch.js library enables you to display to your users.

🔗 Referrer Widget

The Referrer Widget has been designed as a place where your existing users are able to share out their referral and track the progress of exisiting referrals.

The Referrer Widget provides the full functionality available through our squatch.js javascript library.

With this type of widget you have the power to explicitly request a widget for a specific user, and have full control over creating/updating their infomation in SaaSquatch.

Details about how to display the Referral Widget can be found in our Squatch.js Quickstart Guide.

Registered Referrer Widget

🔗 Referred User Widget

The Referred User Widget enables you to personalize the referral experience of a referred visitor who has been linked your your site. This widget provides all of the key information the Referred Visitor needs to know, including that you know they were referred, and the discount code that they need to include at checkout to get their reward for being referred.

The Referred User Widget provides an easy way to get started with customizing your referral landing page experience by simply dropping a code snippet onto the landing page.

The Referred User Widget popup will only be displayed when the SaaSquatch system sees that the users followed a referral link to your site so that you can make use of your existing lead capture flow without needing any design changes.

Referred User Widget

🔗 The Partner Widget

The Partner Widget is designed to allow partners to track their progress and share invites into the program via social media and share links. The widget also provides a dashboard to show partners how much they have earned through the program.

The Partner Widget provides an easy way to get started with customizing your partner program landing page experience by simply dropping a code snippet onto the landing page.

Details about how to display the Partner Widget can be found in our Squatch.js Reference.

The Partner Widget

🔗 Setting Widget Type

The type of widget to display is configured directly in the Javascript code on your webpage being used to call the widget.

Within the initialization object that is passed to the squatch.js method you can configure which type of widget you would like displayed using the engagementMedium parameter.

If you would like to embed the widet on the page use EMBED and if you would like it to pop-up, use POP-UP. Further details on how to envoke the widget can be found on our squatch.js Guide.

🔗 Code Samples:

var initObj = {

    //the object for the user you want to upsert
    user: {
id: 'abc_123',
accountId: 'abc_123',
email: 'john@example.com',
firstName: 'John',
lastName: 'Doe'
}, engagementMedium: 'EMBED', widgetType: 'p/program-name/w/referrerWidget', jwt: 'eyJhbGciOiJIUzI1Ni.eyJ1c2VyhbWUiOiJEb2UifX0.m0Rh17-wISTLyM_NRZsGFhmNu4' };
var initObj = {

    //the object for the user you want to upsert
    user: {
id: 'abc_123',
accountId: 'abc_123',
email: 'john@example.com',
firstName: 'John',
lastName: 'Doe'
}, engagementMedium: 'EMBED', widgetType: 'REFERRER_WIDGET', jwt: 'eyJhbGciOiJIUzI1Ni.eyJ1c2VyhbWUiOiJEb2UifX0.m0Rh17-wISTLyM_NRZsGFhmNu4' };

🔗 Additional Resources