Smart Widget — langsung

Satu kode. Tata letak apa pun.

Penerbit menempelkan dua baris di situsnya, dan Boksero menampilkan produk, layanan, dan iklan — sebagai Box-sklep yang bisa dicari, atau dalam bentuk grid, daftar, carousel, kartu tunggal. Semua di bawah ini adalah widget nyata yang berfungsi: klik "Beli", gulir, ganti tab, cari.

2 baris kode12 tata letak3 lapisan penawaran21 bahasa
Tidak ada pembayaran yang dikenakan: fitur ini belum aktif. Penawaran adalah data contoh, ilustrasi adalah visualisasi.

Box-sklep — pencarian di seluruh kotak

Alih-alih tata letak tetap — katalog yang bisa dicari dari SEMUA penawaran yang disetujui untuk kotak itu, langsung di widget: teks, jenis, kategori, harga, ketersediaan, kondisi. Pembeli memfilter tanpa meninggalkan situs penerbit. Katalog yang sama juga ada sebagai halaman mandiri — bagus untuk tautan bio atau Smart Link.

Box-sklep

Kotak pencarian, tab jenis, filter kategori/harga/ketersediaan, penomoran halaman — satu format, 21 bahasa.

BOX_SHOP
Lihat sebagai halaman mandiri ↗
Tampilkan kode penyematan
<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>

Grid dan mini grid

Etalase klasik dengan banyak penawaran — dari kartu ukuran penuh hingga versi kompak untuk kolom sempit.

Grid

Banyak penawaran sekaligus, foto, harga, dan tombol "Beli". Kolom menyesuaikan lebar halaman.

GRID · nyaman
Tampilkan kode penyematan
<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 grid

Versi lebih padat untuk sidebar dan bagian blog yang sempit.

GRID · mini
Tampilkan kode penyematan
<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>

Daftar vertikal

Penawaran satu di bawah yang lain — bagus di bawah artikel atau di footer.

LIST · vertical
Tampilkan kode penyematan
<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>

Bisa digeser dan berputar

Di ponsel Anda menggeser dengan jari, di komputer dengan roda atau panah. Carousel memutar penawaran dengan sendirinya.

Daftar geser

Garis horizontal penawaran — seperti "stories". Memakan satu baris, memuat berapa pun jumlah item.

LIST · horizontal
Tampilkan kode penyematan
<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>

Carousel (rotasi)

Satu penawaran di tengah, perubahan slide otomatis, bisa digeser manual.

CAROUSEL · slide
Tampilkan kode penyematan
<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>

Carousel dengan fade

Kartu besar dengan transisi fade yang halus antar penawaran.

CAROUSEL · fade
Tampilkan kode penyematan
<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>

Rotasi tampilan

Widget sendiri yang memilih dan mengganti penawaran yang ditampilkan — setiap pengunjung bisa melihat set yang berbeda.

ROTATIONAL · grid
Tampilkan kode penyematan
<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>

Kartu tunggal dan versi mini

Satu penawaran di sudut halaman atau di tengah artikel — tanpa memakan tempat.

Kartu tunggal

Satu penawaran besar, ditonjolkan dalam konten.

SINGLE · large
Tampilkan kode penyematan
<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 kartu

Versi terkecil — rekomendasi di dalam konten atau sidebar.

SINGLE · mini
Tampilkan kode penyematan
<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 dan lapisan

Warna, font, dan kelengkungan sudut menyesuaikan dengan situs penerbit (juga otomatis lewat AI Styling Engine). Satu kotak bisa menggabungkan produk, layanan, dan iklan.

Tema gelap

Latar gelap, aksen hijau, fungsi yang sama.

warna sendiri
Tampilkan kode penyematan
<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>

Produk, layanan, dan iklan

Pengalih tab: penjualan produk, pemesanan layanan, dan iklan (mis. sepeda bekas) dalam satu kotak.

3 lapisan
Tampilkan kode penyematan
<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>

Kotak yang sama di ponsel

Widget responsif terlepas dari halaman host. Di bawah ini kotak yang sama dalam wadah selebar ponsel (340 px).

Grid

Daftar geser

Carousel

Cara menyematkannya di situs Anda

  1. Buat akun penerbit dan buat widget di panel — pilih tata letak, ukuran, dan tema.
  2. Pilih penawaran dari penjual (komisi, CPC, atau biaya tetap) — penjual menyetujui.
  3. Tempel kode di halaman Anda. Pembayaran, pembagian komisi, dan pencairan dana ditangani Boksero.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="EMBED-KEY-ANDA" api-url="https://boksero.com/api/v1"></boksero-box>
Lihat pencarian penawaran