Demo Site
EN

ContentSections Demo

Content Sections Modülü

Kompanse CMS içindeki tüm Content Section template'lerini tek sayfada gösteren canlı demo.

Bu sayfa, Kompanse CMS Content Sections modülündeki tüm aktif template'lerin bir arada nasıl kullanılabildiğini gösterir.

  • Her blok MCP ile oluşturuldu.
  • Sayfa, bu blokların aynı rota altında nasıl orkestre edilebildiğini gösteriyor.
  • Frontend tarafında her templateCode ilgili bileşene bağlandı.

Template 01

Hero Basic ile modülün değerini tek bakışta anlat

Editörlerin saniyeler içinde güncelleyebildiği, geliştiricilerin ise şema garantisiyle tüketebildiği giriş alanı.

Hero Basic ile modülün değerini tek bakışta anlat

Template 02

Hero Centered ile kampanya, ürün ya da modül lansmanını tek blokta öne çıkar

İçerik yöneticileri başlık, açıklama ve CTA alanlarını kod açmadan değiştirebilir.

Template 03

Hero Split, açıklama ve görseli birlikte sahneye çıkarır

Özellikle ürün, hizmet veya özellik lansmanlarında performanslı bir giriş kurgusu sunar.

Template 04

Feature Cards ile teklifini modüler kartlara böl

Her kart kendi ikonu, metni ve linkiyle farklı senaryolara uyarlanabilir.

Şema kontrollü alanlar

Her template, editörün hangi alanları dolduracağını netleştirir.

Detayları incele

Görsel dilini koru

Aynı frontend bileşeniyle onlarca farklı içeriği tutarlı biçimde yayınla.

Örnek sayfa

Tekrarlı güncellemeleri kolaylaştır

Kampanya değiştiğinde yalnızca CMS kaydını güncellemen yeterlidir.

İletişim

Icon Features, kısa vaatleri net ikonlarla taşır

Landing page, ürün tanıtımı ve kurum sitesi gibi pek çok senaryoda etkili şekilde kullanılır.

Güvenli şema

Template alanları backend ve frontend arasında ortak sözleşme kurar.

Yayına hazır bloklar

Editörler boş şablon yerine anlamlı, sınırları belli alanlarla çalışır.

Ekipler arası netlik

Pazarlama, içerik ve yazılım ekipleri aynı blok üzerinden konuşur.

Hızlı teslim

Yeni bir sayfa ya da bölüm kurgusunu çok daha kısa sürede yayına alırsın.

Stats Grid ile somut etkiyi ölçülebilir hale getir

Dönüşüm, yayın hızı, tekrar kullanım ve ekip verimliliği gibi metrikler bu blokta güçlü görünür.

29

Template sayısı

Aynı modül altında çok sayıda farklı sunum deseni.

2

Aktif dil

TR ve EN içerikleri aynı yapı altında yönetiliyor.

1x

Renderer mantığı

Tek frontend katmanı tüm blokları tüketir.

0 kod

Editör güncellemesi

Metin değişiklikleri için deploy gerekmez.

Logo Cloud ile referans, partner veya entegrasyonlarını göster

Tekrar eden görsel listeleri için hafif ama güçlü bir şablon.

Content section yönetim ekranı

Template 08

Media Text, ekran görüntüsüyle anlatıyı aynı blokta toplar

Blog benzeri içeriklerde, ürün açıklamalarında ve kurumsal hikaye anlatımında rahatça kullanılabilir.

Bu template başlık ve kısa açıklamanın ötesine geçmek istediğin durumlar için idealdir.

  • Rich text desteği
  • Görsel + metin dengesi
  • Opsiyonel CTA alanı
İletişime geç

Before After ile dönüşümü görsel olarak anlat

Eski kurgu ile yeni CMS tabanlı yapıyı karşılaştırmak için güçlü bir format.

Önce: sabit içerik

Önce: sabit içerik

Sonra: template tabanlı yapı

Sonra: template tabanlı yapı
Aynı sayfayı yönetmek için kod bağımlılığından, CMS üzerinden ölçeklenebilir blok mantığına geçiş.

Video Block ile ürün demolarını veya eğitim içeriklerini göm

