Crumb

Crumb, is a new embeddable meeting finder widget built for the Basic Meeting List Toolbox (BMLT).

Crumb is a lightweight, modern widget that lets any BMLT-powered website display a searchable, filterable meeting list – with both a list view and an interactive map, using a single script tag and a <div>. No page reloads. No complex setup.

View Docs →View Demo →

What Crumb Does

Crumb connects directly to any BMLT server and displays meetings in a clean, responsive interface. Visitors can:

WordPress Plugin

For WordPress users, there is a dedicated Crumb plugin that makes embedding the widget on any page or post effortless – no code required. The plugin is currently awaiting approval in the official WordPress.org plugin repository. In the meantime, you can download the latest release directly from
GitHub: github.com/bmlt-enabled/crumb/releases

We’ll update this post once it’s live on the WordPress.org plugin directory.

Easy to Embed (Without WordPress)

Adding Crumb to any web page takes just two lines:

<div id="crumb-widget"
       data-server="https://your-bmlt-server/main_server/"
       data-service-body="1,2,3"></div>
  <script src="https://cdn.aws.bmlt.app/crumb-widget.js"></script>

That’s it. No build tools required for basic use. See a live example on CodePen.

Flexible Configuration

For more advanced setups, Crumb can be configured via a global CrumbWidgetConfig object before the script loads:

<script>
    var CrumbWidgetConfig = {
      defaultView: 'map',
      geolocation: true,
      geolocationRadius: 15,
      language: 'es',
      darkMode: 'auto',
      height: 600,
      columns: ['time', 'name', 'location', 'address'],
    };
  </script>

Configuration options include:

Option Description
defaultView Start in list or map view
geolocation Enable “Near Me” on load
geolocationRadius Search radius in miles
language Override browser language
darkMode true, false, or 'auto'
height Fixed height in pixels
columns Which columns to show in list view
hideHeader Hide the “Meeting Finder” header

JavaScript Module API

Crumb is also available as an ES module on npm (crumb-widget) for developers who want to mount it programmatically inside a JavaScript app:

import { mountCrumbWidget } from 'crumb-widget';

  mountCrumbWidget(document.getElementById('my-widget'), {
    serverUrl: 'https://your-bmlt-server/main_server/',
    serviceBodyIds: [1, 2, 3],
  });

Internationalization

Crumb ships with built-in translations for English, Spanish, French, German, Italian, Portuguese, Danish, and Swedish. The widget automatically uses the
visitor’s browser language, or you can set it explicitly.

Accessibility

Crumb is built with accessibility in mind and tested against WCAG standards using axe.

Get Started

Questions or feedback? Open an issue on GitHub or reach out through the usual BMLT community channels.