Ajouter un widget de prise de rendez-vous sur votre site internet.

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. […]

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 :

  1. Aller dans Réglages
  2. Vous retrouvez : Proposer la prise de rendez-vous en ligne directement sur votre site Internet
  3. Cliquer sur Accéder au Widget
  4. 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ètreExplicationValeur attendue
affrdv Affiche directement l’onglet de prise de rendez-voustrue ou  false
contenuAffiche l’onglet d’accueiltrue ou false
enteteAffiche l’en-tête : logo / titre / adressetrue ou false
footerAffiche le pied de pagetrue ou false
bandeauAffiche le bandeau de connexiontrue ou false
infosimportantesAffiche l’info importantetrue ou false
logoAffiche votre logotrue ou false
photoAffiche la galerie d’imagetrue 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 MailAdresse mail
ins_nom (1) Remplissage automatique du champ NomTexte
ins_prenom (1) Remplissage automatique du champ PrénomTexte
ins_portable (1)Remplissage automatique du champ PortableNumé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-vousTexte

(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é

Suivez-nous sur les réseaux

controleok