Este artículo explica cómo integrar el configurador mediante un fragmento HTML en su sitio web o CMS — sin sistema de tienda.
Paso 1: Activar la integración HTML5
En el backend V3 en Configuración → Integraciones, active el botón HTML5 si aún no está activo.
Paso 2: Autorizar su dominio
En el backend V3 en Configuración → Dominios, introduzca el/los dominio(s) donde debe funcionar el configurador. Sin dominio autorizado, el configurador no se carga.
Paso 3: Encontrar su ID de componente
El ID de su componente es visible en el resumen de componentes del backend V3 — directamente debajo del nombre del componente (p.ej. «ID 10722»).
Paso 4: Copiar el fragmento
En Configuración → Integraciones → HTML5 encontrará dos variantes:
Fragmento JavaScript (recomendado)
<script type="text/javascript">
var _configentoSettings = _configentoSettings || [];
_configentoSettings["_cloudbase"] = "cloud.justsellingapp.com";
_configentoSettings["_token"] = "SU-TOKEN";
_configentoSettings["_taxrate"] = "19";
_configentoSettings["_template"] = "YOUR_TEMPLATE_ID";
_configentoSettings["_customer"] = "SU-ID-CLIENTE";
_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>Fragmento iFrame (alternativa)
<iframe width="100%" height="100%" style="border:none;"
src="https://cloud.justsellingapp.com/configento/iframe.php?token=SU-TOKEN&taxrate=19&template=YOUR_TEMPLATE_ID&customer=SU-ID-CLIENTE">
</iframe>El token e ID de cliente ya están prerrellenados en el fragmento. Solo reemplace YOUR_TEMPLATE_ID por el ID de su componente.
Paso 5: Integrar el fragmento
- WordPress — Bloque HTML en el editor Gutenberg
- TYPO3 — Elemento HTML
- Jimdo — Widget «Código HTML personalizado»
- Otros — directamente en el código fuente de la página
Paso 6: Probar
Abra la página en un navegador y verifique que el configurador se carga correctamente.