--- title: "Mağaza Vitrini — Daras" canonical_url: "https://daras.com.tr/platform/vitrin" last_updated: "2026-10-07T09:00:02.155Z" locale: tr meta: description: "9 hazır tema, no-code görsel editör, TipTap WYSIWYG, Buy Button, özel tasarım vitrin API'si. Kod yok." "og:description": "9 hazır tema, no-code görsel editör, TipTap WYSIWYG, Buy Button, özel tasarım vitrin API'si. Kod yok." "og:title": "Mağaza Vitrini — Daras" "twitter:description": "9 hazır tema, no-code görsel editör, TipTap WYSIWYG, Buy Button, özel tasarım vitrin API'si. Kod yok." "twitter:title": "Mağaza Vitrini — Daras" --- Platform · Vitrin 05 # **Mağaza vitrininiz, **kod yok. 9 hazır tema, görsel drag-drop editör, TipTap WYSIWYG, MediaPicker + Unsplash. Buy Button + özel tasarım vitrin API'si geliştirici ekibe açık; ama paneliniz tamamen no-code. [Demo iste ](https://daras.com.tr/demo) [Deneme mağazası aç](https://app.daras.com.tr/register) **9** **Hazır tema** Sektör + stil bazlı **Drag-drop** **Görsel editör** a11y + autoscroll **1.2s** **Ortalama açılış** P75 LCP **Özel tasarım vitrin** **REST API** İsterseniz Nuxt/Next ile Ne yapar ## Tasarım tamamen *sizin elinizde.* ### **Görsel editör ** Section drag-drop, insertion line + ghost + autoscroll. Klavye ve ekran okuyucu uyumlu. ### **9 hazır tema ** Moda, ev, teknoloji, gıda, kozmetik — her sektör için hazır şablon. ### **TipTap WYSIWYG ** HTML yok; başlık, paragraf, liste, link, medya kütüphanesinden görsel ve tablo — tıklayarak. ### **Buy Button **Kervan ve üstü Blogunuza, WordPress'inize ya da herhangi bir web sayfasına tek satır kodla “Satın al” düğmesi; ziyaretçi mağazanızdaki ürün sayfasına gelir. Daras'ta nasıl çalışır ## Yeni vitrinin *6 dakikalık yolculuğu.* **Adım 01** ### **Tema seç** 9 hazır temadan birini başlangıç olarak seç; demo veriyle önizle. **Adım 02** ### **Logo + renk** Color picker ile marka renklerini ayarla; logo MediaPicker'dan yükle. **Adım 03** ### **Section drag-drop** Hero, ürün gridi, kategori, banner — istediğin section'ı sürükle. **Adım 04** ### **İçerik gir** TipTap WYSIWYG ile başlık, paragraf, link — hiç kod yok. **Adım 05** ### **Önizle** Desktop, tablet, mobil önizleme; SEO meta + Open Graph hazır. **Adım 06** ### **Yayınla** Tek tıkla canlıya; CDN cache invalidasyonu otomatik. Detay özellikler ## Vitrin yönetiminde *dikkat ettiğimiz detaylar.* **%100 no-code panel ** Bilinen JSON, raw HTML, code editor YOK. Color picker, page picker, repeater drag-drop her yerde. **Buy Button **Kervan ve üstü Blog yazınıza, WordPress'inize, herhangi bir sayfaya — tek satır script. **Özel tasarım vitrin API ** İsterseniz Nuxt/Next/Astro ile kendi vitrininizi yazın; REST + OpenAPI hazır. **Empty-state CTA ** Yeni sayfa açtınız — boş ekran yerine 'Şablondan başla' butonu. **a11y şart ** Drag-drop klavye + screen reader; renk kontrastı WCAG 2.1 AA. **SEO + i18n ** Sitemap.xml, robots.txt, Open Graph, JSON-LD Product schema — hepsi otomatik. Vitrin arayüzü TR + EN. **Performance ** Section islands + payloadExtraction + axe a11y per-section + Lighthouse CI. Hangi modüllerle çalışır ## Vitrin modülü, *diğer modüllerle nasıl konuşur.* [

**Katalog**

Ürün, varyant, kategori, özellik — hepsi vitrine yansır.**Modüle git **](https://daras.com.tr/platform/katalog) [

**Ödeme**

Tek sayfa ödeme adımı + taksit.**Modüle git **](https://daras.com.tr/platform/checkout) [

**AI**

Görsel arama ve ürün önerisi rafları bölüm olarak hazır.**Modüle git **](https://daras.com.tr/platform/ai) [

**REST API**

Daras CLI ve REST API geliştiriciler için.**Modüle git **](https://daras.com.tr/platform/api) Plan kapsamı ### **Hangi planda mevcut** **Dükkân**** Kervan**** Han (özel tasarım vitrin)**** Kurumsal** [**Tüm plan detayları **](https://daras.com.tr/fiyatlandirma) Başlayın ## **Deneme mağazanızda deneyin, hazır olunca canlıya alın.** Geçiş ekibi ürün, müşteri, sipariş ve temanızı taşır; SEO 301 yönlendirme haritası kurulur. [**Ücretsiz başla**](https://app.daras.com.tr/register) [**Geliştirici portalı**](https://developers.daras.com.tr/docs)