Smart Widget — trực tiếp

Một đoạn mã. Mọi bố cục.

Nhà xuất bản dán hai dòng vào trang web của họ, và Boksero hiển thị sản phẩm, dịch vụ và tin rao — dưới dạng Box-sklep có thể tìm kiếm, hoặc dạng lưới, danh sách, carousel, thẻ đơn. Mọi thứ bên dưới đều là widget thật, hoạt động thật: nhấp "Mua", cuộn, chuyển tab, tìm kiếm.

2 dòng mã12 bố cục3 lớp ưu đãi21 ngôn ngữ

Box-sklep — tìm kiếm trong toàn bộ hộp

Thay vì bố cục cố định — một danh mục có thể tìm kiếm gồm TẤT CẢ ưu đãi được duyệt cho hộp đó, ngay trong widget: văn bản, loại, danh mục, giá, tình trạng còn hàng, tình trạng sản phẩm. Người mua lọc mà không rời trang của nhà xuất bản. Danh mục này cũng tồn tại như một trang độc lập — phù hợp cho liên kết bio hoặc Smart Link.

Box-sklep

Ô tìm kiếm, tab theo loại, bộ lọc danh mục/giá/tình trạng còn hàng, phân trang — một định dạng, 21 ngôn ngữ.

BOX_SHOP
Hiện mã nhúng
<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>

Lưới và lưới mini

Gian hàng cổ điển với nhiều ưu đãi — từ thẻ kích thước đầy đủ đến phiên bản gọn cho cột hẹp.

Lưới

Nhiều ưu đãi cùng lúc, ảnh, giá và nút "Mua". Các cột tự co giãn theo chiều rộng trang.

GRID · thoải mái
Hiện mã nhúng
<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>

Lưới mini

Phiên bản dày đặc hơn cho thanh bên và các mục blog hẹp.

GRID · mini
Hiện mã nhúng
<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>

Danh sách dọc

Các ưu đãi xếp chồng lên nhau — phù hợp dưới bài viết hoặc trong chân trang.

LIST · vertical
Hiện mã nhúng
<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>

Vuốt được và tự xoay

Trên điện thoại bạn vuốt bằng ngón tay, trên máy tính dùng con lăn hoặc mũi tên. Carousel tự động xoay vòng các ưu đãi.

Danh sách vuốt

Dải ưu đãi nằm ngang — giống "stories". Chỉ chiếm một dòng, chứa được bao nhiêu mục tùy ý.

LIST · horizontal
Hiện mã nhúng
<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 (xoay vòng)

Một ưu đãi ở giữa, tự động đổi slide, cũng có thể cuộn thủ công.

CAROUSEL · slide
Hiện mã nhúng
<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 mờ dần

Thẻ lớn với hiệu ứng chuyển mờ mượt mà giữa các ưu đãi.

CAROUSEL · fade
Hiện mã nhúng
<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>

Xoay vòng hiển thị

Widget tự chọn và thay đổi ưu đãi hiển thị — mỗi khách truy cập có thể thấy một bộ khác nhau.

ROTATIONAL · grid
Hiện mã nhúng
<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>

Thẻ đơn và các phiên bản mini

Một ưu đãi ở góc trang hoặc giữa bài viết — không chiếm nhiều chỗ.

Thẻ đơn

Một ưu đãi lớn, nổi bật trong nội dung.

SINGLE · large
Hiện mã nhúng
<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>

Thẻ mini

Phiên bản nhỏ nhất — gợi ý trong nội dung hoặc thanh bên.

SINGLE · mini
Hiện mã nhúng
<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>

Giao diện và lớp

Màu sắc, phông chữ và độ bo góc tự thích ứng với trang của nhà xuất bản (cũng có thể tự động qua AI Styling Engine). Một hộp có thể kết hợp sản phẩm, dịch vụ và tin rao.

Giao diện tối

Nền tối, điểm nhấn xanh lá, chức năng y hệt.

màu tùy chỉnh
Hiện mã nhúng
<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>

Sản phẩm, dịch vụ và tin rao

Bộ chuyển tab: bán sản phẩm, đặt dịch vụ và tin rao (vd. xe đạp đã qua sử dụng) trong một hộp.

3 lớp
Hiện mã nhúng
<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>

Cùng một hộp trên điện thoại

Widget luôn responsive bất kể trang chủ nhà là gì. Bên dưới là các hộp tương tự trong khung rộng bằng điện thoại (340 px).

Lưới

Danh sách vuốt

Carousel

Cách nhúng vào trang web của bạn

  1. Tạo tài khoản nhà xuất bản và tạo widget trong bảng điều khiển — chọn bố cục, kích thước và giao diện.
  2. Chọn ưu đãi từ người bán (hoa hồng, CPC hoặc phí cố định) — người bán phê duyệt.
  3. Dán mã vào trang của bạn. Boksero xử lý thanh toán, chia hoa hồng và chi trả.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="EMBED-KEY-CUA-BAN" api-url="https://boksero.com/api/v1"></boksero-box>