Kampanya videoları, onboarding akışları ve ürün tanıtımları için pratik bir çözüm.

Process Steps ile akışı adım adım anlat

İçerik üretim, onay ve yayın süreçleri için özellikle etkili.

1

Template seç

Sayfanın ihtiyacına göre hero, kart, FAQ veya medya temelli bir blok seç.

2

Alanları doldur

Başlık, görsel, rich text ve CTA alanlarını CMS üzerinden tamamla.

3

Preview al

Aynı section kaydını farklı dillerde gözden geçir.

4

Yayınla ve yeniden kullan

Aynı blok mantığını başka landing page’lere de taşı.

Neden Content Sections?

İçerik bloklarıyla sayfa akışını CMS üzerinden kurgula

Content Sections modülü; tekrar kullanılabilir, dilli ve template tabanlı bloklarla pazarlama sayfalarını teknik ekibe bağlı kalmadan yönetmeyi sağlar.

  • Her blok kendi alan şemasına sahiptir.
  • İster tekil ister item-list yapılarla içerik üretebilirsin.
  • Aynı frontend renderer, farklı sayfalarda yeniden kullanılabilir.

Gallery Grid ile kampanya görsellerini düzenli sergile

Portföy, ürün koleksiyonu veya referans ekran görüntüleri için uygundur.

Ürün kartı görseli
Ürün kartı örneği
Lifestyle ürün görseli
Lifestyle kreatifi
Şapka görseli
Aksesuar sunumu
Ürün alternatif görseli
İkinci ürün açısı

Pricing Cards ile paketlerini karşılaştırılabilir sun

SaaS, servis paketleri veya danışmanlık teklifleri için ideal kart yapısı.

Starter

₺9.900

/ proje

Temel landing page ve 3 section teslimi.

  • Hero + kart yapısı
  • Tek dil
  • Temel onboarding
Teklif al

Growth

₺24.900

/ proje

Çoklu template, iki dil ve gelişmiş içerik akışı.

  • 8+ section
  • TR + EN
  • UI eşleme
Demo planı konuşalım

Scale

₺49.900

/ proje

Tüm modüller, eğitim ve uzun dönemli içerik üretim altyapısı.

  • Tüm template'ler
  • Ekip eğitimi
  • Süreç danışmanlığı
Kurumsal görüşme

Comparison Table ile seçenekleri tek tabloda hizala

Farklı paket, çözüm ya da teslim modellerini aynı anda kıyaslamak için uygundur.

İçerik yönetimi
Manuel güncelleme
Tek blok
Template tabanlı
Ölçeklenebilir sayfa
Dil desteği
Tek dil
Elle çoğaltma
Merkezi çeviri
Tutarlı deneyim
Yayın hızı
Sprint bekler
Kısıtlı ilerler
Saatler içinde
Tekrar kullanılabilir

Product Highlights, CMS bloklarıyla ürün vitrinini birleştirir

Ürün kataloğundan bağımsız ama aynı görsel dili taşıyan tanıtım alanları üretmek için kullan.

Template paketi

Template paketi

Hero, kart ve bilgi bloklarını tek akışta sunan başlangıç seti.

Ürünleri gör
Koleksiyon vitrini

Koleksiyon vitrini

Yeni sezon, kampanya veya kategori tanıtımlarını vurgulamak için ideal.

Blogu incele
Tamamlayıcı içerik

Tamamlayıcı içerik

Ürün sayfası dışında kalan ama satış anlatısını güçlendiren bloklar.

İletişim kur

Product Specs ile maddeleri net ve okunur tut

Teknik özellik, paket içeriği veya avantaj başlıklarını listelemek için pratik.

Alan tipi

Metin, görsel, link, sayı, boolean

Yayın durumu

Draft / Published

Yerelleştirme

Dil bazlı içerik değeri

Tekrar kullanım

Farklı sayfa akışlarında aynı yapı

Team Grid ile ekibini görünür kıl

Kurumsal sayfalar, ajans ekipleri veya ürün takımları için etkili bir düzen.

Berk Y.

Berk Y.

Ürün stratejisi

Template envanterini, modül sınırlarını ve demo deneyimini kurgular.

Ayse K.

Ayse K.

İçerik tasarımı

