In this section, you will learn:

How to enable or disable Mindbox on your site.
How to set up Mindbox push notifications.
How to send custom parameters and events to Mindbox.

Mindbox is a platform for automated direct communication with clients: email, push, sms, instant messengers. SegmentStream allows you to send data about the behavior of your users to Mindbox.

Page contents

Introduction

With SegmentStream, you can fully integrate Mindbox with your site.

To set up integration with Mindbox:

Log in to segmentstream.com
Go to the “Integration” tab and click on the block with the Mindbox logo.
In the panel that opens, configure the integration.
Read below for more information about the integration settings.

Mindbox API V2 is no longer supported by developers. Below is a description on how to integrate the site with Mindbox API V3.

Requirements

Before setting up the integration in the SegmentStream panel, you need to register in the connected system and prepare all the necessary data:

Request the technical specification for the integration from your Mindbox manager.
Ask the manager for the endpointId system field. The mindbox manager might say that this field is not needed or is out of date.

EndpointID

This is the endpointId system field in the initialization snippet. You can get it from Mindbox.
Mindbox documentation on calling the main tracker

If there is no endpointId field in your technical specification, then the mindbox library determines the access point by domain automatically. In this case, leave the field blank.

Web push

For Web push notifications to work several steps have to be completed, they are described in detail below. For more details you can see the Mindbox Webpush documentation.

By toggling the (1) ‘Web push’ option, you enable the Mindbox Webpush module.
Enabling the (2) ‘Include default manifest.json’ setting will load the default Mindbox manifest.json file. This setting should be disabled if your website has it’s own manifest.json file.
In case the ‘Serviceworker’ file isn’t in the root of your website as recommended in the Mindbox documentation, you can enable the (3) ‘Custom ServiceWorker path’ option, which will allow you to enter a custom path for the file in the (4) ‘ServiceWorker path’ field, and set the ‘ServiceWorker scope’ (5) setting, if recommended by your Mindbox manager.
The (6) ‘Push subscription trigger event’ field contains the name of the event that activates the push notification subscription pop-up.
The (7) Webpush sender ID field should contain your Firebase messaging Sender Id, which you can get from your Mindbox manager.

Please note! The service worker file must be registered at the root directory of your website.

If you don’t want to register it at the root directory, you must set a scope config when registering the service worker. See the example below:

navigator.serviceWorker.register('/assets/service-worker.js', { scope: '/' })
  .then(function() {
    return navigator.serviceWorker.ready;
  })
  .then(function(registration) {
    console.log(registration); // service worker is ready and working...
  });

Finally, you must add a Service-Worker-Allowed header to the server which serves the service worker file. Otherwise, the browser will block your registration for security reasons. Service-Worker-Allowed: ‘/’ Note that the header’s value is the same as the scope’s value.

User Variables

User variables are a set of characteristics that describe a user: first name, last name, telephone number, email address, and so on. In the Mindbox specification, the data.customer object describes the names of variables that are needed for the integration, for example: lastName, firstName, mobilePhone…

In the left part of this setting you need to specify the Mindbox variable name and in the right part - the variable name in digitalData.

Order Variables

Order variables are a custom set of characteristics that you can set to describe an order. They are passed into the data.order.customFields object described in the Mindbox specification.

Product Variables

Product variables are a set of characteristics that describe products on the site: price, name, size, color, and so on. By default, SegmentStream sends: product ID, price, number of units added to the cart.

In case you need to pass additional parameters, you need to fill the product variable setting: on the left - the name of the Mindbox variable, on the right - the name of the digitalData variable.

Since the ‘product’ object is found in many places of the ‘digitalData’ object: digitalData.product, digitalData.cart.lineItems[], digitalData.transaction.lineItems[] and others, use only the variable name in the setting without full path to it. SegmentStream itself will understand in what situation from which place to retrieve information about the product.

Operation Mapping

Information is passed to Mindbox in the form of events. As there are no reserved names for certain events in the Mindbox system, you need to set up the operation mapping manualy, for example: the mindbox ‘EnterSite’ operation corresponds to the ‘Logged In’ event.

The list of names of necessary operations should be in the Mindbox specification sent to you by your Mindbox manager.

Customer IDs mapping

Depending on the characteristics of the Mindbox specification, each site visitor may have one or more identifiers. Customer identifiers can be found in the Mindbox specification:

mindbox('async', {
  operation: '<operation name>',
  data: {
    customer: {
      ids: {
      	<identifier>: '<identifier value>',
      },
      ...
    },
    ...
  }
);

The key name must be specified in the integration settings. In the appropriate field, specify from which digitalData variable the identifier should be retrieved from. In most cases, it will be digitalData.user.userId.

Product IDs mapping

Depending on the characteristics of the Mindbox specification, each product on the website may have one or more identifiers. Product identifiers can be found in the Mindbox specification:

mindbox('async', {
  operation: '<Operation name>',
  data: {
    customer: {
      ids: {
      	<Identifier>: '<Identifier value>',
      },
    },
    productList: [
      {
        product: {
          ids: {
            <Identifier>: '<Product identifier value>'
          },
          sku: {
            ids: {
              <Identifier>: '<Product SKU identifier value>'
            }
          }
        },
        count: <Selected product quantity>,
        price: <Total price>
      }
      ...
    ]
  }
});

Product SKU IDs mapping

The key name must be specified in the integration settings as in the Product IDs Mapping setting. In the appropriate field, specify from which digitalData variable the identifier should be retrieved from. In most cases, it will be digitalData.product.skuCode.

Product Category IDs mapping

Depending on the characteristics of the Mindbox specification, each category on the website may have one or more identifiers. Category identifiers can be found in the Mindbox specification:

mindbox('async', {
  operation: '<Operation name>',
  data: {
    productCategory: {
      ids: {
        <Identifier>: '<Category identifier value>'
      }
    }
  }
});

Area IDs mapping

Depending on the characteristics of the Mindbox specification, the region set by a user on the website may have one or more identifiers. Region identifiers can be found in the Mindbox specification:

mindbox('async', {
  operation: '<Operation name>',
  data: {
    customer: {
      area: {
        ids: {
          <Identifier>: '<Region identifier value>'
        }
      }
    }
  }
});

Order IDs mapping

Depending on the characteristics of the Mindbox specification, the order on the website may have one or more identifiers. Region identifiers can be found in the Mindbox specification:

mindbox("async", {
  operation: '<Operation name>',
  data: {
    "order": {
      //...other order data
      "ids": {
        <Identifier>: '<Order identifier value>'
      }
    }
  },
});

Mindbox