Delivery picker docs

SDK demos

Delivery address picker

Copyable examples for checkout, mobile apps, and backend verification using BELLI autocomplete, zones, and embedded maps.

HTML picker

<input id="belli-address" placeholder="Search delivery address">
<div id="belli-map" style="height:320px"></div>

JavaScript autocomplete

const res = await fetch("/api/autocomplete?q=" + encodeURIComponent(q), { headers: { "X-Belli-Token": token } });
const data = await res.json();
const places = data.results || data.data?.results || [];

Flutter picker

final uri = Uri.parse("$base/api/search?q=$query");
final res = await http.get(uri, headers: {"X-Belli-Token": token});

Laravel verification

$res = Http::withHeaders(["X-Belli-Token" => $token])
  ->get("$base/api/delivery-zones/check", ["lat" => $lat, "lon" => $lon]);