Marque blanche

Vous allez pouvoir intégrer le module de prise de RDV en ligne de Kalendes directement sur votre site Web comme ceci :

Le script à intégrer

Il suffit d'intégrer ce script sur la ou les pages de votre site web :

<script>
window.kalendes = {
     // votre host Kalendes (xxx.kalendes.com)
     host:"host", 
     // Afficher les boutons Achat d'un produit, d'une prestation, d'une carte cadeau
     buttons:{
         buy:0, 
         reserve:0, 
         gift:0, 
         buyReserve:0
     }, 
     // Mode d'affichage en ligne (SIMPLE) ou par famille (SIMPLE2)
     displayMode:'SIMPLE', 
     // Page à afficher au lancement (buy, reserve, gift,buy_reserve)
     pageAtStart:'reserve',
     // Function déclenchée lorsqu'une commande est validée (Ex: intégration avec le pixel google ou facebook)
     onBookingConfirmed: function(commande){
           //console.log(commande);
     }
}
</script>
<script src="https://www.kalendes.com/site/scripts/widget.js" type="text/javascript"></script>
<div id="kalendes-widget-container"></div>

// vous pouvez commander le widget depuis votre propre code
<script>
     // Ouvrir une page : buy, reserve, gift, buy_reserve, account, promo
     kalendes.goTo("page","reserve");
     // Positionner sur une famille
     kalendes.goTo("famille",441161);
     // Positionner sur un article
     kalendes.goTo("article",2102547);
</script>

Remplacez la variable "host" par votre adresse Kalendes que vous trouvez dans votre logiciel ici :

Les options à afficher

Vous pouvez paramétrer le mode d'affichage grâce à la variable "displayMode", soit en liste ('SIMPLE') soit en mode catégorie ('SIMPLE2').
Vous pouvez aussi définir le module à afficher au démarrage : prise de RDV en ligne ('reserve'), bon cadeau en ligne ('gift') ou boutique en ligne ('buy') grâce à la variable "pageAtStart".
Ensuite vous avez le choix dans les boutons à afficher : reserve = "Réserver", buy = "Acheter" (boutique en ligne), gift = "Offrir" (Bon cadeau en ligne). Mettez un 1 en face des boutons souhaités.

Le design à adapter

Vous pouvez adapter le design à votre charte graphique en surchargeant les classes de style.

Pour le module de prise de RDV en ligne

Insérez les balises entre les 2 balises :

<script>
window.kalendes = {
            host:"ausalondejulie",
            buttons:{
                buy:0,
                reserve:0,
                gift:0,
                buyReserve:0
            },
            displayMode:'SIMPLE2',
            pageAtStart:'reserve'
        }
