Passer au contenu principal

La base - Créer un widget !

Comment créer un widget et quelles sont les options disponibles ?

Luna van Dijk avatar
Écrit par Luna van Dijk
Mis à jour il y a plus de 3 semaines

Cet article vous explique les bases de la création d'un widget.

Vous souhaitez obtenir plus d'informations à ce sujet ou réfléchir avec l'un de nos collaborateurs à la meilleure façon de remplir votre widget ?


Où trouver les widgets ?

Si vous êtes déjà abonné à King Of The Online Jungle, vous trouverez l'option Widgets de site web dans votre menu. Vous n'avez pas encore souscrit à cette option ? Dans ce cas, vous trouverez ici comment stimuler vos ventes.


Créer un widget

Cliquez sur + Ajouter un nouveau widget en haut à droite de l'écran.

Vous pouvez ensuite choisir le type de widget que vous souhaitez créer :

Formulaire de contact : Il s'agit d'un formulaire de contact. Les clients peuvent y remplir leurs coordonnées et choisir une date. Lorsqu'ils envoient leur demande, vous recevez dans Catermonkey une commande vierge contenant toutes les informations nécessaires, vous évitant ainsi de devoir les remplir vous-même.

Formulaire de contact intelligent : il s'agit d'un formulaire de contact intelligent, que l'on pourrait également appeler « demande de concept ». Un formulaire de contact intelligent vous permet d'ajouter plusieurs concepts (par exemple : mariage, garden-party, barbecue...). Lorsque le client choisit un concept et remplit toutes ses coordonnées, vous pouvez, en tant que traiteur, lui envoyer un devis adapté, par exemple pour votre mariage préféré.

Indicateur de devis : il s'agit d'un outil de demande. Les clients peuvent composer leur propre fête et obtenir immédiatement une indication de prix. Vous recevez cette indication immédiatement après l'envoi de la demande remplie dans Catermonkey. Vous pouvez alors envoyer rapidement votre devis !

La manière dont vous configurez un widget détermine la façon dont vous l'utilisez. Vous pouvez ainsi utiliser les widgets de manière très flexible comme formulaire de contact, différents outils de demande ou boutique en ligne.


Modifier le nom et dupliquer un widget

Dans l'aperçu des widgets du site Web, cliquez sur le crayon pour modifier le nom du widget dans votre aperçu.

Cliquez ensuite sur la coche verte pour enregistrer le nom.

Vous pouvez facilement dupliquer un widget en cliquant sur le bouton vert Dupliquer.


Remplir un widget

Pour commencer

Chaque widget nécessite un formulaire de contact dans lequel le client peut remplir ses coordonnées. Vous pouvez l'ajouter en cliquant sur + Formulaire de contact.


Ajouter une nouvelle étape

Pour ajouter une nouvelle étape, cliquez sur + Ajouter une étape produit.


Remplir une étape

Titre, texte d'introduction et de conclusion

Commencez par donner un titre à l'étape. Vous pouvez ensuite remplir le texte d'introduction afin de fournir davantage d'informations au client.

Le texte de conclusion apparaît en bas dans l'étape du widget.


Affichage des prix, quantités minimales à sélectionner, paramètres de date

  • Afficher le champ « nombre de personnes » : demandez à votre client d'indiquer le nombre de personnes. Les produits sélectionnés seront toujours ajoutés en fonction de ce nombre.

  • Masquer les prix ? : vous souhaitez que le client ne voie pas les prix à cette étape ? Vous pouvez alors masquer les prix. Pratique pour une demande sans engagement et sans indication de prix

  • Afficher le champ « date de l'événement » / Afficher le champ « fin de l'événement » : à chaque étape, vous pouvez indiquer si vous souhaitez que le client remplisse la date.

  • Afficher les prix TVA comprise / Afficher les prix hors TVA : affichez les prix TVA comprise ou hors TVA. Pratique si vous créez différents widgets pour les clients professionnels ou particuliers.

  • Afficher le champ « Quantité » pour le produit : le client peut alors indiquer lui-même une quantité pour un produit au lieu que celle-ci soit basée sur le nombre de personnes.

  • Nombre minimum à choisir / Nombre maximum à choisir : concerne le nombre de choix que le client peut faire à chaque étape. Le client ne peut choisir qu'un seul des trois produits proposés ? Indiquez alors un minimum de 1 et un maximum de 1.

ATTENTION ! : Les champs « Nombre de personnes » et « Quantité » affichés avec le produit ne fonctionnent PAS ensemble.


Produits que les consommateurs peuvent choisir

Recherchez facilement un produit ou un pack dans votre assortiment Catermonkey sous Ajouter un produit. En cliquant dessus, vous ajoutez le produit à l'étape.


Enregistrer une étape (modifications)

Une fois que vous avez rempli ou modifié une étape, vous devez cliquer sur « Enregistrer les modifications » en haut à droite de l'écran.

Ce n'est qu'alors que les modifications seront appliquées. Si un widget figure déjà sur votre site web, il sera automatiquement modifié en fonction des changements que vous enregistrez dans Catermonkey.


Le formulaire de contact

Il s'agit toujours de la dernière étape, au cours de laquelle le client remplit ses données personnelles. Vous pouvez déterminer vous-même les champs à remplir.

