Web Tasarım

Ürün Renk Seçici: Müşteri Rengi Görmeden Almaz mı?

Renkli ürün satan sitede renk seçici nasıl kurulur? XPEL Türkiye örneğiyle araç tipi, renk, temsilî not ve bayi bağlantısını sade biçimde anlatıyoruz.

Ürün Renk Seçici: Müşteri Rengi Görmeden Almaz mı?

Bir müşteri aracına boya koruma filmi yaptırmak istediğinde önce markayı biliyor. Asıl sorusu rengin nasıl duracağı: parlak mı saten mi, aracının rengine yakışır mı? Sitenizde bu soruya cevap yoksa müşteri ya WhatsApp’tan fotoğraf ister ya da sayfadan çıkar.

Bu yazıda sitede ürün renk seçici kurmanın neden işe yaradığını, XPEL Türkiye için nasıl kurduğumuzu ve kendi sitenizde bakacağınız noktaları anlatıyorum. Sayılar XPEL Türkiye sitesinde 30 Eylül ve 25 Ekim 2026 tarihlerinde kontrol edilen değerler.

Renk kararı neden sitede verilir?

Bir ürün rengiyle satılıyorsa müşteri en çok o rengi görmek ister. Katalog dosyası ya da PDF bunu iyi yapamaz. Ekranda küçük bir kare ya da yazıdan ibaret bir liste görünür; rengin parlaklığı, saten dokusu ya da aracın gövdesinde nasıl duracağı anlaşılmaz. Sahada en çok bu noktada kopukluk görüyoruz. Müşteri siteyi beğeniyor, sonra renk sorusunu WhatsApp’tan soruyor, cevap beklerken de vazgeçiyor.

Videoda bu noktayı tam olarak anlatıyoruz: “Renk seçenekleri bir katalog dosyasında kalıyor.” Bu bir teşhis. Karşılığı ise rengi sitede seçilebilir hâle getirmek.

XPEL Türkiye’de renk seçici nasıl çalışıyor?

XPEL Türkiye merkez sitesinde boya koruma filmi (PPF) için bir renk seçici var. Akış üç adımdan oluşuyor:

  • Ziyaretçi önce araç tipini seçiyor: otomobil, spor ya da SUV.
  • Sonra 16 renkten birine dokunuyor. Renklerin 11’i parlak, 5’i saten.
  • Seçilen kombinasyonun görseli açılıyor. 3 araç tipi ve 16 renkle toplam 48 kare var.

Kareler önceden hazırlanmış görseller. Seçici için WebGL ya da 3D motor gerekmiyor. Seçici ana sayfada ve PPF sayfasında yer alıyor, üç sitede de aynı şekilde çalışıyor. Telefonda ise altta sabit üç düğme var: bayi bul, WhatsApp ve asistan. Renk seçiciye ulaşmak için kaydırmak gerekmiyor.

Bu yapı XPEL Türkiye referansında bütün olarak duruyor. Benzer bir ürün seçimi olan her web tasarım işinde aynı mantığı kurabilirsiniz.

Renk ekrana göre değişir; bunu siteye yazın

Renk seçicinin altında iki satırlık bir not var: “Renkler ekrana göre farklı görünebilir. Gerçek numune için en yakın yetkili bayiye ulaşın.” Bu notu zayıf bulup kaldırmak cazip gelebilir. Bence kalmalı, çünkü ekrandaki renk ile aracın üstündeki renk aynı değil. Ekranın parlaklığı, telefonun kalibrasyonu ve dış aydınlatma rengi değiştirir.

Bu not iki işe yarar. Birincisi, müşteri yanlış beklentiyle bayiye gelmez. İkincisi, seçici bir satış vaadi gibi değil, bir ön eleme gibi çalışır. Gerçek karar atölyede numuneyi görünce verilir ve sitenin dürüst olduğunu bu not gösterir.

Notu seçicinin hemen altına koymak da önemli, çünkü ziyaretçinin rengi değerlendirdiği an tam olarak orası. Notu yazarken “temsilî” kelimesini kullanın. “Birebir” ya da “aynı” gibi kesin ifadeler, bayiye gelen müşteride hayal kırıklığı yaratır.

Seçici müşteriyi bayiye götürür

Renk kararı sitede verilse de uygulama bayide yapılıyor. XPEL Türkiye’de ürün yetkili bayi atölyelerinde uygulandığı için seçicinin asıl işi müşteriyi doğru bayiye ulaştırmak. Bu yüzden renk seçici ile bayi dizini birbirine bağlı.

