The example below illustrates how to fetch the fresh cart content over CORS, leverage that to render the cart tagging and then use the API to sent that information to Nosto.

In this article, you will learn how to collect email addresses from other sources. If you have implemented the customer tagging, Nosto will automatically collect the information for logged-in users. For all other scenarios, you will need to use our Javascript API to push the customer information to us:

Collecting email addresses from a form field

If your website has a form field that accepts email address, you can collect customer information using our JS API. A more simplified way would be to add the class nosto_email_capture to any email field on the page whose addresses need to be captured. Having done that, include the following snippet into your site.

The jQuery based script below binds every input field with the class nosto_email_capture and submits the collected information to Nosto when the parent form is submitted.

jQuery("form input.nosto_email_capture").each((idx, input) => {
    if (!input.form) {
        return;
    }
    input.form.onsubmit = event => {
        var email = input.value;
        if (email) {
            // Push customer information to current visit
            nostojs(api => {
                console.log("Collecting email " + email);
                api.customer({email: email});
            });
        } else {
            console.log("No email specified");
        }
    }
});

While Nosto leverages customer attributes and behavioral signals to automatically segment users, there may be scenarios where you may want to explicitly segment users. You can do so by affixing a segment-code to the current user and then leverage Nosto's segmentation tool to segment users with that specified attribute.

nostojs(api => {
  api.addSegmentCodeToVisit('women');
});

The example above does not trigger a reload of all the placements. If you would like to reload all onsite content to reflect the new segment, you must explicitly reload it.

nostojs(api => {
  api.loadRecommendations();
});

Once you have done so, read our guide on segmenting users via custom events.

Use api.customer() function to send information about the current customer to Nosto. After the information is sent, current visit is updated with latest details.

Typical situation when manual update is needed if your site handles login with AJAX compared to regular implementation where login requires a page load and the following page includes customer tagging.

nostojs(api => {
  api.customer({
    email: "jane.doe@example.com",
    first_name: "Jane",
    last_name: "Doe",
    marketing_permission: true,
    customer_reference: "5e3d4a9c-cf58-11ea-87d0-0242ac130003"
  })
});