You don't have to send volunteers away from your organization's website to get them signed up. There are a few ways to connect VolunteerLocal to your own site — from sharing simple links to embedding a live calendar widget.
Not sure where to start? Most organizations just add a Landing Page link (Option 1). It's the simplest, it never changes, and it works on any website.
Option 1: Share direct links on your website
The easiest approach is to add your VolunteerLocal links to your website as buttons or hyperlinks.
- Landing Page link — Links to a page showing all your Live Events/Programs. This link never changes, so it's ideal for a permanent "Volunteer With Us" button — you control which opportunities appear by toggling them Live and adjusting visibility.
- Event/Program or Application link — Links directly to one specific opportunity's sign-up page, or to your Application if volunteers must complete it before accessing your Events/Programs. Best for promoting a single opportunity or sharing a private link.
To find these links (and control which Events/Programs are public), see Landing Page Links, Event/Program Links & Visibility Settings.
Suggested placement on your website:
- A "Volunteer" page or tab in your main navigation
- A call-to-action button on your homepage or campaign pages
- Event-specific pages or blog posts
Option 2: Embed the Calendar Widget
VolunteerLocal offers a Calendar Widget that displays your upcoming Events/Programs and lets visitors view opportunities and navigate to the VolunteerLocal sign-up pages.
Option 3: Embed with an iframe
⚠️ We strongly discourage using an iframe to embed VolunteerLocal. There's a high potential for a poor user experience, mostly due to scrolling. Use Option 1 or 2 if you possibly can.
If your use case genuinely requires an embedded page, here is the iframe code:
<iframe src="https://YOUR-VOLUNTEERLOCAL-URL/volunteer/?no_wrapper" style="height: 800px; width: 100%;"></iframe>To create the iframe:
From the menu, navigate to Events & Programs > Events & Programs
At the top of the page, you'll find your landing page link:
- Click the double square icon to copy the link/URL to your clipboard
- In the code above, replace YOUR-LANDING-PAGE-LINK with the link you copied, keeping
?no_wrapperon the end.
Example
Landing page link you copied:
https://YOURORGNAME.volunteerlocal.com/volunteer
Finished iframe:
<iframe src="https://YOURORGNAME.volunteerlocal.com/volunteer?no_wrapper" style="height: 800px; width: 100%;"></iframe>
Notes:
-
no_wrapperremoves VolunteerLocal's design elements (the header/footer wrapper) so only the sign-up content shows. Add?no_wrapperto a plain link, or&no_wrapperif the link already contains a?(like a direct sign-up link). - Update the
styleattributes (height, width) to fit your page.
💡 Tip: If your site runs on a CMS like WordPress, Squarespace, or Wix, adding a link or button is usually as simple as dropping in a button block and pasting the URL. For the Calendar Widget or iframe, you may need access to your site's HTML or a custom-code block.