Installation overview

Product Fruits installation is simple, but there are a few things you must do in order to make sure it's implemented properly. Let's take a deeper look at the basic principles of Product Fruits. 

General information

Identifying users

You must identify the current user - that is to say the user that is currently logged in to your application. You can also choose to pass additional properties that can be used for better segmentation.

Read more on this here.

Content Security Policies

If your application enforces Content Security Policies (CSP), make sure you enable our domains.

Installation instructions

React and NextJS applications

Product Fruits can be integrated with React and NextJS applications. We provide our NPM component, which is easy to use. It handles all common use cases.

See our guide for React and NextJS applications.

NPM package

You can use our NPM package, see this article for instructions.

VueJS applications

If you use VueJS, check here.

Angular applications

If you use Angular, follow this.

Other web platforms - JavaScript snippet

If you use any other front-end framework, you can follow this guide. You'll have to insert a short JavaScript code snippet and that's it.

See our guide for web applications.

Google Tag manager

If you use Google Tag Manager (GTM), you can use it to install Product Fruits.

See our guide for Google Tag Manager