Akustik ofis kabinleri ve modüler çalışma alanları

Calma: Shopify üzerinde bayi teklif ve onay akışı

Onaylı bayilerin kendi fiyatlarını gördüğü, teklif oluşturup Excel’e aktardığı ve bu teklifleri markanın onayından geçen taslak siparişlere dönüştürdüğü, Shopify üzerine kurulu bir B2B portalı; konfigüratör verisi Axapta ve CRM’e kadar taşınıyor.

  • Bayi portalı
  • Tekliften taslak siparişe
  • Onay akışı
  • 3D konfigüratör
  • Axapta/CRM aktarımı
  • Rol bazlı fiyatlandırma
Müşteri
Calma
Sektör
Akustik ofis kabinleri ve modüler çalışma alanları
Pazar
Uluslararası bayi ağı
Rol
Full-stack Shopify geliştiricisi ve danışmanı
İş birliği
Markanın proje ekibi ve proje yöneticisiyle çalıştım; tasarım dosyaları markanın tasarım ekibinden geldi; ERP/CRM veri alışverişi sistem sahipleriyle birlikte tanımlandı.
Teknolojiler
Liquid · JavaScript · React · Node.js · MySQL · Babylon.js · Shopify Admin API
Dış referans
Referans siteyi ziyaret edin (bos.nurus.com) Tarihsel portal adresi. Fiyatlar ve sipariş için onaylı bayi hesabı gerekir; canlı portal bu çalışmadan bu yana değişmiş olabilir.
Calma için kurulan bayiden siparişe akışBayi giriş yapar ve rolüne göre fiyatları görür, yapılandırılmış ürünlerden bir teklif oluşturur; teklif Shopify’da taslak siparişe dönüşür, account manager onaylar ve taslak, süreç e-postalarıyla siparişe çevrilir. Sipariş ve konfigürasyon verisi ardından Axapta’ya ve CRM’e aktarılır.
Şekil 1 — Calma için kurulan bayi → sipariş akışı. Şematik çizimdir, ürün ekran görüntüsü değildir.

Durum

Calma akustik kabinler ve modüler çalışma alanı ürünleri üretiyor: teknoloji yoğun, büyük ölçüde siparişe göre üretilen ve uluslararası bayiler üzerinden satılan ürünler. Nurus ile bağlantılı marka, bayilerinin e-posta yerine bir storefront üzerinde çalışmasını istiyordu: kendi fiyatlarını görsünler, ürünleri yapılandırsınlar, son müşteri için teklif hazırlasınlar ve bu teklifi markanın kontrolünde bir siparişe doğru ilerletsinler.

Standart bir Shopify mağazası böyle çalışmaz. Fiyatlar herkese açıktır, sepet checkout’ta siparişe dönüşür; onay bekleyen bayi ya da bir yöneticinin imzalaması gereken taslak diye bir kavram yoktur. Proje, bu kavramları platformla kavga etmeden Shopify’ın üzerine kurmaktı.

Rolüm

Projede markanın proje ekibi ve proje yöneticisiyle birlikte çalışan full-stack Shopify geliştiricisi ve danışmanıydım. Mağazayı hazır bir tema üzerinde, GitHub’a bağlı main/dev akışıyla kurdum; sayfaları ve section’ları tasarım ekibinin dosyalarından geliştirdim; B2B mantığını taşıyan özel uygulamaları yazdım. ERP ve CRM tarafı, bu sistemleri yöneten kişilerle birlikte tanımlandı.

Kurulan akış

Portalın tamamı tek bir zincir etrafında düzenleniyor:

Bayi → Teklif → Taslak sipariş → Onay → Sipariş

Her adımın mağazada ve özel uygulamada somut bir karşılığı var.

Bayi başvurusu ve yetkilendirme. Ziyaretçi ürünlere göz atabilir ama fiyat göremez. Hesap oluşturduktan sonra bayi başvuru formunu doldurur. Başvuru mağaza yöneticisine e-postayla ulaşır ve özel uygulamanın yönetim sayfasında görünür; onay burada verilir. Onaya kadar hesap yetkisiz kalır: fiyat yok, sipariş yok; yalnızca sepetteki ürünler için teklif isteme seçeneği var.

