Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.

Créez des modules personnalisés à utiliser sur les modèles de devis

Dernière mise à jour: 25 août 2026

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Autorisations requises Les autorisations Super administrateur ou Gérer les modèles de devis sont requises pour créer et configurer des modèles de devis.

Créez des modules personnalisés pour les modèles de devis afin de personnaliser l’apparence, le contenu et la logique. Utilisez-les pour personnaliser les modèles de devis en fonction des besoins de votre entreprise.

Avant de commencer

Avant de commencer à travailler avec des modules personnalisés, comprenez les étapes à suivre à l’avance, ainsi que les limites de la fonctionnalité et les conséquences potentielles de son utilisation.

Compréhension des exigences

Si vous ne connaissez pas React, HTML, JavaScript et CSS, travaillez avec un développeur pour créer des modules personnalisés.

Limites et considérations

  • Il n’est pas possible de créer ou d’ajouter des modules codés personnalisés à un devis à l’aide de l’API. Les utilisateurs d’API peuvent sélectionner des modèles sur lesquels figurent des modules personnalisés.

  • Il n’existe qu’une seule zone de glisser-déposer. Les mises en page complexes, telles qu’un seul module en réserve pour l’ensemble du devis, ne sont pas prises en charge.

  • Vous devez utiliser le conteneur fixe du devis. Le HTML d’en-tête du site peut être mis à jour pour modifier la largeur de la zone de glisser-déposer.

  • Vous pouvez utiliser une CSS personnalisée pour masquer la barre d’état en haut des devis.

Cas d’utilisation courants

Les modules personnalisés permettent de personnaliser les modèles de devis de plusieurs façons. Découvrez les cas d’utilisation courants ci-dessous.

Créer un module de tableau des lignes de produits

Créez un tableau personnalisé des lignes de produits qui correspond aux besoins de votre entreprise. Par exemple :

  • Ajouter des sections : affichez les lignes de produit dans des sections en fonction de propriétés. Par exemple, des sections distinctes pour les produits et services ou les lignes de produits ponctuelles et récurrentes.

  • Module Totaux personnalisés : affichez un récapitulatif du devis ou des calculs personnalisés.

  • Afficher un échelonnement de facturation : créez un échelonnement basé sur les lignes de produits du devis.

  • Lignes de produits facultatives : Afficher les lignes de produits comme facultatif. Les acheteurs peuvent mettre à jour le montant du devis et de la transaction à l’aide de fonctions sans serveur .

  • Rampes : Affichez les changements de prix de la ligne de produit au fil du temps, conformément à un calendrier prédéfini. Par exemple, un produit coûte 5 000 $ la première année, 10 000 $ la deuxième année. Vous pouvez également appliquer une remise à une ligne de produit pendant les trois premiers mois avant qu’elle ne revienne au prix standard le quatrième mois.

    Remarque : Les modules codés personnalisés ne peuvent pas gérer les implications financières des rampes en dehors du respect des dates de début de facturation.

Créer un module de conditions générales conditionnelles 

Affichez différents termes ou contenus en fonction des données du devis. Par exemple, vous pouvez afficher un langage juridique spécifique à une région en fonction du pays d’un acheteur ou inclure des termes spécifiques à un produit lorsque certaines lignes de produit sont ajoutées.

Créer une section fêtes

Masquez le module de fête standard et créez un module personnalisé avec votre propre branding et formatage. Vous pouvez également intégrer des données personnalisées telles que les adresses de livraison ou les propriétés de l’entreprise enfant.

Créer un menu de navigation personnalisé

Ajoutez un menu de navigation pour aider les acheteurs à naviguer dans les longs devis.

Exiger une reconnaissance des sections

Ajoutez des modules codés personnalisés interactifs avec des cases à cocher ou des boutons permettant aux acheteurs de reconnaître des modules spécifiques avant d’accepter le devis.

Modules de style

Créez des modules avec une mise en forme d’image, des ombres, des coins arrondis, un branding et bien plus encore.

Supprimer les modules codés personnalisés

Vous pouvez supprimer les modules codés personnalisés du projet développeur. Découvrez ci-dessous comment la suppression d’un module affecte les devis et les modèles de devis.

Impact de la suppression d’un module de devis

Lorsqu’un module codé personnalisé est supprimé d’un projet développeur, il ne peut plus être utilisé sur de nouveaux devis ou modèles de devis.

Comportement du devis

  • Brouillons de devis : le module supprimé et son contenu sont supprimés lorsqu’un brouillon de devis est modifié et sauvegardé.
  • Devis publiés : le contenu du module est conservé. 
  • Devis rappelés : le module supprimé et son contenu sont supprimés lorsque le devis est modifié et enregistré après son rappel. Le devis publié mis à jour ne contiendra ni le module ni son contenu.

Alerte HubSpot indiquant « Des modules personnalisés ont été supprimés » avec une liste des modules supprimés : bloc récapitulatif du devis et signature, et un bouton En savoir plus.

Comportement du modèle de devis

  • Modèles non publiés : le module supprimé et son contenu sont supprimés lorsqu’un modèle de devis non publié est modifié et enregistré.

    Alerte HubSpot indiquant que « Des modules personnalisés ont été supprimés » d’un modèle de devis non publié, répertoriant les modules supprimés : Bloc Récapitulatif du devis et Signature, avec un bouton En savoir plus.

  • Modèles publiés : Le module et son contenu sont conservés jusqu’à l’annulation de la publication du modèle.

    Alerte HubSpot indiquant que « Des modules personnalisés ont été supprimés » d’un modèle de devis publié, listant les modules supprimés : Bloc Récapitulatif du devis et Signature, avec un bouton En savoir plus.

Restaurer les modules supprimés

Découvrez-en davantage sur la restauration de modules supprimés.

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.