Toate platformele / Ghid
Model 3D și AR pe Squarespace
Pe Squarespace lipești codul într-un bloc Code. Atenție la plan: pe planurile de bază, blocul Code nu rulează iframe-uri și scripturi.
- Plugin / aplicație
- Nu e nevoie
- Unde lipești codul
- Bloc „Code” (pagină sau Additional Info)
- AR pe telefon
- Da, Android și iPhone
Varianta 1: Blocul Code (pagină sau produs)
La produse, blocurile se pun în zona „Additional Info” a produsului.
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
Verifică planul
Iframe-urile din blocul Code merg pe planurile Business / Core sau mai mari. Pe Personal / Basic, folosește varianta cu link.
Pasul 3
Adaugă un bloc Code
Editează pagina (sau la produs: Commerce → Products → produsul → Additional Info), apasă „+” (Add Block) și alege „Code”.
Adaugă un bloc Code Pasul 4
Lipește codul
Lipește codul, lasă „Display Source” oprit și închide editorul blocului.
Lipește codul Pasul 5
Salvează și verifică
Apasă Save și deschide pagina pe calculator și pe telefon.
Salvează și verifică
Varianta 2: Pe planurile de bază: link și QR
Dacă planul nu permite iframe-uri.
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 un buton
Adaugă un bloc Button „Vezi în 3D și AR” cu linkul modelului.
Pasul 3
Folosește QR-ul
Codul QR merge pe ambalaje, cataloage și afișe; deschide direct modelul în AR.
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.
Probleme frecvente și soluții
În editor apare doar un dreptunghi gri
Squarespace nu rulează codul în editor din motive de siguranță. Salvează și verifică pagina publicată.
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 extensie Squarespace?
Nu. Blocul Code e inclus; contează doar planul.
Pot pune modelul lângă pozele produsului?
Squarespace nu permite cod în galeria produsului. Zona „Additional Info” e locul cel mai apropiat.
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