alovio

Booknetic / Tendir Pro

The storefront

A tour of the Tendir Pro tenant directory — search, cards, curated sliders, tenant profile pages, the map and the mobile layout.

This is what your visitors get once Tendir Pro is active — a tour of the redesigned directory. What’s visible depends on your Directory Designer toggles.

Search & filters

Visitors search by service or business name, date and location, then refine with the filters sidebar and the three quick filters (open now, top rated, instant booking). Searching by a date adds real availability — only tenants with open slots that day match. Results can be sorted by recommended, A–Z, or newest, and switched between grid, list and map from the toolbar.

Directory cards

Each tenant card is built to convert — name, business type and location up top, then rating and review count, a price indicator, an open/closed status, trust badges, the top services, and a See profile link. Two curated sliders sit above the grid:

  • Recommended — the strongest tenants by reviews, rating and bookings.
  • New on platform — the newest tenants.

Tenant profile pages

A tenant’s profile reads like a marketplace listing: a hero with name, rating and save/share actions, sticky section tabs, and sections for photos, services (by category, with duration and price), reviews, about and contact. A sidebar carries trust badges, availability and a booking call-to-action. Each part is a toggle, so you show only what you want.

The map

The map view plots tenants as pins. It uses Google Maps, so you’ll need a Google Maps API key set in your Booknetic settings (with the Maps JavaScript API enabled for that key). Without a key, use the grid and list views — they need no configuration.

Mobile-first

On phones the storefront adapts: the filters collapse behind a toggle (and can open full-screen), the toolbar stays reachable, and the booking call-to-action stays in view — so booking on a small screen stays one tap away.

Placing the directory

Tendir Pro overrides Booknetic’s existing directory shortcodes, so your current pages just work. On the directory-listing shortcode you can preset the experience:

  • view="grid" · view="list" · view="map" — the default view for that page.
  • default_business_type="123" — pre-filter to one business type.
  • disable_filtering="true" — hide the filters sidebar on that page.

Next