# Zaten sahip olduğunuz siteye ticaret ekleyin. > Tek bir async script etiketi her siteyi bir mağazaya çevirir. WordPress, Webflow, Ghost, Carrd, Framer, statik HTML, React / Next.js / Vue üzerinde çalışır. Yeniden yapım yok, eklenti yok, tema değişikliği yok. Tek bir async script etiketi, birkaç HTML kapsayıcı ve mevcut siteniz bir mağazaya dönüşür. WordPress, Webflow, Ghost, Carrd, Framer, düz HTML veya script etiketi yapıştırmanıza izin veren her CMS üzerinde çalışır. Yeniden yapım yok. Eklenti yok. Tema değişikliği yok. [Ücretsiz Denemeyi Başlat](https://app-v3.shoprocket.io/signup?lang=tr)[Kod parçasını görün](#the-snippet) 14 Gün Ücretsiz Deneme Kredi Kartı Gerekmez %0 Platform Ücreti Her planda çalışır 1 Gömmek için satır Herhangi Web sitesi Tam Sepet ve ödeme 0% Platform ücreti ● Sorun ## Bir siteniz var. Onda satış yapmak istiyorsunuz. Yeniden yapmak değil. Çoğu ticaret platformu mevcut sitenizi kendi sitesiyle değiştirmenizi ister. WordPress WooCommerce ister. Wix, Wix Stores ister. Squarespace, Squarespace Commerce ister. Shopify her şeyin kendi altyapısında olmasını ister. Siz bir mağaza istediniz, bir taşıma projesi değil. 01 ### Siteniz zaten çalışıyor. Markanız, içeriğiniz, blogunuz, animasyonlarınız, SEO'nuz. Zaten yaptığınız iş. Ödeme eklemek için bunların hiçbirinin değişmesi gerekmemeli. 02 ### Sorun CMS'iniz değil. WordPress iyi. Webflow güzel. Ghost içerik için mükemmel. Carrd hızlı. Hiçbiri, ticareti yerleşik olarak yönetmediği için sizi terk etmeye zorlamamalı. 03 ### Mağazanız sitenizin içinde yaşamalı. Ayrı bir alt alan adında değil, barındırılan bir sepete yönlendirme olarak da değil. Ürün sayfası sizin, ödeme onun içinde gerçekleşir ve müşteri hiçbir zaman ayrılmaz. ● Nasıl çalışır ## Üç satır HTML. Dört widget türü. Yükleyici script'i bir kez yapıştırın. Ticaretin görünmesini istediğiniz yerlere HTML kapsayıcıları bırakın. Widget, bulduğu her birini sayfa yüklenirken otomatik bağlar. Kurulum ### Tek script etiketi. Async. Engellemeyen. Script etiketi sitenin head bölümüne, kapanış body etiketinden hemen önceye veya CMS üst bilgi şablonunuza konur. Async yüklenir, bu yüzden sayfanızın oluşturulmasını asla engellemez. Yüklendiğinde sayfada data-shoprocket özniteliği olan her HTML öğesini tarar ve eşleşen widget'ı oraya bağlar. Sayfada widget öğesi yoksa bile, sitenizin başka yerlerindeki mağaza düğmelerinin çalışmaya devam etmesi için yüzen sepeti başlatır. - ✓ Async yükleme, LCP veya CLS üzerinde etki yok - ✓ Sayfadaki her data-shoprocket öğesini otomatik bağlar - ✓ Widget olmayan sayfalarda bile yüzen sepet site genelinde başlar ● Widget türleri ## Dört biçim, hepsi aynı sayfada. İhtiyacınız olanı ihtiyacınız olan yerde seçin. Bir ana sayfada öne çıkan ürün widget'ı, özel bir mağaza sayfasında tam katalog, bir makalede ise satır içi tek ürün gömüsü olabilir. Hepsi aynı sitede, hepsi aynı mağazadan. 01 ### Katalog. Filtreler, kategoriler ve aramayla tam ürün ızgarası. /shop sayfanıza bırakın, müşteriler mağazanızın tamamına göz atsın. 02 ### Ürün. Fiyat, varyantlar ve sepete ekle düğmesiyle tek bir ürün kartı. Bir makalenin içine ya da bir açılış sayfasında tanıtımın yanına satır içi bırakın. 03 ### Sepet. Sayfa widget'ı olarak sepetin kendisi. Ya da yüzen sepetin site genelinde halletmesine izin verin, script bunu otomatik başlatır. 04 ### Ödeme. Sepet, adresler, kargo ve sipariş özeti sayfanızın içinde. Son ödeme adımı PCI uyumluluğu için işlemciye yönlendirir ve müşteriyi sitenize geri getirir. ● Yaşadığınız yerde çalışır ## Script etiketine izin veriyorsa, Shoprocket gömülür. Aşağıdaki oluşturucular için özel olarak test edildi ve belgelendi. Pratikte HTML yapıştırabildiğiniz her yerde çalışır. 01 ### WordPress. Kendi sunucunuzda barındırılan ya da WordPress.com. Her tema, her sayfa oluşturucu (Elementor, Gutenberg, Divi vb.). WooCommerce gerekmez. Bakımını yapacağınız eklenti yok. 02 ### Webflow. Mağazanın olmasını istediğiniz yerde Embed öğesini kullanın. Webflow CMS planınızı koruyun, E-ticaret yükseltmesi gerekmez. 03 ### Ghost. Herhangi bir yazıda ya da sayfada HTML kartı. Ghost, içeriğin yanında ürün de sunan üreticiler için idealdir. 04 ### Carrd, Framer, Notion. Tek sayfalık ve tasarım öncelikli oluşturucular. Carrd Pro Standard gömüleri, Framer kod bileşenleri ve Super.so / HeyNotion sarmalayıcıları üzerinden Notion ile çalışır. 05 ### Statik HTML ve JAMstack. Cloudflare Pages, Netlify, Vercel, düz statik HTML, her Jekyll / Hugo / Astro / 11ty yapısı. Kod parçasını yapıştırın ve başlayın. 06 ### React, Next.js, Vue, Svelte. Framework ile sıkı entegrasyon için \`@shoprocket/widget\` npm paketini kurun. Bileşeni içe aktarın, mağazanın olmasını istediğiniz yere bağlayın. ● Performans ## Core Web Vitals değerleriniz yeşil kalır. Her yere gömülebilen ticaretin tüm amacı, sitenizin sitenizmiş gibi davranmaya devam etmesidir. Rakamlarla ### Async script, önbelleğe alınmış yapılandırma, hızlı bağlama. Yükleyici script async teslim edilir, bu yüzden LCP etkilenmez. Mağaza yapılandırması API'mizden alınır ve uçta önbelleğe alınır (1 saat TTL), bu yüzden tekrar eden sayfa görüntülemeleri yeniden sorgu yapmaz. Widget ayrılmış kapsayıcının içine oluşturulur, bu yüzden düzen kayması olmaz. Gömüden önce Lighthouse'ta yeşil olan siteler sonrasında da yeşil kalır. - ✓ Async script etiketi: LCP veya CLS üzerinde sıfır etki - ✓ Mağaza yapılandırması uçta önbelleğe alınır, tekrar görüntülemelerde CDN'den sunulur - ✓ Ayrılmış bağlama kapsayıcıları kümülatif düzen kayması olmaması demektir ● Sık sorulan sorular ## Gömü soruları, yanıtlandı. Kod parçasını yapıştırmadan önce insanların sorduğu sorular. Sepet ve ödeme gerçekte nerede çalışır? + Sepet, adresler ve kargo seçimi sayfanızdaki gömünün içinde çalışır; gezinme ve seçim kısmında kimse sitenizden ayrılmaz. Son ödeme adımı, PCI uyumluluğu için bağlı ödeme işlemcinize (Stripe, PayPal) yönlendirir ve müşteriyi sipariş onayı için sitenize geri getirir. Her modern ödeme akışı böyle çalışır; aksini iddia etmek dürüst olmaz. Aynı sayfada birden fazla widget olabilir mi? + Evet. Yükleyici, sayfada data-shoprocket özniteliği olan her öğeyi tarar ve her birini bağlar. Tek bir sayfada öne çıkan ürünler karuseli, altında bir katalog ızgarası ve başka bir yerde satır içi bir ödeme olabilir. Hepsi aynı mağazadan. Sitemi yavaşlatır mı? + Anlamlı bir etkisi yok. Yükleyici script async'tir, bu yüzden sayfanızın oluşturulmasını engellemez. Mağaza yapılandırması uçta önbelleğe alınır, bu yüzden tekrar gelen ziyaretçiler yeniden sorgu yapmaz. Widget'lar ayrılmış kapsayıcılara bağlanır, bu yüzden kümülatif düzen kayması olmaz. Siteniz öncesinde Core Web Vitals'ı geçiyorsa sonrasında da geçer. React / Next.js / Vue kullanıyorsam ne olur? + \`@shoprocket/widget\` npm paketini doğrudan kurun. Bileşeni içe aktarın, mağazaya ihtiyacınız olan yere bağlayın, yapılandırma için props geçirin. Script etiketi gömmenin sunmadığı ince ayarlı kontrol sağlar. Wix ve Squarespace ne olacak? + Squarespace sorunsuz çalışır. Core planında veya üstünde Code Block öğesini kullanın, kod parçasını yapıştırın, bitti. Wix her üçüncü taraf gömüyü bir iframe içinde yalıtır ve bu ödemeyi bozar, bu yüzden önermiyoruz; Wix kullanıcıları için dürüst yanıt, Shoprocket barındırılan mağaza ya da gerçek gömülere izin veren bir oluşturucuya geçmektir. Üç yol için özel Wix sayfamıza bakın. Kendi alan adımı kullanabilir miyim? + Evet. Widget, ana sayfa hangi alan adındaysa orada çalışır. Ürünleriniz, sepetiniz ve ödemeniz sitenizin kendi alan adında yaşar. Ayrı bir Shoprocket alt alan adı yok, yönlendirme yok. Müşteriler ticaret katmanının arkasında üçüncü bir taraf olduğunu fark etmez. Widget'ın görünümünü nasıl özelleştiririm? + Widget, düzen bağlamı için sitenizin CSS'ini devralır (kapsayıcı genişlikleri, tipografi tabanı). Ticaret arayüzünün kendisi için, bağlama öğesindeki veri öznitelikleriyle 40'tan fazla tema ve açık / koyu renk şeması arasından seçin. Daha derin özelleştirme için site stil sayfanıza CSS değişkenleri koyun, widget bunları alır. Farklı sayfalar için birden fazla gömü yapılandırmam varsa ne olur? + Shoprocket panelinizde her biri kendi kimliği, teması ve özellik kümesi olan birden fazla gömü yapılandırması oluşturun. Her HTML kapsayıcıyı uygun gömü kimliğine yönlendirin. Bir ana sayfa kompakt bir öne çıkan ürünler gömüsü gösterirken özel bir mağaza sayfası tam bir katalog gömüsü kullanabilir; hepsi aynı mağazada. Shoprocket gerçekten %0 platform ücreti mi alıyor? + Evet. Ödeme işlemciniz (Stripe, PayPal vb.) standart işlem ücretini yine alır, bu paranın hareket etmesinin maliyetidir, ama Shoprocket üstüne hiçbir şey eklemez. %0 platform ücreti her plan için geçerlidir, her "her yere gömülen" kurulum dahil. ## Sizin siteniz. Şimdi ticaretle. 14 gün ücretsiz deneme. Kredi kartı gerekmez. Kod parçasını yapıştırın, bir mağaza yayınlayın, sitenizi koruyun. [Ücretsiz Denemeyi Başlat](https://app-v3.shoprocket.io/signup?lang=tr)[Bizimle konuşun](https://v3.shoprocket.io/tr/iletisim.md) --- - HTML version: https://v3.shoprocket.io/tr/ozellikler/her-web-sitesinde-satis - Language: Türkçe (tr) - Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/funktionen/auf-jeder-website-verkaufen.md), [Ελληνικά](https://v3.shoprocket.io/el/features/sell-on-any-website.md), [English](https://v3.shoprocket.io/features/sell-on-any-website.md), [Español](https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-sur-nimporte-quel-site.md), [עברית](https://v3.shoprocket.io/he/features/sell-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/features/sell-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-di-situs-web-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/funzionalita/vendere-su-qualsiasi-sito-web.md), [日本語](https://v3.shoprocket.io/ja/features/sell-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje.md), [Norsk](https://v3.shoprocket.io/nb/funksjoner/selg-pa-hvilken-som-helst-nettside.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-op-elke-website.md), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/features/sell-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/features/sell-on-any-website.md), [中文](https://v3.shoprocket.io/zh/features/sell-on-any-website.md)