Guide technique — installation

Intégrer un calculateur de déménagement sur son site : la marche à suivre

WordPress, Wix, Squarespace, Shopify, Jimdo ou site développé sur mesure : dans tous les cas, poser le module revient à coller un bout de code au bon endroit. Ce qui change, c’est où se trouve ce bon endroit — et c’est là que la plupart des installations échouent.

Avant de commencer

Trois décisions à prendre

Sur quelle page

Créez une page dédiée, du type « Estimer mon déménagement », plutôt que de poser le module en bas de l’accueil. Une page dédiée se référence, se partage et se met en lien depuis vos autres pages.

Avec quel titre

La page qui accueille le module doit avoir son propre titre de niveau 1, distinct de celui du module. Sans quoi vous vous retrouvez avec deux titres principaux qui se disputent la même page.

Sur quelle largeur

Le module a besoin de toute la largeur disponible. Si votre thème impose une colonne latérale, choisissez pour cette page un gabarit pleine largeur.

Les trois méthodes

Cadre, fragment ou composant

Le cadre — toutes formules

Une ligne à coller. Le module s’affiche dans une zone isolée du reste de la page, ce qui garantit qu’aucun style de votre thème ne vient perturber son apparence. C’est la méthode la plus sûre et celle que nous recommandons pour une première installation.

Point de vigilance : le cadre doit porter un titre descriptif. Un cadre sans titre est un défaut d’accessibilité sur votre site, pas sur le nôtre. Le code que nous générons l’inclut.

Le fragment — formule Premium

Le module s’insère directement dans le flux de la page et hérite de sa largeur. Le rendu est plus fluide, notamment sur téléphone, où l’on évite le défilement à l’intérieur d’une zone. En contrepartie, il peut hériter de styles de votre thème et demander un réglage.

Le composant — formule Premium

Pour les sites développés sous React, Vue ou un équivalent, le module s’installe comme n’importe quel composant du projet, avec ses propriétés de configuration. Réservé aux sites qui ont un développeur.

Cas par cas

Où coller le code selon votre site

Votre site	Où insérer le code
WordPress avec l’éditeur de blocs	Ajoutez un bloc « HTML personnalisé » dans la page et collez le code dedans.
WordPress avec Elementor	Glissez un widget « HTML » à l’endroit voulu, puis collez le code dans son champ.
Wix	Ajouter, puis Intégrations, puis « Incorporer un code », et choisissez l’affichage pleine largeur.
Squarespace	Ajoutez un bloc « Code » à la page et désactivez l’échappement du HTML.
Shopify	Créez une page, passez l’éditeur en mode HTML et collez le code dans le corps.
Jimdo, Webflow, Site123	Tous proposent un élément « code personnalisé » ou « intégration ». Le principe est identique.
Site sur mesure	Le code se colle dans le gabarit de la page. Votre développeur saura où.

Dépannage

Ce qui ne marche pas, et pourquoi

Le code s’affiche en toutes lettres au lieu du module. Votre éditeur a échappé le HTML. Cherchez l’option « code brut », « HTML personnalisé » ou « ne pas échapper ».
Le module est écrasé sur les côtés. Votre gabarit impose une largeur maximale. Choisissez un gabarit pleine largeur pour cette page.
Il faut faire défiler à l’intérieur du module. La hauteur allouée est trop faible. Augmentez-la, ou passez au fragment intégré qui s’adapte tout seul.
Rien ne s’affiche du tout. Le plus souvent, un plugin de sécurité ou de cache filtre les contenus externes. Videz le cache, puis vérifiez les règles du pare-feu applicatif.

Si vous préférez ne pas y toucher

Nous posons le module pour vous

Notre mise en service comprend le réglage de vos tarifs et de vos objets, l’application de vos couleurs et de votre logo, la pose du code sur votre site, la vérification de l’affichage sur téléphone et un parcours de test complet dont vous recevez la demande témoin. À partir de 190 € HT, et comptez à partir de 5 jours ouvrés selon le contenu du site.

Questions fréquentes

L’intégration en pratique

Faut-il installer un plugin ?

Non. Rien à installer, rien à mettre à jour, rien qui puisse entrer en conflit avec vos extensions existantes. Le module reste hébergé chez nous et s’affiche chez vous.

Est-ce que cela ralentit mon site ?

Le module se charge en différé, après le contenu de votre page. Votre page s’affiche à sa vitesse habituelle et le calculateur apparaît ensuite, sans bloquer le rendu.

Puis-je le mettre sur plusieurs pages ?

Oui, autant que vous voulez, avec le même code. Certains déménageurs le placent sur leur page d’estimation et sur leurs pages de ville.

Que se passe-t-il quand vous mettez le module à jour ?

Les améliorations arrivent sur votre site sans que vous ayez à retoucher le code. C’est l’avantage principal par rapport à un développement sur mesure figé au jour de sa livraison.

À lire ensuite

Autour de l’intégration

Le module de devis complet

La démonstration, les six étapes, les formules et la mise en service.

Un site de déménageur accessible

Pourquoi un formulaire mal intégré peut mettre votre site en défaut, et comment l’éviter.