En intégrant Catermonkey à votre site web, vous transformez celui-ci en une machine dynamique. Vous pouvez créer des widgets sous forme de formulaire de contact, d'indicateur de devis ou de boutique en ligne afin que les clients puissent immédiatement demander un devis ou passer une commande.
Regardez la courte vidéo explicative et poursuivez votre lecture pour plus d'informations.
Termes techniques
Tout d'abord, quelques termes techniques, pour plus de clarté :
Code - pour connecter Catermonkey à votre site, celui-ci doit être équipé d'un petit bout de code informatique. Vous devez le coller une seule fois dans votre site (voir « instructions d'installation »). (Voir éventuellement le conseil tout en bas de cet article)
Widget - chez Catermonkey, c'est ainsi que nous appelons une page de commande/demande que vous créez sur votre site web. Il peut s'agir, par exemple, d'une page pour les formules barbecue, d'une page pour les buffets ou d'un module de composition de formules mariage, mais aussi d'un formulaire de contact. Vous pouvez facilement créer vous-même des widgets dans Catermonkey sur la page widgets du site web, et le code ci-dessus garantit qu'ils s'affichent au bon endroit sur votre site web.
Instructions
En haut à droite du widget, cliquez sur le bouton « Connecter à votre site web ».
Vous trouverez le code sous « Instructions d'installation ».
(Le code est personnalisé pour votre compte, le code ci-dessus est un exemple)
Copiez et collez le code dans un bloc HTML/Code de votre site web, sur chaque page où vous souhaitez afficher un widget.
Votre développeur web devra peut-être vous aider, mais s'il s'agit d'un site Wordpress ou d'un autre CMS, vous pouvez également le faire vous-même. En cas de doute, consultez votre webmaster.
Créer des widgets dans Catermonkey
Dans l'article ci-dessous, vous trouverez les instructions pour créer un widget dans Catermonkey.
Options avancées
Code du widget en anglais ou en français
Il est possible de faire traduire automatiquement la base du widget (formulaire de contact, date/heure et nombre de personnes) en anglais ou en français. Pour ce faire, ajoutez la langue souhaitée dans le code du widget.
Pour l'anglais, ajoutez : « lang » : « en » (après le « token » dans votre code widget d'origine).
Et pour le français, voici l'ajout : « lang » : « fr » (après le « token » dans votre code widget original)
Codes couleur et CSS
Les options suivantes nécessitent des connaissances (limitées) en CSS et en codes couleur. Votre développeur web saura probablement vous aider, mais n'hésitez pas à nous contacter si vous avez des questions !
Si vous souhaitez modifier l'apparence des widgets de la boutique, vous pouvez le faire via CSS. Tous les codes HTML des widgets sont dotés de noms de classe HTML logiques, commençant tous par « cm-.... ». Inspectez les widgets pour voir comment ces noms de classe sont nommés. Vous pouvez ainsi régler des éléments tels que les couleurs, les bordures, les ombres et les polices.
Une méthode un peu plus simple consiste à étendre le code Catermonkey et à y définir un certain nombre de paramètres, tels que les couleurs (voir le code ci-dessous).
Quatre couleurs et quatre couleurs d'arrière-plan sont disponibles. Si vous ne les indiquez pas, Catermonkey choisira un ensemble de couleurs par défaut.
NB : d'autres options seront peut-être ajoutées à l'avenir, alors n'hésitez pas à consulter cette page de temps en temps.
Si vous avez des questions à ce sujet, n'hésitez pas à nous contacter !
Cordialement,
L'équipe Catermonkey 🍌