Add a live event widget to your website in under 5 minutes. No coding experience required.
Enter your organization ID to preview the widget and generate your embed code.
Copy this code and paste it into your website:
Your organization ID will be provided to you by the Serve.Love team during onboarding. If you don't have it yet, reach out to support@serve.love and we'll get you set up.
Add these two lines to your website where you want events to appear:
<!-- Serve.Love Event Widget -->
<div class="serve-love-events" data-org-id="YOUR_ORG_ID"></div>
<script src="https://api.serve.love/site-plugins/volunteer-events.js"></script>Replace YOUR_ORG_ID with your actual organization ID number.
Customize the widget with these optional attributes:
| Attribute | Description | Default |
|---|---|---|
data-org-id |
Your organization ID (required) | — |
data-limit |
Number of events to show (max 50) | 10 |
data-postal-code |
Filter events near a ZIP code | All locations |
data-miles |
Search radius in miles | 25 |
data-title |
Custom heading text | "Upcoming Events!" |
data-show-logo |
Show Serve.Love logo (true/false) | true |
data-logo-url |
Use your own logo image URL | Serve.Love logo |
<div class="serve-love-events"
data-org-id="YOUR_ORG_ID"
data-limit="5"
data-title="Volunteer With Us"
data-postal-code="74115"
data-miles="20">
</div>
<script src="https://api.serve.love/site-plugins/volunteer-events.js"></script>Edit your page, add a Custom HTML block, and paste the embed code.
Add a Code Block to your page and paste the embed code.
Use the Embed HTML element from the Add menu and paste the embed code.
Look for "HTML embed," "Custom code," or "Raw HTML" options in your website builder. The widget works anywhere you can add custom HTML.
data-postal-code, verify your events are within the search radiusContact us at support@serve.love