Nosto

Nosto is a personalization and product recommendation platform. This article explains how to connect Nosto as a custom data source in Engage and include Nosto recommendation widgets in your email sendouts from Design Studio.

Add a custom data source

A custom data source is required. This is done in the Configure Engage area of your Engage UI.

Name: Enter "Nosto" here. This is the name shown in Design Studio, allowing this data source to be selected and its data to be used.

ID: Enter "nostorecs" as this value. It's important to use this exact ID for the setup to work.

Activate Parameters to reveal the Input JSON schema field. Insert the code block below:

{
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "type": "object",
   "title": "Parameters",
   "properties": {
       "nostoId": {
           "title": "Widget ID",
           "type": "string"
       },
       "nostoEndpoint": {
           "title": "URL endpoint",
           "type": "string"
       }
   },
   "required": [
       "nostoEndpoint",
       "nostoId"
   ]
}

Select Save.

The Design Studio module

In the Design Studio editor, do the following:

1. Open an email template.
2. Go to the Starter library module.
3. Under the Partner category, the Nosto module should be visible.
4. Drag the module onto your email canvas.

Find the module's data source settings.

You'll need to fill in some additional parameters for the data source. Go to the Email area in the Nosto portal and either use an existing email widget or create a new one.

In the final step you can download an HTML snippet. Look at the HTML code to find a URL that starts with the following pattern:

https://connect.nosto.com/image/v1/brand-6211853/7f5x4d55a6726e6e4cc19289605ab09856345978/1/combined?uid=&version=2.1.0

URL endpoint: This is the first part of the URL, as shown in the example above: https://connect.nosto.com/image/v1/brand-6211853

Widget ID: This is the long ID that follows in the URL: 7f5x4d55a6726e6e4cc19289605ab09856345978

After adding these parameters in Design Studio, images should appear when Preview with data is activated.

If you're creating content for several markets using different Nosto email widgets, change the Widget ID value in Localization mode in Design Studio and it will be saved for that market.

The module can now be styled like any other module and saved in the Team library for future use.

Sendout from Design Studio

When creating a sendout, use your Nosto module from the Team library. If needed, change the Widget ID parameter, which can be copied from the Nosto portal when viewing a saved email widget.