Embed Volunteer Events on Your Website

Try It With Your Organization

Enter your organization ID to preview the widget and generate your embed code.

Your Organization ID

Your Embed Code

Copy this code and paste it into your website:

Where to Find Your Organization ID

1

Log in to your Serve.Love dashboard

2

Look at your browser's address bar. Your URL will look like:

https://app.serve.love/dashboard/339/home

3

The number after /dashboard/ is your organization ID

Important

Only use your own organization ID. Using another organization's ID will display their events, not yours.

Basic Installation

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.

Configuration Options

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

Example with Options

<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>

Platform-Specific Instructions

WordPress

Edit your page, add a Custom HTML block, and paste the embed code.

Squarespace

Add a Code Block to your page and paste the embed code.

Wix

Use the Embed HTML element from the Add menu and paste the embed code.

Other Platforms

Look for "HTML embed," "Custom code," or "Raw HTML" options in your website builder. The widget works anywhere you can add custom HTML.

Troubleshooting

Widget shows "No upcoming events"

Make sure you have active, public events in Serve.Love
Check that your event visibility is set to Public, not Private or Unlisted
If using data-postal-code, verify your events are within the search radius

Widget doesn't appear at all

Verify your organization ID is correct (numbers only, no letters)
Make sure the script tag is included after the div
Check your browser console for JavaScript errors

Need help?

Contact us at support@serve.love