Toate platformele / Ghid
Model 3D și AR pe Wix
Pe Wix adaugi un element „Embed HTML” și lipești codul sau doar linkul modelului. Atenție la Wix Stores: descrierea produsului nu acceptă HTML.
- Plugin / aplicație
- Nu e nevoie
- Unde lipești codul
- Adaugă → Embed Code → „Embed HTML”
- AR pe telefon
- De obicei da; testează pe telefon
Varianta 1: Element Embed HTML pe o pagină
Merge pe orice pagină Wix: prezentare produs, landing page, portofoliu.
Pasul 1
Copiază codul din 3DView
Intră în cont la „Modelele mele” și, la model, apasă „Cod pentru site”: codul se copiază imediat. Filele Shopify, WooCommerce și „Orice site” arată doar unde îl lipești; codul e același.
Copiază codul din 3DView Pasul 2
Adaugă elementul Embed HTML
În editor apasă „+” (Add Elements) → Embed Code → „Embed HTML”. În Wix Studio: Add → Embed & Social → Embed HTML.
Adaugă elementul Embed HTML Pasul 3
Lipește codul
Apasă „Enter Code”, alege „Code” și lipește codul. Sau alege „Website Address” și lipește doar linkul modelului (https://www.3dview.ai/embed/…). Apasă Update.
Lipește codul Pasul 4
Mărește caseta
Trage de colțurile elementului ca să aibă cel puțin 480px înălțime și toată lățimea secțiunii.
Pasul 5
Publică
Apasă Publish și verifică site-ul pe calculator și pe telefon.
Publică
Varianta 2: Wix Stores (magazinul Wix)
Descrierea produsului în Wix Stores e text simplu: nu acceptă iframe. Un element Embed HTML pus pe pagina de produs apare la toate produsele.
Avantaje
- Linkul și QR-ul merg la orice produs, fără cod.
Dezavantaje
- Modelul nu apare direct în pagina produsului fără cod Wix (Velo).
Pasul 1
Ia linkul și codul QR
În „Modelele mele”, la model, apasă „Distribuie / QR”: copiezi linkul direct al modelului (deschide 3D și AR pe telefon) și salvezi codul QR.
Pasul 2
Pune linkul în descriere
În descrierea produsului scrie „Vezi produsul în 3D și AR” și fă-l link către linkul modelului.
Pasul 3
Sau o pagină separată
Fă o pagină Wix pentru produs (sau o secțiune) cu elementul Embed HTML și pune un buton spre ea din descriere.
Pasul 4
Avansat: Velo
Cu Velo (codul Wix) un singur element Embed HTML poate primi alt link pentru fiecare produs. Cere unui dezvoltator Wix.
Codul pe care îl lipești
Așa arată codul copiat din 3DView (la tine apare ID-ul modelului în loc de MODEL_ID). Poți schimba înălțimea (height:480px); restul lasă-l neschimbat. Adaugă ?controls=0 după ID ca să ascunzi bara de reglaje de sub model.
<iframe src="https://www.3dview.ai/embed/MODEL_ID" title="Canapea Oslo" loading="lazy" allow="xr-spatial-tracking; fullscreen; accelerometer; gyroscope" allowfullscreen style="width:100%;height:480px;border:0;border-radius:12px"></iframe>
Cum verifici că merge
- Pe calculator: modelul se încarcă, se rotește cu mouse-ul, iar butonul „Vezi pe telefon” arată un cod QR pentru AR.
- Pe Android (Chrome): apasă butonul AR din colțul modelului. Se deschide vizualizatorul AR Google și pui produsul în cameră, la mărime reală. Telefonul trebuie să fie compatibil ARCore.
- Pe iPhone/iPad (Safari): apasă butonul AR. Se deschide AR Quick Look, fără nicio aplicație.
- Testează din Safari sau Chrome, nu din browserul intern al Facebook/Instagram: acolo AR nu pornește.
- Wix pune codul într-un cadru propriu. Dacă butonul AR nu pornește pe telefon, adaugă un buton Wix cu linkul modelului: acolo AR merge mereu.
Probleme frecvente și soluții
Elementul are bare de derulare sau taie modelul
Mărește caseta Embed HTML din editor (nu doar codul). Pe mobil verifică separat, din vizualizarea mobilă a editorului.
Codul dispare sau devine text după salvare
Editorul l-a curățat: lipește codul în modul HTML / cod sursă, nu în modul vizual (pașii de mai sus arată butonul exact). Dacă tot dispare, platforma nu permite iframe-uri: folosește linkul și codul QR din „Distribuie / QR”.
Modelul e prea mic sau apare tăiat
Mărește înălțimea din cod: height:480px devine, de exemplu, height:600px. Lățimea (100%) se adaptează singură la coloană. Pe telefon 400–500px e de obicei suficient.
Butonul AR nu apare sau nu pornește pe iPhone
AR pe iPhone cere Safari (sau Chrome pe iOS) și un iPhone/iPad cu iOS 12 sau mai nou. 3DView pregătește automat varianta pentru iPhone (USDZ). Deschide linkul modelului direct (butonul „Vezi în AR” din cont): dacă acolo merge, platforma ta blochează AR în cadrele încorporate; pune sub model un link „Vezi în AR” către acel link.
Browserul spune „conținut nesigur” sau modelul nu se încarcă
Nu schimba adresa din cod în http://. Pe un site https, browserele blochează cadrele http (conținut mixt). Lasă adresa exact cum e: https://www.3dview.ai/embed/…
Apare logo-ul 3DView pe model
Îl scoți per model, din cont: „Elimină logo”, o singură plată în credite. Codul rămâne același.
Încetinește pagina?
Nu: codul are loading="lazy", deci modelul se încarcă doar când ajunge pe ecran. Găzduirea e inclusă, fără abonament.
Ilustrații simplificate, nu capturi de ecran; meniurile pot arăta puțin diferit în versiunea ta.
Întrebări frecvente
Am nevoie de o aplicație din Wix App Market?
Nu. Embed HTML e inclus în Wix.
Merge pe planul gratuit Wix?
Elementul Embed HTML e disponibil, dar pentru un magazin real ai oricum nevoie de un plan cu domeniu și plăți.
Nu ai încă un model 3D?
Scanează produsul cu telefonul sau pornește de la o poză. Primești codul pentru site, linkul cu QR și AR incluse.
Creează-ți primul model