3D Configurator API - WordPress, Shopify & CMS integratie
Integreer onze interactieve 3D-configurator met slechts een paar regels code op je WordPress, Shopify, WooCommerce of andere CMS website. Real-time visualisatie, productaanpassing, responsieve compatibiliteit, volledige documentatie.
Hoe werkt de API?
Integratie is gebaseerd op het invoegen van een HTML-container <div> en een JavaScript-script dat je eenvoudig kunt configureren:
<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>
Bekijk het volledige voorbeeld hier: https://github.com/macarron/3dvue-documentation/blob/main/example.php
WordPress integratie (Beaver Builder, Elementor...)
Een HTML-module toevoegen aan je productpagina of landingspagina
Plak de bovenstaande code in de editor
De configurator verschijnt automatisch op de gewenste locatie
Beste praktijk :
JavaScript-conflicten met andere plugins vermijden
Gebruik een responsief thema
Test op mobiele apparaten en tablets
Shopify integratie (Dawn, Prestige...)
Ga naar Onlinewinkel > Thema's > Code bewerken
In
product-template.liquidde code invoegen vóór{{ product.description }}Test je productbladen en pas aan indien nodig
✔️ Shopify 2.0 compatibel - Werkt met alle moderne thema's
Integratie met Webflow, Joomla, PrestaShop...
De configurator werkt op elke website die JavaScript ondersteunt. Gebruik een HTML-blok, plak het script en stel je 3D-model in.
SEO & toegankelijkheidsoptimalisatie
- Lazy loading aanbevolen om de pagina niet te vertragen
- Baken
<noscript>in visuele terugval :
<noscript>
<img src="/img/fallback-configurateur.jpg" alt="Aperçu du configurateur 3D">
</noscript>
Technische documentatie
Technische ondersteuning: matthieu@3dvue.fr