Blokların mesajını, tonunu ve çok dilli kurgusunu hazırlıyor.

Can O.

Can O.

Frontend geliştirme

Template alanlarını canlı arayüz bileşenlerine dönüştürüyor.

Template 18

Testimonial List ile güven inşa et

Müşteri, partner veya ekip içi geri bildirimleri güçlü bir sosyal kanıta dönüştür.

Merve A.

Merve A.

Pazarlama lideri · Demo ekip

“Content Sections sayesinde kampanya sayfalarını teknik ekibe sıra bekletmeden güncelleyebiliyoruz.”

Deniz T.

Deniz T.

Frontend developer · Platform takımı

“Template şeması sayesinde UI tarafında sürpriz alanlarla uğraşmıyoruz.”

Sena P.

Sena P.

İçerik yöneticisi · Growth studio

“Çeviriler, CTA'lar ve medya alanları tek kayıt üzerinden yönetilebildiği için süreç çok hızlandı.”

Timeline ile dönüşüm hikayesi kur

Yol haritası, proje fazı veya ürün evrimini anlatmak için kullan.

Faz 01

Template kütüphanesi tanımlandı

İlk aşamada tekrar eden bloklar ayrıştırıldı ve alan şemaları çıkarıldı.

Faz 02

CMS kayıtları üretildi

Her template için canlı, çok dilli demo kayıtları eklendi.

Faz 03

Frontend render katmanı genişletildi

Tüm template kodları için gerçek bileşenler bağlandı.

Faz 04

Yeni sayfa yayına alındı

Tek bir rota altında tüm ContentSections envanteri görünür hale geldi.

Template 20

FAQ List ile itirazları tek yerde cevapla

Özellikle kampanya sayfalarında tekrar eden soruları sade biçimde toplar.

Bu template başka sayfalarda tekrar kullanılabilir mi?

Evet. Aynı template ile farklı code’lara sahip yeni section kayıtları üreterek başka sayfalarda da kullanabilirsin.

Tek bir sayfada hem tekil hem item-list blokları birlikte kullanabilir miyim?

Evet. Bu demo sayfası tam olarak bunu yapıyor; hero, rich text, galeri, pricing ve FAQ aynı akışta çalışıyor.

Frontend tarafı hangi template'in geleceğini nasıl biliyor?

Public API dönen templateCode değeri renderer içinde ilgili bileşene eşlenir.

Branch List ile fiziksel temas noktalarını göster

Mağaza, ofis ya da servis noktalarının çok dilli listelenmesi için uygun.

İstanbul Ofis

Maslak, Sarıyer / İstanbul

+90 212 000 00 01

istanbul@kompanse.com

Open map →

Londra Hub

Soho, London

+44 20 0000 0000

london@kompanse.com

Open map →

Uzaktan destek merkezi

Tamamen dağıtık ekip modeli

+90 850 000 00 00

support@kompanse.com

Open map →

Contact Info ile temel iletişim bilgisini tek blokta topla

Kısa, net ve CTA destekli iletişim alanları için iyi bir başlangıç.

Hours

Hafta içi 09:00 - 18:00

Download List ile dosya veya kaynak sun

Broşür, ürün dokümanı veya kampanya kitleri için kullanılabilir.

Template kataloğu

Bu sayfada kullanılan blokların özet görünümü.

Download

Demo görsel seti

Sunum ve iç ekip paylaşımları için örnek medya paketi.

Download
Footer Brand, marka imzasını güçlü şekilde taşır

Footer Brand, marka imzasını güçlü şekilde taşır

Alt bölümde logo, kısa açıklama ve marka tonunu birlikte verebileceğin sade bir yapı.

Footer Links ile yardımcı gezinme oluştur

Footer link

Hakkımızda

Open

Footer link

Ürünler

Open

Footer link

Content Sections sayfası

Open

Social Links ile topluluk kapılarını göster

Legal Links ile temel yasal rotaları grupla

Legal

Gizlilik yaklaşımı

Open

Legal

Kullanım şartları

Open

CTA Banner ile sayfayı güçlü bir aksiyonla kapat

Template envanteri hazır. Sıradaki adım bunu kendi markan ve içerik akışınla eşleştirmek.

Demo görüşmesi planla