Bayi dizini 25 Ekim 2026 itibarıyla 7 şehirde 17 yetkili bayiyi listeliyor. Ankara’yı seçince liste 2 bayiye iniyor. Videoda bu akış şöyle geçiyor: “Yani renk seçici de müşteriyi bayiye götürüyor.” Kendi sitenizde de renk seçicinin hemen altında bir bayi ya da iletişim düğmesi olmalı. Kararı veren kişi o anda nereye gideceğini bilmek istiyor.

Üç sitede aynı seçici, üç ayrı bayi

Merkez, İzmir ve Trabzon sitelerinde renk seçici aynı kod tabanından geliyor. Tasarım ve seçici ortak; adres, telefon, çalışma saatleri ve iletişim düğmeleri her bayinin kendisine ait. Bu ayrımı kurmak ilk başta zahmetli, çünkü ortak parça ile bayiye özgü veriyi aynı kaynaktan çıkarmak için bir yapılandırma düzeni gerekiyor. Sonuçta ortak bir düzeltme tek yerde yapılıyor.

Bunun bir bedeli de var: her site kendi alan adında ayrı yayınlandığı için düzeltme üç siteye ayrı ayrı gönderiliyor.

Bayi sitelerinde fark daha belirgin. Trabzon sitesinde WhatsApp’a dokunan müşterinin mesajı hazır geliyor: sitenin adı, fiyat teklifi isteği ve aracım satırı. Müşteri yalnızca aracını yazıyor; bayi de mesajın hangi siteden geldiğini ilk satırdan görüyor. Bu küçük ayrıntı, bayinin ilk cevabını hızlandırıyor ve müşteriye aynı soruyu iki kez sormak zorunda kalmamayı sağlıyor. Bu iş planında baştan hesaba katılmazsa ilk düzeltmede şaşırtır.

Kendi sitenizde renk seçici kurarken

Her ürün için aynı seçici işe yaramaz. Önce hangi sorulara cevap vermesi gerektiğini yazın, sonra arayüzü ona göre kurun.

SoruYapılacakKontrol
Müşteri ilk hangi seçimi yapıyor?Ürün tipi ya da model ilk adım olsunTelefonda tek elle seçilebiliyor mu?
Kaç renk gerçekten var?Yalnızca stokta ve uygulanabilir renkleri listeleyinHer renk için kullanılan görsel gerçek ürünle uyumlu mu?
Renk ne kadar doğru gösterilebilir?Temsilî notu seçicinin hemen altına koyunNot okunuyor mu, kaydırmadan görünüyor mu?
Karar nereye gidiyor?Bayi ya da iletişim düğmesini seçicinin yanına koyunDüğmeye tek dokunuşla ulaşılıyor mu?

Bir de şunu sorun: müşteri bu ürünü hangi koşulda seçiyor? Araç sahibi için renk, aracın kendi görünümüyle ilgilidir. Seçiciyi araç tipine göre kurmak, yalnızca alfabetik bir renk listesi vermekten daha çok işe yarar; bence seçicinin asıl değeri de bu sıralamada.

Renk seçici için en çok zaman hazırlıkta gider, çünkü kareler önceden hazırlanmış olmalı. Renk sayısını ve ürün tiplerini önce netleştirin. Sonradan yeni bir renk eklemek, bütün kombinasyonları yeniden hazırlamak anlamına gelebilir.

Seçici ile metin birlikte çalışmalı

Renk seçici tek başına satış yapmaz. Ziyaretçi rengi seçtikten sonra ne yapacağını bilmeli. XPEL Türkiye’de seçicinin yanındaki akış bayi bulmaya ve iletişime bağlı; kendi sitenizde de seçiciden sonra gidilecek yeri net gösterin.

Seçiciyi sayfaya koyarken üç şey iyi çalışır. Ürünün adı ve tipi seçicinin üstünde yazılı olsun, böylece ziyaretçi neye baktığını bilir. Seçicinin altında kısa bir açıklama olsun: ne işe yaradığını ve hangi noktada uzmana sorması gerektiğini. Son olarak, seçiciyle aynı sayfada ürünün uygulamasını ya da bakım bilgisini verin. Rengi seçen kişinin “peki bu nasıl uygulanıyor?” sorusunu sayfadan çıkmadan cevaplamasını sağlar.

Sık yapılan hata, seçiciyi bir oyuncak gibi konumlandırmaktır. Ziyaretçi bir süre renkleri deneyip sayfadan çıkabilir. Seçiciyi bayi bulma ve iletişim düğmeleriyle birlikte düşünürseniz, deneme eylemi bir sonraki adıma dönüşür.

Marka ve tescil notu

