Shopify mağazanızda ürün fotoğraflarının yanına 3D model koyabilirsiniz. Müşteri ürünü parmağıyla çevirir, yakınlaştırır, telefonda isterse kendi odasında görür. Bunun için ayrı bir uygulama kurmanız gerekmez; Shopify 3D modeli fotoğraf ve video gibi bir ürün medyası olarak kabul eder.
Bu yazıda Shopify'a 3D modelin nasıl eklendiğini, dosyanın nasıl hazırlanması gerektiğini, telefonda AR görünümünün nasıl çalıştığını ve renk ya da malzeme seçeneklerini 3D model üzerinde göstermek istediğinizde neye ihtiyacınız olduğunu anlatıyoruz.
Shopify 3D modeli doğrudan destekliyor
Shopify'da bir ürünün medya alanına fotoğraf yükler gibi 3D model dosyası yükleyebilirsiniz. Desteklenen biçimler GLB ve USDZ'dir. Shopify'ın yardım sayfalarına göre dosya başına sınır 500 MB'tır; 15 MB'tan büyük dosyalar yüklenirken otomatik olarak sıkıştırılır. Yüklediğiniz GLB dosyasından iPhone için gereken USDZ sürümü de Shopify tarafından üretilir.
Mağazanızın teması 3D medyayı destekliyorsa model, ürün galerisinde fotoğrafların arasında görünür. Shopify'ın güncel temalarının çoğu bunu destekler. Müşteri modele dokunduğunda ürünü döndürebilir ve yakınlaştırabilir.
Adım adım: ürün sayfasına 3D model eklemek
- Modeli hazırlayın: Ürünün 3D modeli GLB biçiminde, gerçek ölçüsünde ve web için hafifletilmiş olmalı. Bir sonraki bölümde ayrıntıları var.
- Ürünü açın: Shopify yönetim panelinde Ürünler bölümünden ilgili ürüne girin.
- Medyaya ekleyin: Medya alanına GLB dosyasını sürükleyin. Shopify dosyayı işler ve önizleme görselini oluşturur.
- Sırasını belirleyin: 3D modeli galerinin ilk sırasına alırsanız müşteri ürünü ilk bakışta 3D görür. Fotoğrafların arasında ikinci ya da üçüncü sırada durması da yaygın bir tercihtir.
- Telefonda kontrol edin: Ürün sayfasını telefonda açın, modeli döndürün ve AR düğmesini deneyin.
3D model dosyası nasıl hazırlanmalı?
Shopify'ın 500 MB sınırı yüksektir ama hızlı açılan bir ürün sayfası için ölçü çok daha küçüktür. Shopify'ın kendi model hazırlama rehberi, çoğu ürün için 4 MB civarını öneriyor. Telefonla, mobil veriyle gelen bir müşteri için bu fark belirleyicidir.
- Gerçek ölçü: Model santimetresi santimetresine ürünün ölçüsünde olmalı. AR görünümünde masanın üstüne konan bir lamba ya da odaya konan bir koltuk ancak böyle doğru boyda görünür.
- Hafif geometri: Ürünün içinde kalan, dışarıdan görünmeyen parçalar atılır. Görünen yüzeylerin kenarları ve hatları korunur.
- Gerçekçi malzeme: Kumaşın dokusu, metalin parlaklığı, camın şeffaflığı GLB içindeki malzeme ve dokularla verilir. Dokular web için uygun çözünürlükte sıkıştırılır.
- Doğru yön ve merkez: Ürün dik durmalı ve zemine oturmalı. Yanlış yönde dışa aktarılmış bir model galeride yan yatmış görünür.
Ürünün CAD dosyası varsa model ondan hazırlanır; yoksa teknik çizimden ya da fotoğraf ve ölçülerden modellenir. Bu sürecin ayrıntılarını 3D ürün modelleme yazımızda anlattık.
Telefonda AR: ürünü kendi odanızda görmek
3D model eklenen ürünlerde, telefonla gelen müşteri ürünü kamerasıyla kendi ortamına yerleştirebilir. iPhone'da Apple'ın, Android'de Google'ın kendi AR görüntüleyicisi açılır; ayrı bir uygulama indirmek gerekmez. Mobilya, aydınlatma, dekorasyon ve büyük ev eşyalarında bu, "salonuma sığar mı, rengi uyar mı" sorusunu satın almadan önce cevaplar.
AR'ın işe yaraması için modelin gerçek ölçüde olması şarttır. Ölçüsü yanlış bir model müşteriyi yanıltır; doğru ölçülü bir model ise iade sebeplerinden birini ortadan kaldırır.
Sınır: renk ve seçenekler modelin üzerinde değişmez
Shopify'ın yerleşik 3D görüntüleyicisi tek bir modeli gösterir. Ürününüzün beş rengi varsa, müşteri varyant seçtiğinde 3D modelin rengi kendiliğinden değişmez; her renk için ayrı bir model yüklemeniz gerekir. Kumaş, ayak, kapak, baskı gibi birden fazla seçeneğin birleştiği ürünlerde bu, onlarca ayrı dosya demektir ve pratik değildir.
Müşterinin seçenekleri 3D modelin üzerinde denemesini istiyorsanız ürün sayfasına bir 3D ürün konfigüratörü yerleştirilir. Konfigüratör tek bir modelde bütün renkleri ve malzemeleri tanımlar; müşteri seçtikçe ürün anında değişir.
Shopify ürün sayfasına 3D konfigüratör
Konfigüratör, temanın ürün sayfasına bir bölüm olarak eklenir. Müşteri ürünü döndürür, rengini ve malzemesini seçer; sepete ekleme ve ödeme Shopify'ın kendi akışında kalır. Konfigüratördeki seçim, Shopify'daki varyant seçimiyle eşleştirilebilir: müşteri 3D modelde "ceviz ahşap, gri kumaş" seçtiğinde sepete doğru varyant gider.
Böyle bir sunumun nasıl göründüğünü görmek için 3D Web App'imizdeki mobilya örneğine bakabilirsiniz. Sandalyenin kumaşı, ahşabı ve ayakları değişiyor; kurumsal renginizi seçtiğinizde ürün ve arayüz o renge geçiyor. Aynı altyapı sizin ürününüz ve sizin seçeneklerinizle Shopify mağazanıza entegre edilir. Ayrıntılar için 3D web tasarım ve ürün konfigüratörü sayfamıza bakabilirsiniz.
Hangi yol sizin için doğru?
- Tek renkli ya da az seçenekli ürünler: Shopify'ın yerleşik 3D desteği yeterlidir. İyi hazırlanmış bir GLB modeli ürün galerisine eklemek yeter.
- Çok renkli ve çok seçenekli ürünler: Mobilya, aksesuar, kişiye özel ürünler gibi seçeneklerin birleştiği ürünlerde konfigüratör, her birleşim için ayrı dosya yükleme yükünü ortadan kaldırır.
- Yeni ürün lansmanı: Aynı 3D modelden ürün sayfası görselleri ve tanıtım videosu da üretilir. Görseller için 3D render, video için 3D ürün animasyonu sayfalarımıza bakabilirsiniz.
Sıkça Sorulan Sorular
Shopify'ın her planında 3D model eklenebiliyor mu?
Evet. Planlar arasındaki fark, mağazada barındırılabilecek video ve 3D model sayısıdır. Shopify'ın yardım sayfalarına göre bu sayı Basic planda 250, Shopify planında 1.000, Advanced planda 5.000'dir.
Hangi dosya biçimini yüklemeliyim?
GLB. Shopify, iPhone'daki AR görünümü için gereken USDZ dosyasını yüklediğiniz GLB'den kendisi üretir.
3D model sayfayı yavaşlatır mı?
İyi hazırlanmış bir model yavaşlatmaz. Çoğu temada model, müşteri ona dokunduğunda yüklenir; o ana kadar önizleme görseli görünür. Dosya boyutunu birkaç megabaytta tutmak telefondaki deneyimi belirler.
Ürünümüzün 3D modeli yok, ne yapmalıyız?
CAD dosyanız varsa model ondan hazırlanır. Yoksa teknik çizimden ya da fotoğraf ve ölçülerden modellenir. Model bir kez hazırlanır; Shopify galerisi, konfigüratör, ürün görselleri ve animasyon için aynı model kullanılır.
Konfigüratör sepete doğru ürünü ekler mi?
Evet, kurulumda konfigüratördeki her seçim Shopify'daki bir varyanta bağlanır. Müşterinin 3D modelde seçtiği birleşim sepete o varyant olarak eklenir.