Kısa cevap
Shopify ya da WooCommerce mağazanıza 3D ürün konfigüratörünü üç yolla ekleyebilirsiniz: bir konfigüratör platformunun uygulaması ya da eklentisi, ürün sayfanıza yerleştirilen size özel bir görüntüleyici veya sipariş ya da teklif talebi gönderen ayrı bir konfigüratör sayfası. Asıl karar, seçilen seçeneklerin sepetinize ve siparişinize nasıl ulaşacağı.
3D konfigüratör eklemenin üç yolu
1. Bir platformun uygulaması ya da eklentisi
Zakeke ve Kickflip gibi platformlar Shopify uygulaması ve WooCommerce entegrasyonu sunuyor. Kurduktan sonra ürünleri ve seçenekleri firmanın panelinde tanımlıyorsunuz; konfigüratör ürün sayfanızda görünüyor. En hızlı başlangıç bu; çalışma firmanın arayüzünde oluyor. Size özel 3D konfigüratör mü, platform mu rehberimiz bu yolu size özel kurulumla karşılaştırıyor.
2. Ürün sayfanızda size özel bir görüntüleyici
Bir geliştirici ürününüz için 3D görüntüleyici kurup ürün sayfası şablonunuza yerleştiriyor. Görüntüleyici tarayıcıda WebGL ile, örneğin Three.js kullanılarak çalışıyor ve ürünü glTF/GLB dosyalarıyla yüklüyor. Menüler mağazanızın görünümüne uyuyor. 3D ürün konfigüratörü hizmetimizde kurduğumuz yapı bu.
3. Talep gönderen ayrı bir konfigüratör
Mobilya ya da bisiklet gibi büyük veya siparişe göre üretilen ürünlerde konfigüratör ayrı bir sayfada durup sonucu sepet yerine teklif ya da sipariş formuna gönderebilir. Ekibiniz üretimden önce detayları ve fiyatı onaylar.
Seçimler sepete nasıl ulaşır?
Hangi yolu seçerseniz seçin, müşterinin seçimleri siparişe ekibinizin üretebileceği bir biçimde ulaşmalı. İki yaygın yöntem var.
| Her kombinasyon bir varyant | Tek ürün, ayrıntılar ekli | |
|---|---|---|
| Nasıl çalışır? | Her kombinasyon kendi stok kodu ve fiyatıyla bir varyant olur | Müşteri tek bir ürünü sepete ekler; konfigüratör yaka, kumaş ya da monogram gibi seçimleri o sepet satırına ekler |
| Ne zaman uygun? | Kombinasyon sayısı azken | Parça ve malzeme seçeneği çoksa |
| Shopify | Ürün başına en fazla üç seçenek ve 2.048 varyant | “Line item properties”; adı alt çizgiyle başlayan bilgiler ödeme adımında gizlenir |
| WooCommerce | Varyasyonlu ürünler; 30'dan fazla varyasyonda seçenek menüleri hız için daha basit, sabit bir görünüme geçer | Woo'nun kendi Product Add-Ons eklentisi gibi uzantılar ürüne ek alanlar ekler |
Thobe demomuz nedenini gösteriyor: 9 yaka, 4 manşet, 4 pat, 6 göğüs cebi ve 37 kumaş beş seçenek grubu eder; bu, bir Shopify ürününün alabileceği üç seçeneği aşar. Seçenekler fiyatı değiştiriyorsa sepetteki hesabı baştan belirleyin: fiyatlı varyant, fiyatlı seçenek ya da ek alan veya özel kod. Glorvia kurulumlarında bu yolu teklifte belirliyoruz.
Türkiye'deki mağazalar: ikas ve Ticimax
ikas en fazla üç varyant tipiyle varyantlı ürünleri ve seçim, onay kutusu, renk seçici, metin ya da dosya gibi, fiyat da verilebilen ürün seçeneklerini destekliyor. Ticimax her varyasyona ayrı fiyat, açıklama ve fotoğraf eklenebilen varyant yönetimini ve harici kodlar için script yönetimini listeliyor. Her iki altyapıda sepet bağlantısını teklifte planlıyoruz.
Neler hazırlamalısınız?
Sade bir dille glTF ve GLB
glTF, Khronos Group'un 3D modelleri uygulamalara ve tarayıcılara verimli biçimde aktarmak için geliştirdiği açık ve telifsiz bir format. GLB, aynı modelin tek bir ikili dosyada paketlenmiş hâli. Shopify ürün medyasında GLB kabul ediyor.
Kurduğumuz konfigüratörlerde her seçenek ayrı, sıkıştırılmış bir GLB parçası; bu sayede yeni parçalar sonraki bir aşamada eklenebiliyor.
Telefonda hız için kontrol listesi
Telefonların belleği daha az, bağlantısı çoğu zaman daha yavaş. Yayına almadan önce bunları kontrol edin:
Glorvia nasıl yardımcı olur?
Glorvia, Gaziantep'te size özel 3D konfigüratörleri tek seferlik projeler olarak kuran bir moda atölyesi. 3D parçaları kendimiz hazırlıyor, görüntüleyiciyi Three.js ile markanızın görünümünde kuruyor ve teklifte belirlendiği şekilde Shopify, WooCommerce, ikas, Ticimax ya da kendi altyapınıza bağlıyoruz.
İki demomuz
Bunları thobe, koltuk ve bisikletle birlikte 3D ürün konfigüratörü sayfamızda canlı deneyebilirsiniz.
Sık sorulan sorular
Evet. Bir geliştirici ürün sayfası şablonunuza size özel bir görüntüleyici yerleştirip seçimleri sepete, örneğin “line item properties” olarak gönderebilir. Shopify'ın ürün medyası GLB ya da USDZ formatında tek bir 3D model gösterebilir; parça ve malzeme değiştirmek için konfigüratör gerekir.
Evet. Zakeke ve Kickflip gibi platformlar WooCommerce entegrasyonu sunuyor; bir geliştirici de ürün şablonunuza size özel bir görüntüleyici ekleyebilir. Seçimler sepete varyasyon, Product Add-Ons gibi bir uzantının ek alanları ya da özel kodla eklenen ayrıntılar olarak ulaşabilir.
Yalnızca kombinasyon sayısı azsa. Shopify ürün başına üç seçenek ve 2.048 varyant, ikas üç varyant tipi tanır. Çok parçalı ve çok malzemeli ürünlerde tek bir ana ürün kullanıp ayrıntıları sepet satırına eklemek daha uygundur.
Shopify'da sepetteki bir ürüne eklenen ek bilgilerdir; örneğin seçilen yaka ya da monogram. Adı alt çizgiyle başlayan bir bilgi ödeme adımında gizlenir; bu, iç kodlar için kullanışlıdır.
Dosyalar ağırsa yavaşlatabilir. Sıkıştırılmış GLB ve doku dosyaları, uygun doku boyutları ve seçenekleri seçildikçe yüklemek sayfayı hafif tutar. Önce sabit bir görsel gösterin, gerçek telefonlarda mobil veriyle test edin. Hız, müşterinin telefonuna ve bağlantısına da bağlıdır.
Evet. ikas varyantlı ürünleri ve fiyat verilebilen ürün seçeneklerini, Ticimax varyant yönetimini ve harici kodlar için script yönetimini sunuyor. Size özel bir konfigüratör iki altyapıyla da çalışabilir; seçimlerin sepetinize nasıl aktarılacağını teklifte belirliyoruz.
Ürününüz için 3D konfigüratör planlayalım
Ürününüzü ve müşterilerinizin seçmesini istediğiniz seçenekleri gönderin; nasıl kuracağımızı ve neler gerektiğini size iletelim.
