Comment intégrer un simulateur de devis sur son site d'architecte d'intérieur

Vous avez configuré votre simulateur de devis. Il ne reste plus qu'à le rendre accessible à vos prospects sur votre site web. Ce guide couvre les deux méthodes d'intégration disponibles et les étapes spécifiques aux principales plateformes.

Les deux méthodes d'intégration

Méthode A : le lien direct

La méthode la plus simple. Esti Archi génère une URL dédiée à votre simulateur - par exemple https://estiarchi.fr/w/votre-nom. Vous créez simplement un lien ou un bouton sur votre site qui pointe vers cette URL.

Avantages :

• Aucun code à insérer
• Compatible avec tous les sites web, même les plus simples
• Votre simulateur s'ouvre dans une nouvelle page propre

Usage recommandé : liens depuis un menu de navigation, un footer, un bouton d'appel à l'action dans un article de blog.

Méthode B : le code iframe

L'iframe intègre le simulateur directement dans une page de votre site, visible sans quitter votre site. C'est la méthode recommandée pour une expérience utilisateur optimale.

Esti Archi génère un code prêt à copier-coller de ce type :

<iframe
  src="https://estiarchi.fr/w/votre-nom"
  width="100%"
  height="700"
  style="border:none;border-radius:16px;"
  loading="lazy"
  title="Simulateur d'estimation Esti Archi"
></iframe>

Avantages :

• Expérience fluide : le prospect ne quitte pas votre site
• Meilleure conversion (moins de friction)
• Personnalisable (hauteur, coins arrondis, style)

Intégration sur WordPress

WordPress est la plateforme la plus répandue - elle représente plus de 40 % des sites web. Voici comment intégrer votre simulateur.

Avec l'éditeur Gutenberg (WordPress 5+)

• Ouvrez la page où vous souhaitez intégrer le simulateur (ex. "Estimer mon projet")
• Ajoutez un bloc HTML personnalisé (cherchez "HTML" dans les blocs)
• Collez le code iframe fourni par Esti Archi
• Publiez la page

Avec Elementor ou Divi

• Ajoutez un widget/module HTML ou Code
• Collez le code iframe
• Sauvegardez

Intégration sur Webflow

• Dans l'éditeur Webflow, ajoutez un élément Embed (code HTML)
• Collez le code iframe dans le champ
• Sauvegardez et publiez votre site

Intégration sur Squarespace

• Dans l'éditeur, ajoutez un bloc Code
• Assurez-vous que l'option "Display Source" est désactivée
• Collez le code iframe
• Appliquez les modifications

Note : l'intégration iframe est disponible sur les plans Business et Commerce de Squarespace.

Intégration sur Wix

• Dans l'éditeur Wix, ajoutez un widget HTML iFrame depuis la section "Plus"
• Cliquez sur "Entrer le code"
• Collez votre code iframe
• Ajustez la hauteur dans les paramètres Wix (recommandé : 700 px)

Bonnes pratiques d'intégration

Créer une page dédiée au simulateur

Plutôt que d'intégrer le simulateur en bas de votre page d'accueil, créez une page dédiée "Estimer mon projet" ou "Simulateur de devis". Cette page :

• Peut être référencée par Google avec des mots-clés ciblés
• Peut être partagée facilement sur vos réseaux sociaux
• Améliore l'expérience : le prospect se concentre sur le simulateur

Ajouter un texte d'introduction

Avant l'iframe, ajoutez 2-3 lignes d'introduction qui expliquent ce que le simulateur fait - et ce qu'il ne fait pas (une fourchette indicative, pas un devis contractuel). Cela gère les attentes et renforce la confiance.

Exemple :

> Ce simulateur vous donne une première fourchette d'estimation - travaux et honoraires inclus - basée sur les caractéristiques de votre projet. Ce n'est pas un devis. Il nous servira de base de discussion lors de notre premier échange.

Mettre en avant le simulateur dans votre navigation

Ajoutez un lien "Estimer mon projet" dans votre menu de navigation principal. C'est le CTA le plus important de votre site - il doit être visible immédiatement.

Temps d'intégration estimé

Plateforme	Temps estimé
WordPress (Gutenberg)	5 minutes
Webflow	5 minutes
Squarespace	5 minutes
Wix	5 minutes
Site HTML sur mesure	5 minutes

Avec Esti Archi, la configuration complète (paramétrage + intégration) prend en général moins de 15 minutes.

Créer votre compte Esti Archi et intégrez votre simulateur dès aujourd'hui.