Belgeler

Amaç

Alter Product, etkileşimli ürün görselleştirme, yapılandırma ve kişiselleştirme için geliştirilmiş modern bir web uygulamasıdır. Talep üzerine baskı işletmeleri, kişiselleştirme sunan üreticiler, çevrimiçi mağazalar ve ürünlerini dinamik, tamamen etkileşimli bir 3D ortamda sunmak isteyen tasarımcılar için oluşturulmuştur.

Platform, aşağıdaki araçları tek bir e-ticaret iş akışında birleştirir:

  • Designer — varyantları, baskı alanlarını, ürünleri ve çalışma zamanı ayarlarını tanımlayan merkezi çalışma alanı
  • Viewer — görsel sunum için 3D e-ticaret ürün görüntüleyicisi
  • Configurator — ürün varyantları ve beden, malzeme, renk gibi parametreler için 3D e-ticaret yapılandırıcısı
  • Customizer — ürünlere grafik, metin, düzen ve baskı öğeleri eklemek için gelişmiş e-ticaret tasarım aracı
  • 3D Model Oluşturucu – düzenlenebilir kalıplar, dikişler ve ölçüler temelinde parametrik 3D modeller oluşturma ve ayarlama

Viewer, Configurator ve Customizer, iframe ile sitenize yerleştirilebilir, URL parametreleriyle ayarlanabilir ve güvenli postMessage iletişimiyle entegre edilebilir.

Designer modülü merkezi yönetim katmanıdır: varyantları, baskı alanlarını ve çalışma zamanı ayarlarını tanımlar. Viewer, Configurator ve Customizer, e-ticaret deneyimini sunmak için bu ayarları ve Designer’da hazırlanan tasarımı kullanır; Designer çalışma alanını açmazlar. Designer, satıcı iş akışları için ayrıca yerleştirilebilir. Yerleştirilmiş veya yerel depolama kullanan kurulumlarda varlıklar ve tasarım verileri sunucunuzda saklanır; Alter Product ise lisansları ve çalışma zamanı erişimini yönetir.

Entegrasyonlar için Alter Product, mağazanızın veya backend sisteminizin tasarım verilerini almasını ve Customizer siparişlerini eşitlemesini sağlayan özel bir Public API sunar. WordPress/WooCommerce mağazaları için resmî bir WordPress eklentisi de vardır; kurulum ayrıntıları için WooCommerce entegrasyon kılavuzuna bakın.

3D Model Oluşturucu

Bir oluşturucu şablonuyla veya oluşturucu içeren mevcut bir modelle başlayın. Kalıpları, dikişleri ve ölçüleri düzenleyin, sonucu bir manken üzerinde kontrol edin ve dokuları uygulayın. Oluşturucu projesini kaydedin, ardından kaydedilmiş bir revizyonu bir tasarımda kullanın. Ortaya çıkan model, Designer ve mevcut Customizer, Configurator ve Viewer ürün akışlarıyla çalışır.

WordPress'te yeniden kullanılabilir şablonlar, mankenler ve doku kitaplıkları Assets bölümünde bulunur; HDRI ortamları ortak ortam kitaplığını kullanır. Model generator, yerel projeleri listeler ve oluşturucu içeren modelleri içe aktarır. Starter pack, seçilen modeli oluşturucusu, şablonu ve her iki manken dahil ilgili kaynaklarıyla birlikte indirir. Projeler ve dosyalar WordPress'te saklanır; katalog güncellemeleri, içe aktarmalar, frontend ve erişim kontrolleri Alter Product'ı kullanmaya devam eder.

Oluşturucu API belgelerini aç

Hızlı başlangıç

Alter Product’ı mağazanıza bağlamak için bu kısa kurulum adımlarını izleyin.

  1. Hesap oluşturun ve entegrasyon yolunu seçin Kaydolun veya giriş yapın. WooCommerce mağazaları resmî eklenti ve Auto Connect ile başlamalı; özel veya headless mağazalar Public API kullanmalıdır.
  2. Mağazanızı kurun ve bağlayın WordPress/WooCommerce için eklentiyi yükleyin, kalıcı bağlantıları etkinleştirin ve WordPress yönetiminden bağlanın. Sürecin tamamı WooCommerce entegrasyon kılavuzunda açıklanır. Özel altyapılarda sunucu tarafı API kimlik bilgileri oluşturun ve mağaza alan adına izin verin.
  3. Tasarım oluşturun ve eşleştirin WooCommerce ürün düzenleme sayfasını açıp Alter Product sekmesinden tasarım oluşturun veya seçin. Viewer, Configurator veya Customizer’ın doğru e-ticaret deneyimini sunması için Designer’da varyantları, baskı alanlarını ve çalışma zamanı ayarlarını tanımlayın.
  4. Seçili aracı yerleştirin ve çalışma zamanı olaylarını işleyin WooCommerce eklentisi, seçili aracı ürün veya WordPress sayfalarında gösterebilir. Özel entegrasyonlar iframe’i yerleştirir, backend’de kısa ömürlü oturum belirteci oluşturur ve sepete ekleme, güncel veriler ve Customizer sipariş eşitlemesi için postMessage kullanır.