Smart Widget — canlı

Tek kod. Her düzen.

Yayıncı sitesine iki satır yapıştırır, Boksero da ürünleri, hizmetleri ve ilanları gösterir — aranabilir bir Box Shop olarak, ya da ızgara, liste, karusel, tekli kart şeklinde. Aşağıdaki her şey gerçek, çalışan widget'lar: "Satın al"a tıklayın, kaydırın, sekme değiştirin, arayın.

2 satır kod12 düzen3 teklif katmanı21 dil
Hiçbir ödeme alınmaz: bu özellik henüz etkin değil. Teklifler örnek verilerdir, görseller ise temsilidir.

Box Shop — tüm kutuda arama

Sabit bir düzen yerine — o kutu için onaylanmış TÜM tekliflerin, widget içinde doğrudan aranabilir kataloğu: metin, tür, kategori, fiyat, stok durumu, durum. Alıcı, yayıncının sitesinden ayrılmadan filtreler. Aynı katalog bağımsız bir sayfa olarak da var — bio linki veya Smart Link için ideal.

Box Shop

Arama kutusu, tür sekmeleri, kategori/fiyat/stok filtresi, sayfalama — tek format, 21 dil.

BOX_SHOP
Bağımsız sayfa olarak gör ↗
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-box-sklep" api-url="https://boksero.com/api/v1"></boksero-box>

Izgara ve mini ızgara

Çok tekliflere sahip klasik bir vitrin — tam boy kartlardan dar bir sütun için kompakt sürüme kadar.

Izgara

Aynı anda birçok teklif, fotoğraf, fiyat ve "Satın al" düğmesi. Sütunlar sayfa genişliğine uyum sağlar.

GRID · rahat
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-siatka" api-url="https://boksero.com/api/v1"></boksero-box>

Mini ızgara

Kenar çubukları ve dar blog bölümleri için daha yoğun bir sürüm.

GRID · mini
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-mini-siatka" api-url="https://boksero.com/api/v1"></boksero-box>

Dikey liste

Teklifler alt alta — bir makalenin altında veya altbilgide iyi durur.

LIST · vertical
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-lista" api-url="https://boksero.com/api/v1"></boksero-box>

Kaydırılabilir ve dönen

Telefonda parmakla kaydırırsınız, bilgisayarda tekerlek veya oklarla. Karusel teklifleri kendi kendine döndürür.

Kaydırılabilir liste

Yatay bir teklif şeridi — "stories" gibi. Tek satır kaplar ve istediğiniz kadar öğe sığdırır.

LIST · horizontal
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-przesuwana" api-url="https://boksero.com/api/v1"></boksero-box>

Karusel (rotasyon)

Merkezde tek bir teklif, otomatik slayt değişimi, manuel kaydırma.

CAROUSEL · slide
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="cmu5slkid001hwsmin1855nn8" api-url="https://boksero.com/api/v1"></boksero-box>

Geçişli karusel

Teklifler arasında yumuşak geçişli büyük bir kart.

CAROUSEL · fade
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-karuzela-fade" api-url="https://boksero.com/api/v1"></boksero-box>

Gösterim rotasyonu

Widget hangi teklifleri göstereceğini kendi seçer ve değiştirir — her ziyaretçi farklı bir set görebilir.

ROTATIONAL · grid
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-rotacja" api-url="https://boksero.com/api/v1"></boksero-box>

Tekli kart ve mini sürümler

Sayfanın bir köşesinde ya da bir makalenin ortasında tek bir teklif — yer kaplamadan.

Tekli kart

İçerikte öne çıkan tek, büyük bir teklif.

SINGLE · large
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-karta" api-url="https://boksero.com/api/v1"></boksero-box>

Mini kart

En küçük sürüm — içerikte veya kenar çubuğunda bir öneri.

SINGLE · mini
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-mini-karta" api-url="https://boksero.com/api/v1"></boksero-box>

Tema ve katmanlar

Renkler, yazı tipi ve köşe yuvarlaklığı yayıncının sitesine uyum sağlar (AI Stil Motoru ile otomatik olarak da). Bir kutu ürünleri, hizmetleri ve ilanları birleştirebilir.

Koyu tema

Koyu arka plan, yeşil vurgu, aynı işlevsellik.

özel renkler
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-ciemny" api-url="https://boksero.com/api/v1"></boksero-box>

Ürünler, hizmetler ve ilanlar

Sekme değiştirici: tek bir kutuda ürün satışı, hizmet rezervasyonu ve ilanlar (örn. ikinci el bisiklet).

3 katman
Yerleştirme kodunu göster
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-warstwy" api-url="https://boksero.com/api/v1"></boksero-box>

Telefonda aynı kutu

Widget'lar barındıran sayfadan bağımsız olarak responsive'dir. Aşağıda aynı kutular telefon genişliğinde bir kapsayıcı içinde (340 px).

Izgara

Kaydırılabilir liste

Karusel

Kendi sitenize nasıl yerleştirirsiniz

  1. Yayıncı hesabı oluşturun ve panelde bir widget oluşturun — düzen, boyut ve tema seçin.
  2. Teklifleri seçin satıcılardan (komisyon, TBM veya sabit ücret) — satıcı onaylar.
  3. Kodu yapıştırın sayfanıza. Ödeme, komisyon paylaşımı ve ödemeleri Boksero halleder.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="SENİN-EMBED-KEY" api-url="https://boksero.com/api/v1"></boksero-box>
Teklif aramasını gör