# Shoprocket'ı herhangi bir web sitesine gömün
> Zaten sahip olduğunuz web sitesinden satış yapın. Gömülü içerikler bölümünde bir gömülü içerik oluşturun, Kodu al'a tıklayın ve WordPress, Squarespace, Wix, Webflow veya düz HTML sayfanıza yapıştırın. Sonradan kaydettiğiniz değişiklikler yeniden yapıştırmadan her sayfaya ulaşır.
Yardım Merkezi / Gömme - Güncelleme: 28 Ekim 2026
Gömülü içerik, mağazanızın bir parçasını herhangi bir web sitesine koyar: satın alma düğmeli tek bir ürün, tam bir ürün kataloğu, kategorileriniz veya bir arama kutusu. **Gömülü içerikler** bölümünde oluşturur, **Kodu al**'a tıklar ve kodu sayfanıza yapıştırırsınız. Sepet ve ödeme sayfası doğrudan sayfanızda açılır, böylece müşteriler sitenizden hiç ayrılmaz.
Kodu yalnızca bir kez yapıştırırsınız. Sonradan bir gömülü içeriği değiştirdiğinizde, hatta başka bir düzene geçirseniz bile, kaydettiğinizde bulunduğu her sayfa güncellenir.
## Başlamadan önce
- En az bir etkin ürün ekleyin. Tek ürünlük bir gömülü içeriğin satacağı bir ürün olması gerekir.
- Web sitenizi düzenleyebilmeniz ve bir sayfaya kod veya HTML bloğu ekleyebilmeniz gerekir. Her site oluşturucu için notlar aşağıdadır.
## Adım 1 (isteğe bağlı, önerilir): Shoprocket'ı sitenizin her sayfasına ekleyin
**Gömülü içerikler** sayfasının üstünde **Shoprocket’i sitenizin her sayfasına ekleyin** adlı bir kart bulunur. Sitenizin üst bilgisi için tek satır kod içerir. Bu yerindeyken yüzen sepetiniz ve canlı sohbet yalnızca gömülü içerik olan sayfalarda değil sitenizin her sayfasında çalışır ve sonradan eklediğiniz her gömülü içerik de sorunsuz çalışır.
1. Panelinizde **Gömülü içerikler**'e gidin.
2. **Shoprocket’i sitenizin her sayfasına ekleyin** kartında **Kopyala**'ya tıklayın.
3. Kodun altındaki sekmelerden site oluşturucunuzu seçin (**HTML**, **WordPress**, **Squarespace**, **Wix** veya **Webflow**) ve satırı sitenizin üst bilgisine yapıştırmak için iki adımını izleyin.
4. Sitenizin herhangi bir sayfasını açın. Kartın durumu **Henüz görülmedi**'den **Bağlı**'ya döner.
Bu adımı atlayabilirsiniz. Her gömülü içeriğin kodu aynı satırı içerir, bu yüzden bir gömülü içerik her sayfada tek başına çalışır.
## Adım 2: Bir gömülü içerik oluşturun
1. **Gömülü içerikler** içinde **Yeni gömülü içerik**'e tıklayın.
2. **Ne gösterir** altında birini seçin: **Tek ürün**, **Ürün kataloğu**, **Kategoriler** veya **Arama**.
3. Bir düzen seçin:
- **Tek ürün**: **Düğme**, **Kompakt**, **Kart**, **Öne çıkan** veya **Tam ayrıntı**. Sonra **Hangi ürün?** altında ürünü seçin.
- **Ürün kataloğu**: **Izgara**, **Karusel** veya **Liste**. **Hangi ürünler?** altında **Tüm ürünler**, **Bir kategori** veya **Elle seçilmiş** seçeneğini seçin.
- **Kategoriler**: **Karolar**.
- **Arama**: **Arama kutusu** veya **Arama simgesi**.
4. **Devam**'a tıklayın.
Her düzen, farklı ayarlara sahip aynı gömülü içeriktir; bu yüzden düzeni sonra düzenleyicide değiştirebilirsiniz ve yapıştırdığınız kod aynı kalır.
## Adım 3: Özelleştirin
Düzenleyici, bir alıcı gibi gezebileceğiniz canlı bir önizleme gösterir: sepete ekleyin, ürünleri açın ve ödeme yapın. Gömülü içeriğin neyi gösterdiğini **Bu yerleştirme** sekmesinde değiştirirsiniz. **Mağaza tasarımı** sekmesi renklerinizi ve yazı tiplerinizi tüm mağazanız için belirler, böylece tüm gömülü içerikleriniz ve yüzen sepetiniz uyumlu olur.
Gömülü içerik başlangıçta "Products · Grid" gibi bir ad alır. İstediğiniz zaman yeniden adlandırabilirsiniz.
Memnun kaldığınızda **Kaydet ve kodu al**'a tıklayın.
## Adım 4: Kodu kopyalayın ve sitenize yapıştırın
Kaydettikten sonra **Kodu al** paneli açılır. Şöyle görünür:
```html
```
Kendi kodunuzu her zaman düğmeyle kopyalayın, asla yeniden yazmayın. İlk satır gömülü içeriğe ad verir, betik Shoprocket'ı mağazanız için yükler ve son satır gömülü içeriğin görüneceği yerdir.
1. **Kodu kopyala**'ya tıklayın.
2. Panel içindeki sekmelerden site oluşturucunuzu seçin ve kodu gömülü içeriğin görünmesini istediğiniz yere yapıştırın:
- **HTML**: kodu gömülü içeriğin görünmesini istediğiniz yere yapıştırın. Betik satırının bir sayfada yalnızca bir kez bulunması yeterlidir, kaç gömülü içerik olursa olsun.
- **WordPress**: blok düzenleyicide gömülü içeriğin geleceği yere bir **Özel HTML** bloğu ekleyin. Kodu yapıştırın ve sayfayı güncelleyin. WordPress.com'da betikler için eklentilere izin veren bir plan gerekir.
- **Squarespace**: sayfayı düzenleyin ve gömülü içeriğin geleceği yere bir **Code** bloğu ekleyin. Kodu yapıştırın, görüntüleme ayarını HTML olarak bırakın ve kaydedin.
- **Wix**: düzenleyicide **Ekle**, sonra **Gömme kodu**, sonra **HTML gömme**'yi seçin. Kodu kutuya yapıştırın ve sığması için yeniden boyutlandırın. Wix bunu bir çerçevede gösterir, bu yüzden sepet için yer bırakın.
- **Webflow**: gömülü içeriğin geleceği yere bir **Code Embed** öğesi sürükleyin. Kodu yapıştırın, kaydedin ve siteyi yayınlayın.
Adım 1'de Shoprocket'ı sitenizin üst bilgisine zaten eklediyseniz sayfanın yalnızca kodun son satırına, yani `