Comment connecter le calculateur uCalc à un site Turbosite

uCalc est un constructeur russe de calculateurs en ligne et de formulaires pour sites web. Leader du marché, il est utilisé pour calculer le coût des services (réparation, livraison, traiteur, etc.) et collecter des demandes. La version de base est gratuite, les fonctionnalités avancées sont disponibles via des abonnements payants. Compatible avec tous les sites permettant l’insertion de code HTML. L’installation prend 10 à 15 minutes.

Ce dont vous aurez besoin

• Un compte uCalc — inscription gratuite sur ucalc.pro
• Un site publié sur Turbosite
• 10 à 15 minutes (plus le temps nécessaire pour créer le calculateur lui-même)

Étape 1. Créer un calculateur dans uCalc

1. Inscrivez-vous sur ucalc.pro et connectez-vous à votre espace personnel.
2. Cliquez sur « Créer » → choisissez un modèle adapté à votre domaine (réparation, livraison, éducation, etc.) ou commencez à partir d’un modèle vide.
3. Dans l’éditeur visuel :
   • Ajoutez des champs : cases à cocher, listes déroulantes, champs de saisie, images.
   • Configurez les formules de calcul (si le calculateur doit calculer un montant).
   • Ajoutez un formulaire de contact : nom, téléphone, email.
   • Configurez la protection anti-spam (mécanisme intégré ou reCAPTCHA).
4. Personnalisez le design : couleurs, polices, arrière-plan.
5. Dans l’onglet « Notifications », indiquez l’email ou l’intégration CRM vers laquelle envoyer les demandes.
6. Enregistrez le projet.

📷 Capture d’écran : éditeur visuel uCalc avec un calculateur configuré.

Étape 2. Obtenir le code pour le site

1. Dans la barre supérieure de l’éditeur, cliquez sur « Obtenir le code » (ou sur l’onglet « Installation sur le site »).
2. Choisissez le format :
   • Code JavaScript — recommandé, se charge plus facilement et plus rapidement.
   • iframe — insertion simple sous forme de bloc.
3. Copiez l’intégralité du code généré.

📷 Capture d’écran : fenêtre contenant le code à insérer sur le site.

Étape 3. Insérer le code dans Turbosite

Le calculateur apparaît à un endroit précis de la page, le code doit donc être inséré dans le corps de la page.

1. Ouvrez votre site dans Turbosite.
2. Ajoutez un bloc « Code HTML » à l’endroit souhaité sur la page (généralement dans une section de description de service ou un bloc séparé « Calculer le coût »).
3. Collez le code uCalc copié.
4. Enregistrez les modifications.
5. Publiez le site.

📷 [capture d’écran Turbosite — à ajouter : bloc Code HTML dans le corps de la page avec le calculateur uCalc].

Étape 4. Vérifier que le calculateur fonctionne

1. Ouvrez votre site publié.
2. Faites défiler jusqu’au calculateur — il doit se charger et être interactif.
3. Remplissez les champs, vérifiez que le montant total est calculé correctement.
4. Envoyez une demande de test.
5. Vérifiez que la demande est bien arrivée par email ou dans votre CRM (si l’intégration est configurée).

Questions fréquentes

Le calculateur ne s’affiche pas. Vérifiez que le code est complet, que le site est bien publié et qu’aucun bloqueur n’est actif. Si vous utilisez le code JavaScript, il doit se charger complètement et aucune erreur ne doit apparaître dans la console du navigateur.

Est-il possible de le styliser selon mon site ? Oui, dans l’éditeur uCalc, vous pouvez configurer les couleurs, les polices, l’arrière-plan et les marges. Si une personnalisation poussée est nécessaire, un champ CSS personnalisé est disponible sur les abonnements payants.

Où arrivent les demandes ? Par défaut, à l’adresse email que vous avez indiquée. Vous pouvez configurer l’envoi vers un CRM (amoCRM, Bitrix24, AirCRM) ou via Zapier vers n’importe quelle destination. Cela se configure dans l’espace personnel uCalc sans modifier le code du site.

Le calculateur ralentit le chargement du site. La version JavaScript se charge de manière asynchrone et n’affecte presque pas la vitesse. L’iframe peut être légèrement plus lent. Pour une page volumineuse avec plusieurs widgets, utilisez la version JS.

Combien ça coûte ? La version de base avec un seul calculateur est gratuite. Les abonnements payants sont destinés aux fonctionnalités supplémentaires (plusieurs projets, analyses, intégrations, CSS personnalisé). Les tarifs sont disponibles sur la page des tarifs.

Pour aller plus loin

• Base de connaissances uCalc — articles et guides
• Espace personnel uCalc — création et édition de calculateurs
• Modèles de calculateurs — solutions prêtes à l’emploi par secteur