Este artículo explica cómo integrar el configurador mediante un fragmento HTML en su sitio web o CMS — sin sistema de tienda.
¿Cuándo es el fragmento HTML la opción adecuada?
El fragmento HTML es adecuado si usted:
- no tiene una tienda Magento o Shopware
- desea utilizar el configurador en un sitio web como herramienta de presupuestos o de presentación de productos
- utiliza un CMS como WordPress, TYPO3, Joomla o Jimdo
Paso 1: Activar la integración HTML5
En el backend V3 en Configuración → Integraciones encontrará la sección HTML5. Active el botón 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.
Importante: introduzca el dominio sin protocolo, p.ej. www.mitienda.es o mitienda.es.
Paso 3: Encontrar el ID del 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»). Necesita este ID para el fragmento.
Paso 4: Copiar el fragmento
En Configuración → Integraciones → HTML5 encontrará dos variantes de fragmento:
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 y el número de cliente ya están prerrellenados en el fragmento, en Configuración → Integraciones. Solo reemplace YOUR_TEMPLATE_ID por el ID de su componente.
Paso 5: Integrar el fragmento
Inserte el fragmento en el lugar deseado de su sitio web:
- 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. En el backend V3 también puede probarlo en Editar → Vista previa — la vista previa requiere una integración HTML5 activa.
En caso de problemas:
- ¿Está el dominio registrado en Configuración → Dominios?
- ¿Se ha reemplazado
YOUR_TEMPLATE_IDpor el ID correcto? - ¿Está bloqueado JavaScript en la página?