API del Configurador 3D - Integración con WordPress, Shopify y CMS
Integra nuestro configurador 3D interactivo con solo unas líneas de código en tu sitio web WordPress, Shopify, WooCommerce u otro CMS. Visualización en tiempo real, personalización de productos, compatibilidad responsive, documentación completa.
¿Cómo funciona la API?
La integración se basa en la inserción de un contenedor HTML <div> y un script JavaScript que puede configurar fácilmente:
<div id="my-configurator"></div>
<script src="https://cdn.3dvue.fr/configurator.js"></script>
<script>
window.onload = function () {
Configurator3D.init({
lang: 'fr',
defaultModel: 'chaise-velours',
env: 'prod',
ui: true,
targetDomElement: '#my-configurator'
});
};
</script>
Vea el ejemplo completo aquí: https://github.com/macarron/3dvue-documentation/blob/main/example.php
Integración con WordPress (Beaver Builder, Elementor...)
Añada un módulo HTML a su página de producto o página de destino
Pega el código anterior en el editor
El configurador se mostrará automáticamente en la ubicación deseada
Buenas prácticas :
Evite conflictos de JavaScript con otros plugins
Utilice un tema adaptable
Pruebas en dispositivos móviles y tabletas
Integración con Shopify (Dawn, Prestige...)
Vaya a Tienda electrónica > Temas > Editar código
En
product-template.liquidinserte el código antes de{{ product.description }}Pruebe sus fichas de producto y ajústelas si es necesario
✔️ Compatible con Shopify 2.0 - Funciona con todos los temas modernos
Integración con Webflow, Joomla, PrestaShop...
El configurador funciona en cualquier sitio web que admita JavaScript de cliente. Utilice un bloque HTML, pegue el script y configure su modelo 3D.
Optimización SEO y accesibilidad
- Carga lenta recomendada para no ralentizar la página
- Faro
<noscript>en visual fallback :
<noscript>
<img src="/img/fallback-configurateur.jpg" alt="Aperçu du configurateur 3D">
</noscript>
Documentación técnica
Asistencia técnica: matthieu@3dvue.fr
