Vous souhaitez ajouter votre prise de rendez-vous sur votre site internet ? SmartAgenda vous explique comment paramétrer le widget d’intégration pour l’insérer sur votre site.
Comment intégrer mon agenda en quelque clic sur mon site internet ?
Grâce au widget d’intégration vous allez pouvoir ajouter votre agenda sur votre site internet en quelques minutes seulement. Cette possibilité vous donnera la capacité d’offrir à vos clients une solution complète et pratique, et pourront réserver en ligne en toute simplicité.
Pour intégrer votre agenda sur votre site internet, il suffit :
- Aller dans Réglages
- Vous retrouvez : Proposer la prise de rendez-vous en ligne directement sur votre site Internet
- Cliquer sur Accéder au Widget
- Puis le copier
Il faut ensuite aller dans l’éditeur de votre site internet pour coller le widget.
Comment paramétrer mon widget d’intégration ?
Liste des paramètres disponibles :
| Nom du paramètre | Explication | Valeur attendue |
| affrdv | Affiche directement l’onglet de prise de rendez-vous | true ou false |
| contenu | Affiche l’onglet d’accueil | true ou false |
| entete | Affiche l’en-tête : logo / titre / adresse | true ou false |
| footer | Affiche le pied de page | true ou false |
| bandeau | Affiche le bandeau de connexion | true ou false |
| infosimportantes | Affiche l’info importante | true ou false |
| logo | Affiche votre logo | true ou false |
| photo | Affiche la galerie d’image | true ou false |
| presta | Saisissez l’id de la prestation que vous souhaitez afficher directement lors de la prise de rendez-vous. Ce paramètre permet de prendre rendez-vous directement pour une prestation souhaitée. | ID de la prestation |
| prestasaffichees | Saisissez l’id des prestations que vous souhaitez afficher directement lors de la prise de rendez-vous. Ce paramètre permet de filtrer les prestations de votre choix parmi la liste complète proposée. | ID des prestations (séparé par des virgules) |
| categ | Saisissez l’id de la catégorie de prestation que vous souhaitez afficher directement lors de la prise de rendez-vous. Ce paramètre permet de prendre rendez-vous directement pour une catégorie de prestations souhaitée. | ID de la catégorie |
| employe | Saisissez l’ID de l’utilisateur que vous souhaitez afficher directement lors de la prise de rendez-vous. Ce paramètre permet de prendre rendez-vous directement avec l’utilisateur concerné. | ID de l’agenda |
| groupement | Saisissez l’id du groupement d’agenda que vous souhaitez afficher directement lors de la prise de rendez-vous. Ce paramètre permet de prendre rendez-vous directement avec un groupement d’agenda souhaité. | ID du groupement |
| ins_civilite (1) | Remplissage automatique du champ Civilité | M ou F |
| ins_mail (1) | Remplissage automatique du champ Mail | Adresse mail |
| ins_nom (1) | Remplissage automatique du champ Nom | Texte |
| ins_prenom (1) | Remplissage automatique du champ Prénom | Texte |
| ins_portable (1) | Remplissage automatique du champ Portable | Numéro de téléphone |
| langue (1) | Permet de choisir la langue utilisée pour la réservation en ligne (le multi langue doit être activé sur votre agenda) | Code pays (ex : fr, uk, es, etc…) |
| tkaction (1) | Code unique permettant de sélectionner et vérrouiller la réservation pour une catégorie de prestation, une prestation, un utilisateur, un utilisateur et une prestation donnée. | Nous contacter |
| utm_c4 à utm_c10 (1) | Permet d’ajouter dans les paramètres un ou plusieurs codes de suivi pour identifier la source d’un rendez-vous | Texte |
(1) Ces paramètres sont à saisir dans les paramètres complémentaires à passer dans le champs get du widget. Si vous utilisez plusieurs paramètres, il faut concaténer les paramètres.
Exemple : pour passer les valeurs du nom et du prénom du client :
<code>get : "ins_prenom=John&ins_nom=DOE"</code>
Exemple de widget de prise de rendez-vous :
<code><script src="<strong>https://www.smartagenda.fr/pro/nomagenda/smartwidget.js</strong>" type="text javascript"></script>
<script>
window.onload = function(){
var options = {
contenu : false,
entete : true,
footer : true,
bandeau : false,
infosimportantes : true,
logo : true,
photo : false,
presta : 5, // <strong><em>ne pas mettre cette ligne si valeur passée dans l’url ou si le choix est effectué par l’internaute</em></strong>
categ : 5, // <strong><em>ne pas mettre cette ligne si valeur passée dans l’url ou si le choix est effectué par l’internaute</em></strong>
employe : 5, // <strong><em>ne pas mettre cette ligne si valeur passée dans l’url ou si le choix est effectué par l’internaute</em></strong>
affrdv : true,
get : "" <strong><em>// paramètres complémentaires à passer</em></strong>
};
var smartwidget = new SMARTAGENDAwidget(
'smart-container',
'<strong>https://www.smartagenda.fr/pro/nomagenda/</strong>',
options
);
smartwidget.render();
};
</script></code>
Remarque : pour faciliter la mise en place, on peut passer les valeurs de la prestation et de l’agenda en paramètre de l’url, par exemple :
<code>https://www.nom-du-site.com/rdv-internet/?presta=1&agenda=5</code>
Ainsi la procédure de mise en place est la suivante :
- Créer une page, par exemple «rdv-internet.html» qui contient le widget mais sans mettre les lignes « presta :» et «employe :» (on peut tout mettre dans le )
- Si vous souhaitez charger directement les disponibilités d’une prestation et/ou d’un agenda alors : sur chaque page du site concernée placer un bouton «prendre rdv» quipointe vers rdv-internet.html?presta=xx&agenda=xx
- Sinon appeler la page «rdv-internet.html» sans passer plus de paramètre particulier
Restez informé


