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: 26 mai 2026

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. Les modules personnalisés peuvent être utilisés pour adapter les devis à vos acheteurs 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.

  • Utilisez une feuille de calcul 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. Passez en revue les cas d’utilisation courants suivants.

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 produit facultatives : affichez les lignes de produit comme facultatives. 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 définir une ligne de produit en réduction pour les trois premiers mois, avant d’augmenter au prix non réduit 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.

Remarque : Cela nécessite un script séparé dans l’en-tête HTML du site pour désactiver l’acceptation jusqu’à ce que les cases à cocher soient acceptées.

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.

Créer des modules personnalisés

Découvrez-en davantage sur la création de modules personnalisé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.