Centru de Integrare

Instalează Modelele Tale 3D

Am pregătit instrucțiuni detaliate pentru cele mai populare platforme de e-commerce și CMS. Alege platforma ta pentru a începe.

Shopify

Suport nativ în secțiunea Media
Funcționează pe orice temă OS 2.0
Vizualizare automată în AR (Realitate Augmentată)

Pași: Products > Media > Adaugă fișier .glb

WooCommerce

Plugin Recomandat: Model Viewer
Suport pentru Shortcode sau editorul Blocks
Integrare ușoară prin Media Library

Pași: Instalare Plugin > Încărcare .glb > Copiază URL

Wix

Folosește elementul "Embed HTML"
Necesită găzduire externă pentru model
Compatibil cu orice layout de pagină

Metodă: Adaugă Iframe > Lipește scriptul model-viewer

Squarespace

Folosește un "Code Block"
Personalizare completă prin CSS
Optimizat pentru temele de E-commerce

Metodă: Code Block > Script Model Viewer > Link Încărcare

Instrucțiuni pentru Alte Platforme

Magento / Adobe Commerce

Folosește extensii de 3D Viewer sau editează template-ul PHP al paginii de produs pentru a include scriptul 3D.

Webflow

Adaugă un element "Embed" în design system-ul tău. Poți mapa URL-ul modelului 3D la Webflow CMS pentru produse dinamice.

PrestaShop

Sunt disponibile module specializate în marketplace-ul PrestaShop care permit adăugarea fișierelor GLB direct din back-office.

Cod de Integrare Universal

Dacă platforma ta permite editarea HTML, acest cod este tot ce ai nevoie. Copiază și înlocuiește URL-ul modelului.

HTML

<!-- Biblioteca Model Viewer -->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>

<!-- Element 3D -->
<model-viewer
  src="url-ul-modelului-tau.glb"
  ar
  camera-controls
  touch-action="pan-y"
  auto-rotate
  style="width: 100%; height: 500px;">
</model-viewer>

Acest script este recunoscut de motoarele de căutare și optimizat pentru viteză maximă de încărcare.

Nu ai încă un model 3D?

Transformă o fotografie de produs într-un model GLB, apoi integrează-l cu codul de mai sus.

Începe să Creezi Gratuit