Version: 2.1.7

SDK Sline

Installation

Rajoutez la balise suivante à la fin de la section <head> de votre page:

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/sline-io/web-sdk@2.1/sline-sdk.min.js"></script>

Initialisation

A la fin de votre <body>, ajoutez la ligne suivante:

<script type="text/javascript">
    Sline.Initialize({
        retailer: retailerId,
        production: false,
        checkoutButton: {
          id: 'rent-btn',
          prefix: 'Louer à partir de ',
          suffix: '/mois',
          events: {
            customOnClickEvent: true
          }
        },
        durationSelector: {
            id: 'period-selector'
        }
      });
</script>

Configuration

Options principales

Paramètre	Type	Description	Obligatoire
retailer	String	Identifiant du marchand	Oui
production	Boolean	Mettre à true si vous êtes en production, sinon à false	Oui
checkoutButton	Object	Voir les options du checkoutButton plus bas	Oui
durationSelector	Object	Voir les options du durationSelector plus bas	Non

Configuration du CheckoutButton

Paramètre	Type	Description	Obligatoire
id	String	Identifiant du bouton	Oui
prefix	String	Texte qui apparaîtra avant le prix dans le bouton	Non
suffix	String	Texte qui apparaîtra après le prix dans le bouton	Non
events	Object	Voir la configuration des évènements du checkoutButton	Non

Configuration du CheckoutButton.Events

Paramètre	Type	Description	Obligatoire
customOnClickEvent	Boolean	Mettre à true si vous écoutez des évènements sur le click du bouton de checkout	Non

Configuration du DurationSelector

Paramètre	Type	Description	Obligatoire
id	String	Identifiant du selecteur de durée	Non

Variables accessibles

Cart

Contient la liste des produits et les quantités associées

Sline.cart: {product, quantity}[]

Durations

Contient la liste des différentes durées de locations disponibles (en mois). La valeur -1 représente un location sans engagement

Sline.durations: number[]

Prices

Contient la liste des produits et les prix associés en fonction de la durée de location

Sline.prices: Object

Voici un exemple de prix:

{
    produit1: {
        durée1: {
            firstInstalmentPrice: {amount: 20000, currency: 'EUR'}
            otherInstalmentPrice: {amount: 5000, currency: 'EUR'}
        },
        durée2: {
            firstInstalmentPrice: {amount: 25000, currency: 'EUR'}
            otherInstalmentPrice: {amount: 7000, currency: 'EUR'}
        }
    }
    produit2: {
        durée1: {
            firstInstalmentPrice: {amount: 20000, currency: 'EUR'}
            otherInstalmentPrice: {amount: 5000, currency: 'EUR'}
        },
        durée2: {
            firstInstalmentPrice: {amount: 25000, currency: 'EUR'}
            otherInstalmentPrice: {amount: 7000, currency: 'EUR'}
        }
    }
}

Méthodes

Voici les différentes méthodes disponibles via le SDK:

Initialize

Initialize doit être la première méthode que vous appelez pour configurer le SDK

Sline.Initialize(options)

ResetCart

ResetCart permet de vider complètement le panier actuel

Sline.ResetCart()

AddCart

Ajoute un produit dans le panier. Si le produit est déjà présent, la quantité passée en paramètre remplacera l'ancienne valeur

Sline.AddCart(item, quantity)

Paramètre	Type	Description	Obligatoire
item	string	Identifiant du produit	Oui
quantity	Number	Nombre d'exemplaires du produit à ajouter	Oui

UpdateCart

Ajoute un produit dans le panier. Si le produit est déjà présent, la quantité passée en paramètre remplacera l'ancienne valeur

Sline.UpdateCart(item, quantity)

Paramètre	Type	Description	Obligatoire
item	string	Identifiant du produit	Oui
quantity	Number	Nombre d'exemplaires du produit à ajouter	Oui

GetPriceForProductWithDuration

Retourne le prix (formatté avec la devise) pour un produit en fonction de la durée de location et de la quantité

Sline.GetPriceForProductWithDuration(item, quantity);

Paramètre	Type	Description	Obligatoire
elementId	String	ID du bouton déclencheur	Oui
title	String	Texte qui sera injecté dans le bouton, en préfixe de "X€/mois". Valeur par défaut: "Louer à partir de "	Non

Example

Produit	Prix de vente	Mensualité	Quantité	Total
iPhone 13 Pro Bleu 128 Go	1 159.00 €
Nintendo Switch	229.00 €

Louer

Installation​

Initialisation​

Configuration​

Options principales​

Configuration du CheckoutButton​

Configuration du CheckoutButton.Events​

Configuration du DurationSelector​

Variables accessibles​

Cart​

Durations​

Prices​

Méthodes​

Initialize​

ResetCart​

AddCart​

UpdateCart​

GetPriceForProductWithDuration​

Example​

iPhone 13 Pro Bleu 128 Go

Nintendo Switch