E-ticaretin erken dönemlerinde mağaza ve içerik tamamen ayrı kavramlardı. Bir tarafta ürün sayfaları ve sepet, diğer tarafta blog ve içerik yönetim sistemi. Bu iki dünya, genel olarak birbirinden kopuktu.
Günümüzde en başarılı e-ticaret markaları içeriği ticaretin ayrılmaz bir parçası olarak görüyor. Bir tarih yazısının ortasına ilgili ürünü yerleştiren medya markaları, ürün sayfasını bir editöryal deneyime dönüştüren moda markaları, "nasıl yapılır" videolarından doğrudan satış akışı kuran güzellik markaları...
Bu yaklaşıma content-driven commerce (içerik odaklı ticaret) denir. Ve bu yaklaşımı mümkün kılan teknoloji, headless CMS ile headless e-ticaret platformunun entegrasyonudur.
Headless CMS Nedir?
Geleneksel CMS (WordPress gibi), içerik yönetimini ve içeriğin gösterildiği şablonları tek bir sistemde birleştirir. Headless CMS'de ise yalnızca içerik yönetimi vardır; nasıl gösterileceği CMS'e değil, tüketen uygulamaya bırakılır.
İçerik, API (genellikle REST veya GraphQL) üzerinden sunulur. Bu içeriği kim tüketirse tüketsin; bir web sitesi, mobil uygulama, ses asistanı veya dijital mağaza tabelası olabilir.
Headless CMS'nin Avantajları:- Aynı içerik birden fazla kanalda kullanılabilir
- Frontend bağımsız olarak geliştirilebilir
- İçerik ekibi ve geliştirici ekibi ayrı çalışabilir
- Zengin içerik tipleri ve yapılandırılmış veri
- CDN üzerinden hızlı içerik dağıtımı
Popüler Headless CMS Seçenekleri
Contentful
Piyasadaki en olgun ve yaygın headless CMS'lerden biri olan Contentful, kurumsal düzeyde güvenilirlik ve kapsamlı API desteği sunar.
Güçlü yönleri:- Zengin içerik modelleme araçları
- GraphQL ve REST API
- Global CDN ağı
- Güçlü işbirliği özellikleri
- App marketplace ile 300+ entegrasyon
Sanity
Sanity, geliştiriciler arasında giderek artan popülaritesiyle dikkat çeken esnek bir headless CMS'dir.
Güçlü yönleri:- GROQ (Graph-Relational Object Queries): Sanity'e özgü güçlü sorgu dili
- Portable Text: Zengin metin içeriği için taşınabilir format
- Real-time işbirliği
- Studio'yu tamamen özelleştirme imkânı
- Açık kaynak Studio
Strapi
Strapi, açık kaynak ve self-hosted seçeneği olan bir headless CMS'dir. Verilerini kendi sunucusunda tutmak isteyen işletmeler için idealdir.
Güçlü yönleri:- Tam açık kaynak (Community Edition ücretsiz)
- Self-hosted: Verilere tam kontrol
- REST ve GraphQL API
- Plugin ekosistemi
- TypeScript desteği
Diğer Seçenekler
- Prismic: Slice-based içerik modeli, özellikle pazarlama ekipleri için kullanıcı dostu
- DatoCMS: Görsel içerik yönetimi güçlü, Türk işletmeler arasında da kullanılıyor
- Hygraph (eski adıyla GraphCMS): GraphQL'e tam odaklı, federasyon desteği
İçerik Odaklı Ticaret: Uygulamalı Senaryolar
Senaryo 1: Ürün Sayfası Zenginleştirme
Geleneksel e-ticaret ürün sayfası: ürün adı, fotoğraf, fiyat, açıklama, sepete ekle butonu.
İçerik odaklı ürün sayfası:
- Editöryal açıklama: Ürünün tasarım hikayesi veya kullanım senaryoları
- Video içeriği: Ürün kullanım videosu veya üretim süreci
- Stil rehberi: "Bu ürünü nasıl kombinliyebilirsiniz?"
- Uzman yorumu: Editör veya influencer tavsiyesi
- İlgili içerik: Bu ürünü konu alan blog yazısı
Headless CMS, bu zengin içeriği yönetirken e-ticaret platformunun API'si ürün fiyatı, stok durumu ve sepete ekleme fonksiyonunu sağlar. Frontend her iki kaynaktan veri çeker ve birleştirilmiş bir deneyim sunar.
Senaryo 2: Editöryal Alışveriş Deneyimi
Bir moda markası, mevsimsel lookbook yayınlar. Bu lookbook:
- CMS'de editöryal ekip tarafından oluşturulur (fotoğraflar, metin, stil notları)
- Her fotoğrafta ürün etiketleri bulunur
- Etiket, e-ticaret API'sinden gerçek zamanlı fiyat ve stok bilgisi çeker
- Okuyucu beğendiği ürünü tek tıkla sepete ekleyebilir
Bu deneyim, okuyucuyu bir editöryal yolculuğa çıkarırken alışverişi doğal bir parçaya dönüştürür. Geleneksel ürün listeleme sayfasına kıyasla çok daha yüksek etkileşim ve dönüşüm oranları gözlemlenir.
Senaryo 3: "Nasıl Yapılır" İçerikten Doğrudan Satış
Bir ev dekorasyonu markası, "Skandinav tarzı oturma odası nasıl oluşturulur?" başlıklı bir içerik yayınlar. İçerik boyunca kullanılan tüm ürünler (koltuk, yastık, halı, lamba) etiketlidir. Okuyucu adım adım ilerlediğinde ihtiyacı olan her ürünü tek tıkla sepete ekleyebilir.
Bu yaklaşım "ilham sat, ürün git" mantığının mükemmel bir örneğidir.
Senaryo 4: Kişiselleştirilmiş İçerik ve Ürün Önerileri
CDP (Customer Data Platform) ile headless CMS entegrasyonu, içeriği kişiselleştirmeyi mümkün kılar. Daha önce spor ayakkabı satın almış bir müşteri, ana sayfada spor koleksiyonunu öne çıkaran editöryal içerik görür. Bu kişiselleştirme hem içerik hem de ürün önerileri düzeyinde gerçekleşir.
Teknik Entegrasyon Mimarisi
┌─────────────────┐
│ Headless CMS │
│ (Contentful/ │
│ Sanity/Strapi) │
└────────┬────────┘
│ İçerik API'si
│ (GraphQL/REST)
▼
┌──────────────────────────────────────────────────┐
│ Next.js Frontend │
│ ┌─────────────┐ ┌──────────────────────┐ │
│ │ Editöryal │ │ E-Ticaret │ │
│ │ İçerik │ │ Bileşenleri │ │
│ │ Bileşenleri │ │ (Sepet, Ürün Kartı)│ │
│ └─────────────┘ └──────────────────────┘ │
└──────────────────────────────────────────────────┘
│ Ürün/Stok/Sipariş API'si
▼
┌─────────────────┐
│ E-Ticaret │
│ Platformu │
│ (Backend) │
└─────────────────┘
Veri Birleştirme Stratejileri
Ürün Slug Eşleştirme: CMS'deki editöryal içerik ve e-ticaret platformundaki ürün kaydı, aynı slug (URL kimliği) ile eşleştirilir. Frontend her iki kaynaktan veri çekerek birleştirir. Embedded Ürün Referansı: CMS içerik modeli, "Ürün ID" alanını barındırır. Bu alan, e-ticaret platformundaki ürün ID'sine referans verir. Frontend bu ID ile e-ticaret API'sinden fiyat ve stok çeker. Webhook Tabanlı Senkronizasyon: E-ticaret platformunda bir ürün fiyatı değiştiğinde webhook tetiklenir. Bu webhook CMS'deki önbelleği geçersiz kılar ve frontend'in güncel fiyatı çekmesini sağlar.İçerik Yönetimi İş Akışları
Headless CMS'in e-ticarete entegrasyonunun bir diğer boyutu, editöryal ve pazarlama ekiplerinin iş akışlarıdır.
Taslak ve Yayın Akışı: Pazarlama ekibi içeriği hazırlar, onay sürecinden geçirir ve planlanan tarihte yayınlar. Ürün lansmanıyla içerik lansmanı koordineli planlanır. Lokalizasyon: Çok dilli e-ticaret mağazalarında içerik, her dil için ayrı olarak yönetilir. CMS lokalizasyon desteği, çeviri iş akışlarını kolaylaştırır. Önizleme Ortamı: Editörler içeriği yayınlamadan önce gerçek mağaza ortamında önizleyebilir. Bu, içerik hatalarını yayın öncesinde yakalamayı sağlar.Hangi CMS Doğru Seçim?
| Kriter | Contentful | Sanity | Strapi |
|---|---|---|---|
| Veri egemenliği | SaaS (Contentful bulutunda) | SaaS veya self-hosted | Self-hosted |
| Maliyet | Yüksek | Orta | Düşük (açık kaynak) |
| Geliştirici deneyimi | İyi | Çok iyi | İyi |
| İçerik modelleme | Güçlü | Çok güçlü ve esnek | Güçlü |
| Lokalizasyon | Ücretli özellik | Dahil | Plugin ile |
| Öğrenme eğrisi | Orta | Dik | Orta |
Küçük ve orta ölçekli işletmeler için Strapi, veri egemenliği isteyenler için mantıklı bir başlangıç noktasıdır. İçerik operasyonu büyüdükçe Contentful veya Sanity'ye geçiş değerlendirilebilir.
Teramerce ve Headless CMS
Bu yazıdaki mimari genel bir örnektir. Teramerce'de mağaza Next.js tabanlıdır; ürünler için yapılandırılmış veri ve site haritası hazır gelir. Contentful, Sanity veya Strapi için hazır bir Teramerce entegrasyonu şu an bulunmuyor.
Teramerce mağazasını incelemek için demo talep edin.