La date de l'événement, l'adresse e-mail et le nom de famille du client sont toujours des champs obligatoires pour pouvoir enregistrer la demande/commande dans Catermonkey.

  • Ajouter un champ au formulaire : vous pouvez ajouter des champs supplémentaires au formulaire de contact en cliquant sur Sélectionner pour ajouter. Pour chaque champ, vous pouvez cocher s'il s'agit d'un champ obligatoire ou non.

    Conseil : le champ « Commande - champ libre » vous permet de demander au client des informations supplémentaires pour lesquelles il n'existe pas de champ à remplir dans Catermonkey. Ces informations apparaissent avec la question ou le titre que vous avez donné au champ à remplir sous « Remarque du client » dans la commande (Agenda).


Définissez ce qui se passe lorsque la demande est reçue

Vous définissez cela dans la dernière étape : le formulaire de contact.

  • Sélectionnez le modèle de confirmation de réception : le client reçoit cet e-mail immédiatement / automatiquement après avoir finalisé sa demande ou sa commande dans le widget. Vous pouvez créer un modèle d'e-mail à cet effet dans Paramètres > Devis, e-mail et marques > Modèles d'e-mail. Découvrez ici comment créer un modèle d'e-mail :


Aperçu du widget

L'aperçu du widget vous montre à quoi ressemblera approximativement le widget sur votre site web. Vous pouvez également y régler les couleurs, les angles et l'ombre du widget. Ceci est identique pour l'ensemble du widget (chaque étape).

Une fois le widget connecté, il sera bien sûr encore plus esthétique et s'intégrera parfaitement au style de votre site web.

Couleur 1 = Couleur du texte principal

Couleur 2 = Couleur du texte dans les boutons

Couleur d'arrière-plan 1 = Couleur du widget

Couleur d'arrière-plan 2 = Couleur des boutons dans le widget


Paramètres de ce widget

Une fois que vous avez effectué et saisi toutes vos étapes, vous pouvez encore définir quelques paramètres finaux dans le widget.

Description de votre entreprise

Paramètres du site web

La barre d'adresse correspond à l'URL de la page web sur laquelle le widget doit finalement apparaître. Vous devrez toujours activer le widget dans Catermonkey avant qu'il ne soit visible sur votre site web.

  • Afficher les titres à côté des boutons des étapes : par défaut, les étapes sont numérotées. Mais vous pouvez également les renommer « réception », « plat » ou « dessert ». Pour ce faire, cochez cette option. Vous pouvez ensuite modifier le titre de l'étape à l'aide du crayon dans les étapes que vos clients doivent suivre.

  • Masquer les numéros des étapes : ce paramètre vous permet également de masquer les numéros des étapes (1. réception, 2. repas...).


Délai de commande, délais de livraison, périodes de fermeture

  • Jours minimum à l'avance pour passer une commande : nombre minimum de jours à l'avance pendant lesquels un client peut passer une commande.

  • Heures d'ouverture entre : il s'agit d'un paramètre permettant d'ouvrir les heures pour l'heure de début d'une demande/commande. HH correspond à l'heure, MM aux minutes. La ligne supérieure correspond à la première heure, la ligne inférieure à la deuxième heure. En dessous, vous pouvez choisir si, pendant les heures d'ouverture, cela doit être visible toutes les heures, toutes les demi-heures ou tous les quarts d'heure.

  • Heure jusqu'à laquelle les clients peuvent commander/demander : fonctionne avec le paramètre « Demandes/commandes au moins X jours à l'avance » et indique l'heure jusqu'à laquelle les clients peuvent commander/demander le dernier jour.


Frais de livraison (pour les livraisons)

Vous pouvez ajouter des frais de livraison fixes dans le widget. Pour ce faire, créez d'abord des frais de livraison pour les produits non alimentaires dans la gamme, puis associez-les dans le widget sous « Frais de livraison du produit ».

La zone de livraison indiquée à l'aide des codes postaux empêche les clients situés en dehors de votre zone de livraison de passer commande.


Modes de paiement et codes de réduction

Si vous utilisez le widget comme outil de demande, ne cochez aucune case ici. Le client pourra alors faire une demande via le widget, sans paiement préalable.

Pour permettre aux clients de commander et de payer directement (comme dans une boutique en ligne), vous pouvez cocher les paiements Ideal/Bancontact via le lien Mollie. Pour le lien Mollie, vous devez disposer d'un compte chez Mollie et le relier d'abord à votre compte Catermonkey (Liens & Intégrations).


Aperçu de la demande/commande (panier)

Il s'agit d'une sorte de panier dans lequel le client peut voir ce qui a été ajouté à la demande ou à la commande. Vous pouvez modifier le texte de cet aperçu et le texte du bouton ici :

  • Texte sur le bouton dans l'aperçu pour finaliser la commande/demande : par défaut, il est indiqué « Finaliser la demande ». Vous pouvez le modifier, par exemple en « Finaliser la commande » ou « Finaliser la réservation ».

  • Titre dans l'aperçu de la demande/commande : par défaut, il est indiqué « Ma fête ». Vous pouvez le renommer, par exemple en « Ma commande » ou « Mon devis ».


Aujourd'hui, les clients veulent obtenir une estimation de prix le plus rapidement possible ! Grâce aux widgets, c'est facile et rapide.

Si vous avez des questions à ce sujet, n'hésitez pas à nous contacter !

Cordialement,

L'équipe Catermonkey 🍌


Avez-vous trouvé la réponse à votre question ?