Cet article explique comment intégrer le configurateur via un extrait HTML dans votre site web ou CMS — sans système de boutique.
Étape 1 : Activer l'intégration HTML5
Dans le backend V3 sous Paramètres → Intégrations, activez le bouton HTML5 si ce n'est pas déjà fait.
Étape 2 : Autoriser votre domaine
Dans le backend V3 sous Paramètres → Domaines, saisissez le(s) domaine(s) où le configurateur doit fonctionner. Sans domaine autorisé, le configurateur ne se charge pas.
Étape 3 : Trouver votre ID de composant
L'ID de votre composant est visible dans l'aperçu des composants du backend V3 — directement sous le nom du composant (par ex. « ID 10722 »).
Étape 4 : Copier l'extrait
Sous Paramètres → Intégrations → HTML5 vous trouvez deux variantes :
Extrait JavaScript (recommandé)
<script type="text/javascript">
var _configentoSettings = _configentoSettings || [];
_configentoSettings["_cloudbase"] = "cloud.justsellingapp.com";
_configentoSettings["_token"] = "VOTRE-TOKEN";
_configentoSettings["_taxrate"] = "19";
_configentoSettings["_template"] = "YOUR_TEMPLATE_ID";
_configentoSettings["_customer"] = "VOTRE-ID-CLIENT";
_configentoSettings["_cssPathCombinedImage"] = ".configento-combinedImage";
(function () {
var cn = document.createElement("script");
cn.type = "text/javascript"; cn.async = true;
cn.src = "https://" + _configentoSettings["_cloudbase"] + "/configento/js/justselling/configento/plugin/html5.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(cn, s);
})();
</script>
<div id="configento-form">
<div id="configurator1"></div>
<div id="configento-price"></div>
<div id="configento-combinedImage" class="configento-combinedImage"></div>
</div>Extrait iFrame (alternative)
<iframe width="100%" height="100%" style="border:none;"
src="https://cloud.justsellingapp.com/configento/iframe.php?token=VOTRE-TOKEN&taxrate=19&template=YOUR_TEMPLATE_ID&customer=VOTRE-ID-CLIENT">
</iframe>Le token et l'ID client sont déjà pré-remplis dans l'extrait. Remplacez uniquement YOUR_TEMPLATE_ID par l'ID de votre composant.
Étape 5 : Intégrer l'extrait
- WordPress — Bloc HTML dans l'éditeur Gutenberg
- TYPO3 — Élément HTML
- Jimdo — Widget « Code HTML personnalisé »
- Autres — directement dans le code source de la page
Étape 6 : Tester
Ouvrez la page dans un navigateur et vérifiez que le configurateur se charge correctement.
En cas de problèmes :
- Le domaine est-il renseigné sous Paramètres → Domaines ?
YOUR_TEMPLATE_IDa-t-il été remplacé par le bon ID ?- JavaScript est-il bloqué sur la page ?