</script>
<style>
  .kalendes-button{background-color:#dd3333 !important}
  .root-item{color: #dd3333 !important;}
  .booking-famille-box-libelle{background-color:#dd3333 !important}
  #site-category-row{border-color: #dd3333 !important;}
  #site-search-bar-mobile{background-color:#f4eae4 !important}
  #site-search-bar-mobile .mobile-search-input input{background:#f4eae4 !important}
  #site-search-bar-mobile md-icon{color:white !important}
</style>
<script src="https://www.kalendes.com/site/scripts/widget.js" type="text/javascript"></script>
<div id="kalendes-widget-container"></div>

Pour le module d'achat de bon cadeau en ligne

De même, insérez les balises entre les 2 balises :

<script>
window.kalendes = {
            host:"stcosmetiquesmontsoreau",
            buttons:{
                buy:0,
                reserve:0,
                gift:0,
                buyReserve:0
            },
                    displayMode:'SIMPLE2',
            pageAtStart:'gift'
        }
</script>
<style>
  .kalendes-button{background-color:#AD9122 !important;color:white !important}
  .kalendes-button.bordered.primary.bg-white{color:#9FB393 !important;border-color:#9FB393 !important}
  .root-item {color: #AD9122 !important;}
  .booking-famille-box-libelle{background-color:#AD9122 !important}
  .gift-card-options-bottom{background-color:#AD9122 !important}
  .header-number{border-color:#AD9122 !important;color:#AD9122 !important}
  .sous-titre{color:#AD9122 !important}
  #gift-card-footer{background:#AD9122 !important}
</style>
<script src="https://www.kalendes.com/site/scripts/widget.js" type="text/javascript"></script>
<div id="kalendes-widget-container"></div>

Pour ouvrir la marque blanche sur une catégorie spécifique

Ajoutez un paramètre idFamille=* sur le bouton "Prendre RDV" de votre site et faites arriver sur la marque blanche en ayant ajouté le script :

<script>
var goToFamille = function(){
    if (!(window.kalendes && window.kalendes.goTo)){
        setTimeout(function(){
            goToFamille();
        },500);
        return;
    }
    // console.log(document.location.href);
    var idFamille;
    try{
        idFamille = document.location.href.split('idFamille=')[1];
    } 
    catch(err){}
    if (idFamille){window.kalendes.goTo("famille",idFamille);}
}
goToFamille();
</script>

Pour récupérer l'idFamille (* à remplacer), allez dans le logiciel Kalendes Paramètres avancées > Rubrique "Promotions" > Liens externes. Tous les idFamille seront indiqués.

Pour ouvrir la marque blanche sur une prestation spécifique

Ajoutez un paramètre idArticle=* sur le bouton "Prendre RDV" de votre site et faites arriver sur la marque blanche en ayant ajouté le script :

<script>
var goToArticle = function(){
    // console.log("IN");
    if (!(window.kalendes && window.kalendes.goTo)){
        setTimeout(function(){
            goToArticle();
        },500);
        return;
    }
    // console.log(document.location.href);
    var idArticle;
    try{
        idArticle = document.location.href.split('idArticle=')[1];
    } 
    catch(err){}
    if (idArticle){window.kalendes.goTo("article",idArticle);}
    var searchParams = new URLSearchParams(window.location.search);
    if (!searchParams.has('idArticle')){return;}
    window.kalendes.goTo("article",searchParams.get('idArticle'))
}
goToArticle();
</script>

Pour récupérer l'idArticle (* à remplacer), allez dans le logiciel Kalendes Paramètres avancées > Rubrique "Promotions" > Liens externes. Tous les idArticle seront indiqués.

Tracking

Vous pouvez récupérer l'évènement de prise de RDV d'un consommateur. Cela vous permet par exemple de connaitre le retour sur investissement des publicités que vous faites sur votre propre site Internet. Vous saurez ainsi si vos publicités se transforment en RDV dans votre Agenda.

Pour ce faire, utilisez l'évènement onBookingConfirmed qui vous renvoie le RDV (Objet commande) pris par votre consommateur et que vous pouvez manipuler directement sur votre site.

<script>
window.kalendes = {
            host:"cadillacbarber-julien",
            buttons:{
                buy:0,
                reserve:0,
                gift:0,
                buyReserve:0
            },
            displayMode:'SIMPLE',
            pageAtStart:'reserve',
            onBookingConfirmed:function(commande){console.log(commande);}
        }
</script>
<script src="https://www.kalendes.com/site/scripts/widget.js" type="text/javascript"></script>
<div id="kalendes-widget-container"></div>

Nous vous invitons à déléguer cette mise en place à votre webmaster ou à Kalendes si vous n'avez pas de webmaster.

Voici quelques exemples de sites avec l’intégration de la marque blanche :

-- Instituts
http://latelierdetentedannabelle.fr/ (RDV en ligne & Bon cadeau)
https://www.beaddict.fr/nos-prestations/
https://www.revesdebeaute.fr/
https://cbeautebienetre.com/ (RDV en ligne & Bon cadeau)
https://www.institut-quintessence-paris.com/ (RDV en ligne, Bon cadeau & e-Shop)
https://www.massagechamonix.com/ (RDV en ligne & Bon cadeau)
https://escale-coquette.com (RDV en ligne & Bon cadeau)
https://epiliz.fr/reserver (avec ouverture sur une famille spécifique)
https://aroma-spa-institut.fr/

-- Dermographes
https://alice-dermo-esthetic.fr/reserver-un-rdv
https://www.eyebrowbysevda.com/
https://www.dermoklinik.fr/tarifs-maquillage-permanent/

-- Coiffeurs
https://www.maisonbis.fr/reserver/
https://www.orythmeducheveu.com/reservation.html
https://jennyetpaola.com/ (2 boutiques)
https://pur-paris.com/ (2 boutiques)
https://5thavenue-coiffeurs.com/
https://lateliermargot.com/reservation/

-- Barbers
https://cadillacbarber.com/prendre-rendez-vous-barbers/ (3 barbers)
https://www.chophairandbarber.com/reserver.html

-- SPA
https://www.spaduboutdumonde.com/reservations
https://pralognan.resa-aquice.fr/nos-soins/
https://www.lestresoms.com/fr/page/montspa-reservez-votre-soin.20187.html
https://www.domainedetremagouet.com/fr/kabuki-spa-institut/spa
https://www.lorientespace.fr

-- Bien-Être
https://www.neoden.fr/ (RDV en ligne & Bon cadeau)
https://feez.fr/reservation/ (RDV en ligne & Bon cadeau)
https://evasionbabyspa.fr/ (RDV en ligne & Bon cadeau)
https://www.bababouchka.com/
https://luminecla.fr/
https://mybigbang-cotesdarmor.fr/soins-esthetiques/linstitut-par-my-big-bang-langueux (4 salons)

Mis à jour le : 25/03/2025