Comment intégrer Madate sur Wordpress ?

Votre site Internet a été réalisé avec l'outil de création de site web Wordpress ? Vous souhaitez que vos clients puissent programmer un rendez-vous en ligne selon leurs préférences ? Notre outil s'implémente facilement sur votre CMS en ligne en seulement quelques clics. Pour intégrer l'outil sur votre site Internet, le seul pré-requis consiste à être administrateur de son site et d'avoir un accès au code source de vos pages web.

Découvrir Madate

 

 
 

Pré-requis :

Avoir accès aux pages web de votre site Internet

 

Droit d'accès :

Administrateur

 

Difficulté :

Moyenne

 

 

Ajouter le code d'intégration Madate sur Worpress 

Afin d'intégrer Madate sur votre site Internet, il est nécessaire d'effectuer quelques manipulations afin de bénéficier de la puissance de l'outil. Pour cela, connectez-vous sur le manager de votre compte entreprise Madate, puis cliquez sur "Paramètres". Afin de récupérer le code d'intégration, cliquez sur l'onglet "Intégrations" et copiez le code généré par l'outil. 

Code intégration Madate

Personnalisation thème Wordpress

Connectez vous sur l'outil de création de site Internet Wordpress en renseignant vos identifiants de connexion. Lorsque vous êtes arrivés sur votre tableau de bord d'édition, à partir du menu vertical à gauche de votre écran, cliquez sur l'onglet "Appearance" puis "Theme editor" pour accéder à la personnalisation du thème de votre site web.

Une liste de pages à droite de votre écran s'affiche, il s'agit de toutes les pages qui permettent le bon fonctionnement de votre site Internet. Cliquez sur le fichier PHP "Theme Header", pour accéder au fichier permettant la modification entière de votre site

Fichier modification site Wordpress

Code d'intégration Madate sur Wordpress

Copiez le code d'intégration généré sur la solution Madate et collez ce code à l'intérieur de la balise Head de votre page header.php.

Intégrez le code javascript spécifique à la solution de prise de rendez-vous en ligne (visible dans les paramètres de votre compte Madate dans la section "Intégrations") dans la page du code source javascript global de votre site Internet. Vous pouvez également l'intégrer dans votre fichier header.php par l'intermédiaire d'une déclaration d'un script javascript. Puis enregistrez les modifications apportées sur le fichier code source global de votre site web.

 

Code javascript MadateIntégrer code javascript Madate sur site Wordpress

Bouton prendre rendez-vous sur site Wordpress

Une fois que votre script est installé sur votre fichier source, copiez le code HTML du bouton avec la class associée. Ce code est présent dans votre manager Madate dans la section "Intégrations" depuis les paramètres de votre compte. Collez le code à l'intérieur de la page sur laquelle vous désirez proposer la prise de rendez-vous en ligne. Puis, enregistrez vos modifications apportées à cette page.

En cliquant sur le bouton "Prendre un rendez-vous", une pop-up Madate s'affiche sur votre écran. Vos clients peuvent ainsi désormais prendre un rendez-vous en ligne, directement sur votre site Internet. Pour aller plus loin, vous avez la possibilité de personnaliser le bouton de prise de rendez-vous sur votre page web, afin que celui-ci s'adapte à la charte graphique de votre marque.

Prise de rendez-vous sur Wordpress

Autre question ? Contactez le support :

Contacter support Madate

Contacter le support

 

Les tutoriels disponibles :