Skip to main content

Embeddable Widgets

Displaying Volaby impact data and activity schedules on your external website

Written by Volaby Support
Updated over 2 weeks ago

Embeddable widgets let you display live Volaby data on your organisation's website. They're lightweight HTML elements that pull data directly from your Volaby account.

Configure and find your widget IDs in Admin Console > Integrations > Embeddable Widgets.

Widget types

Impact Statistics

Displays a single impact metric in a styled block, for example "1,247 volunteer hours this month" or "342 meals served". You can show built-in metrics (activities, volunteers, hours) or any custom numeric field from your report types.

Customise the background colour, text colour, and label to match your website.

Activity Schedule Table

Displays your upcoming activities in a table showing the day, date, activity name, address, and operation times. Configure how many weeks to show and which activities to include.

Setting up a widget

  1. Navigate to Admin Console > Integrations > Embeddable Widgets

  2. Copy your Volaby ID from the top of the page

  3. For Impact widgets, find your Custom Field IDs in the table below

  4. For Activity Table widgets, find your Activity IDs in the second table

  5. Add the HTML snippet to your website using the code examples provided on the page

Each widget type has installation instructions and code examples shown directly in the admin console.

Permissions

Only Admins can access the Embeddable Widgets configuration.

Did this answer your question?