Intégration du module LOCLINGE

1 / Lien vers LOCLINGE

Cette intégration très simple permet à n'importe quel site partenaire d'intégrer un lien vers LOCLINGE

2 étapes

  1. Ajouter le code à votre page
  2. <a title="LOCLINGE : location de linge pour les vacances, livraison à domicile"
        href="https://www.loclinge.com?promo=MON_CODE_PROMO">
    Commander avec LOCLINGE
    </a>

Rendu final

Avantages Inconvénients
  • Intégration très simple
  • Vous maitriser le style du bouton
  • Vous pouvez ajouter votre code promotion
  • Le client est redirigé vers le site loclinge

2 / Lien avec code postal et dates connues

Prérequis : Pour ce type d'intégration, nous devons autoriser votre nom de domaine sur lequel le composant sera intégré. Contactez-nous à info@loclinge.com.

Dans certain cas, les dates de réservations ainsi que le code postal peuvent être connues par le site partenaire. Par exemple, sur un site de réservation de séjours, le code postal de la maison est souvent connu, et les dates sont demandées au client.

Si LOCLINGE est présent sur le secteur ( avec un code postal connu de LOCLINGE ), alors l'utilisateur sera redirigé vers le site de commande de LOCLINGE sans avoir à resaisir les dates et le code postal.

5 étapes

  1. Pour que le module fonctionne correctement sur téléphone mobile, la balise meta suivante est nécessaire :
  2. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  3. Ajouter un lien vers la police Google Material Icons
  4. <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
  5. Intégrer le code javascript
  6. <script src="https://www.loclinge.com/web-components/loclinge-elements.1.0.6.min.js" defer></script>
  7. Intégrer le code suivant dans votre code HTML
  8. <loc-linge-link zip-code="17880" delivery-date="2022-06-21" collecting-date="2022-06-27">
    Commander avec LOCLINGE pour LES PORTES EN RÉ ( 17880 ) du 21 Juin au 27 Juin
    </loc-linge-link>
  9. Nous conseillons d'ajouter ce style à votre page HTML pour correspondre au rendu LOCLINGE
  10. loc-linge-link {{
          color: white; /* couleur du texte */
          --secondary: #FF7B53; /* couleur de fond du bouton */
          --secondary-dark: #e36540; /* couleur de fond du bouton en survol */
    }
      
Avantages Inconvénients
  • Intégration très simple
  • Le lien peut être contenu dans une "iframe" afin que le client reste sur votre site web visuellement
  • Le client peut paramétrer sa commande de linge précisément.
  • Le client doit effectuer 2 paiements au cours de sa réservation de séjour.

Rendu final

Commander avec LOCLINGE pour LES PORTES EN RÉ ( 17880 ) du 21 Juin au 27 Juin

3 / Intégration plus poussée : Sélecteur de ville et dates de séjours

Prérequis : Pour ce type d'intégration, nous devons autoriser votre nom de domaine sur lequel le composant sera intégré. Contactez-nous à info@loclinge.com.

Cette intégration a pour but de simplifier le passage de commande de linge pour le client final sur un site internet partenaire

Le composant permet au client de sélectionner sa ville ou son code postal ainsi que ces dates de séjours. Le bouton "Afficher les produits et les tarifs" redirigera l'utilisateur vers le site de commande LOCLINGE afin qu'il puisse finaliser et payer sa commande sur le site https://www.loclinge.com.

5 étapes

  1. Pour que le module fonctionne correctement sur téléphone mobile, la balise meta suivante est nécessaire :
  2. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  3. Ajouter un lien vers la police Google Material Icons
  4. <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
  5. Optionnel : Ajouter le style suivant à la racine du document html
  6. <style type="text/css">
          .highlighted {{
            font-weight: bold;
          }
      </style>
  7. Intégrer le code javascript
  8. <script src="https://www.loclinge.com/web-components/loclinge-elements.1.0.6.min.js" defer></script>
  9. Intégrer le code suivant dans votre code HTML
  10. <loc-zone-dates-selector
          api-url="https://www.loclinge.com/api/public"
          command-url="https://www.loclinge.com/command/#/"
          promo="mon_code_promo"
          address="Mon adresse postale">
      </loc-zone-dates-selector>

Rendu final

Avantages Inconvénients
  • Intégration très simple
  • Le lien peut être contenu dans une "iframe" afin que le client reste sur votre site web visuellement
  • Le client peut paramétrer sa commande de linge précisément.
  • Le client doit effectuer 2 paiements au cours de sa réservation de séjour.

4 / IFrame module commande linge

Prérequis : Pour ce type d'intégration, nous devons autoriser votre nom de domaine sur lequel le composant sera intégré. Contactez-nous à info@loclinge.com.
<iframe
      src="https://www.loclinge.com/external-integration"
      ></iframe>

Rendu final

5 / IFrame module commande linge

Prérequis : Pour ce type d'intégration, nous devons autoriser votre nom de domaine sur lequel le composant sera intégré. Contactez-nous à info@loclinge.com.

Si vous connaissez le code postal, la ville ainsi que les dates de réservations du client, vous pouvez intégrer l'iframe du module de commande avec le paramétrage

<iframe
      src="https://www.loclinge.com/command/#?zip_code=17880&city=LES%20PORTES%20EN%20RÉ&delivery_date=20230516&collecting_date=20230519"
      ></iframe>

Rendu final

6 / Intégration tierce : solution option "linge fourni"

Prérequis : Pour ce type d'intégration, nous devons autoriser votre nom de domaine sur lequel le composant sera intégré. Contactez-nous à info@loclinge.com.

Le client réserve directement son séjour via votre site web.

Vous identifiez les commandes pour lesquelles le client a choisi l'option "linge fourni" et vous les rendez disponible avec les dates de réservations via un calendrier public au format ICAL que vous hébergez.

La synchronisation, paramétrage de votre calendrier associé à une commande type côté Loclinge, déclenche une commande Loclinge.

Avantages Inconvénients
  • Parcours client très simple
  • 1 seul paiement à effectuer.
  • Pas de possibilité d'affiner la commande de linge.
  • Un peu de travail technique de votre côté.
  • Du paramétrage côté Loclinge.