Rol bazlı fiyat görünürlüğü. Ürün sayfalarında, sepette ve aramada fiyatın gösterilip gösterilmeyeceğini hesabın rolü belirler; bu mantık Liquid ile uygulama arasında paylaştırılarak kuruldu. Yetkisiz ziyaretçiler ve başvurusu bekleyenler teklif isteme yoluna yönlenir; onaylı bayiler kendi fiyatlarını görür.

Teklif. Onaylı bayi bir sepet oluşturur ve bunu teklif olarak kaydeder. Teklif mağazada saklanır ve bayinin kendi müşterisine iletmesi için Excel dosyası olarak indirilebilir.

Taslak sipariş ve onay. Bayi hazır olduğunda teklif bir Shopify taslak siparişine (draft order) dönüştürülür ve markayı bekler. Mağaza yöneticisi ya da o bayinin ülkesinden sorumlu account manager, taslağı uygulamanın yönetim sayfasında inceler. Onay, taslağı gerçek siparişe çevirir. Bu akışta Shopify ödeme adımı yoktur; ödeme koşulları, eskiden olduğu gibi marka ile bayi arasında yürür.

Ülkeye göre account manager. Mağaza yöneticisi uygulamadan ülkelere account manager atar. Her yönetici kendi bölgesindeki bayi başvurularını ve taslak siparişleri yönetir.

Kurum olarak bayiler. Bayiler kendi personel hesaplarını ve kendi müşterilerini ekleyebilir, bir müşteri adına sipariş verebilir. Her adımın süreç e-postaları markanın kendi e-posta alan adından gönderilir.

Yapılandırılan ürünler

Calma’nın ürünleri nadiren katalogdaki hâliyle sipariş edilir. İkinci bir özel uygulama, Babylon.js üzerine kurulu pCon konfigüratörünü ürün sayfasına entegre ediyor. Bayi ürünü 3D ortamda yapılandırır; konfigüratör, Shopify’da varyant olarak bulunmayan bir ürün tanımı ve fiyat döndürür. Yapılandırılan ürün bu fiyatla sepete eklenir, teklif ve taslak sipariş adımlarından diğer satırlar gibi geçer; konfigürasyon verisi siparişle birlikte Axapta’ya (ERP) ve CRM’e gönderilir. Böylece üretim ve satış, tam olarak neyin teklif edildiğini görür.

Teknik olarak neler geliştirildi

  • Gömülü yönetim arayüzü (React) ve MySQL kullanan Node.js backend’iyle özel bir Shopify uygulaması; bayi başvurularını, rolleri, account manager atamalarını, teklifleri ve taslak siparişlerin onay durumunu tutuyor.
  • Fiyat görünürlüğü, teklif talepleri ve bayi hesap alanı için Liquid ve JavaScript ile storefront entegrasyonu.
  • Standart checkout olmadan, Shopify Admin API üzerinden taslak sipariş oluşturma ve dönüştürme.
  • Babylon.js/pCon çıktısını özel fiyatlı sepet satırlarına bağlayan konfigüratör entegrasyon uygulaması.
  • Sipariş ve konfigürasyon verisinin Axapta ve CRM’e aktarımı.
  • Sürecin her adımı için markanın kendi e-posta alan adından gönderilen e-posta akışları.
  • Mağaza ekibinin section’ları ve ayarları geliştiriciye ihtiyaç duymadan yönetebilmesi için dokümantasyon.

Sonuç

Bayiler tek bir portal üzerinden başvuruyor, onaylanıyor, teklif hazırlıyor, dışa aktarıyor ve sipariş veriyor; markanın yöneticileri e-postaları karşılaştırmak yerine bir yönetim sayfasından onay veriyor. Yapılandırılan ürünler ERP’ye konfigürasyonlarıyla birlikte ulaşıyor. Akış Calma’nın satış biçimine göre kuruldu ve Shopify’ın iyi desteklediği sınırlar içinde kalıyor.

Benzer bir şey üzerinde mi çalışıyorsunuz? Bu projelerin çoğu, mağazayı ve sorunu anlatan kısa bir e-postayla başladı.

Projenizi konuşalım