XPEL® tescilli bir marka ve merkez sitede bu not açıkça yer alıyor. Başka bir markanın adını, renk sistemini ya da ürün adını sitenizde kullanıyorsanız, tescil işaretini ve kısa bir kaynak notunu koymak hem dürüst hem de sizi korur. Ürünün sahibi olmadığınız bir markayla çalışıyorsanız, aynı yaklaşımı izleyin ve markanın kendi kullanım kurallarını okuyun. Bu not müşteriyi yanıltmaz; aksine, rengin kime ait bir marka olduğunu baştan gösterir.

Kontrol listesi

Bu yazıdaki bilgiler XPEL Türkiye referans sayfamızdan, merkez sitenin renk seçici bölümünden ve XPEL referans videomuzdaki anlatımdan alındı. Kendi sitenizde şu beş noktaya bakın:

  • Müşteri ürünün rengini sayfada seçebiliyor mu?
  • Renklerin temsilî olduğu siteye yazılmış mı?
  • Renk seçicinin hemen yanında bayi ya da iletişim düğmesi var mı?
  • Seçici telefonda tek elle kullanılabiliyor mu? Mobil uyum testini burada da kullanabilirsiniz.
  • Her renk için kullanılan görsel gerçek ürünle uyumlu mu?
Ürün Renk Seçici: Müşteri Rengi Görmeden Almaz mı? — bölüm özeti: Renk kararı neden sitede verilir?; XPEL Türkiye’de renk seçici nasıl çalışıyor?; Renk ekrana göre değişir; bunu siteye yazın; Seçici müşteriyi bayiye götürür; Üç sitede aynı seçici, üç ayrı bayi; Kendi sitenizde renk seçici kurarken; Seçici ile metin birlikte çalışmalı; Marka ve tescil notu; Kontrol listesi
Bu yazının bölümleri tek bakışta.

SSS

Bu yazıyla ilgili sık sorulanlar.

Sorunuz burada yoksa bize yazın.

WhatsApp’tan sorun
01Sitede ürün renk seçici kurmak için 3D model mi gerekir?

Hayır. XPEL Türkiye sitesindeki seçici önceden hazırlanmış görsellerle çalışıyor; WebGL ya da 3D motoru yok. Her araç tipi ve renk için bir kare hazırlanıyor, ziyaretçi seçtiğinde ilgili kare açılıyor. Önemli olan görsellerin tutarlı ve gerçek ürünle uyumlu olması.

02Renk seçicideki renkler gerçek boyayla birebir aynı mı?

Aynı değil ve bunu sitede açıkça yazmak gerekir. Ekran, aydınlatma ve cihaza göre renk farklı görünebilir. XPEL Türkiye sitesinde bu yüzden not düşülüyor ve gerçek numune için en yakın yetkili bayiye yönlendiriliyor.

03Renk seçici bayi bulmayla nasıl birleşir?

Seçici müşteriyi renk kararına götürür, bayi dizini ise o kararı uygulayacağı atölyeye. XPEL Türkiye'de 7 şehirde 17 yetkili bayi listeleniyor. Ziyaretçi şehrini seçtiğinde yalnızca o şehrin bayileri kalıyor.

04Renk seçici her sektöre uyar mı?

Hayır. Renk seçici, müşterinin kararını renge bağlı verdiği ürünlerde işe yarar; araç kaplaması, boya ya da döşeme gibi. Renk kararında belirleyici değilse seçici çoğu zaman gereksiz kalır. Önce müşterilerinizin en sık hangi soruyu sorduğuna bakın.

05Renk seçici eklemek arama görünürlüğünü etkiler mi?

Seçicinin yanındaki ürün metni sayfada düz metin olarak da durmalıdır. Araç tipi, renk adları ve ürünün ne olduğu yazılı değilse sayfa yalnızca görsel bir kutu olur ve arama motorunun okuyabileceği bir içerik kalmaz.

06Üçüncü taraf bir markanın adı sitede nasıl yazılır?

Marka tescilliyse adının yanına tescil işaretini koyun ve sayfada kısa bir not düşün. XPEL Türkiye sitesinde “XPEL®” için bu not var. Markanın kendi kullanım kurallarını da okumanız iyi olur.

07Renk seçiciyi telefonda nasıl test ederim?

Gerçek telefonda deneyin: araç tipini ve rengi tek elle seçebiliyor musunuz, kare ekrana sığıyor mu, not okunuyor mu? Tarayıcının cihaz taklidi işe yarar ama dokunma hissini taklit etmez. İki yöntemi birlikte kullanın.

Hazır mısınız?

Markanız için sıradan olmayan bir web sitesi konuşalım.

Birkaç dakikalık bir görüşme yeter. Fikrinizi dinleyip net bir yol haritası çıkaralım.

Ya da teklif formunu doldurun; size dönelim.