Publish an Embedded Signup Form
Goal: Let prospective volunteers sign up directly from your affiliate's public website, without leaving it for an unfamiliar branded experience.
What "embedded" means
Ayuna provides a hosted signup page (/embed/volunteer-signup) that you place on your website inside an <iframe>. The form's submissions land in Ayuna as new volunteer records.
The embedded page shows your opportunity calendar one month at a time. Visitors can page forward with the arrows, and every published opportunity appears in its month — including occurrences of recurring series scheduled far in advance.
Signing up for several dates at once
When a signed-in volunteer confirms a registration for an opportunity that repeats, the confirmation window also lists the other upcoming dates in that series. They can tick as many as they like and register for all of them in one step, instead of hunting through the calendar month by month.
If the series uses roles or shifts, the one they choose in that window is used for every date they tick — so a volunteer who picks the 9–12 shift gets the 9–12 shift on all of them. Any date that doesn't offer that role or shift is skipped rather than swapped for a different one.
This only appears for volunteers who are signed in; a first-time visitor registers for the single date they clicked, then sees the option on their next signup.
When something is still needed first
If a signed-in volunteer opens an opportunity that needs something they haven't done yet — a waiver, a form, a training — the opportunity window lists what's missing right away, before they click Register. Each item has a Complete button that opens it in their volunteer portal in a new tab, including waivers that only apply to certain opportunities. When they're done, Continue registration picks up where they left off; items waiting on staff approval show as waiting on staff until someone approves them.
Choose the calendar's colors
The Event Legend under the calendar explains what each color means. By default it has four entries, in your theme's colors:
- Open for Registration
- ReStore Event
- You're Registered
- Full / Completed / Cancelled
An administrator can change these colors for your whole organization. Everyone who visits the calendar sees the same colors, including visitors on your website who aren't signed in.
- Go to Settings → Organization and scroll to Calendar Colors.
- Under Volunteer sign-up calendar, choose how to color events:
- Category (the default) keeps the four legend entries above.
- Event type gives each type of opportunity its own color: Construction, ReStore, Administrative, Special Events, Training, Fundraising, Outreach, and Other. The type is the activity type chosen when the opportunity is created. Events a volunteer is registered for, and events that are full, completed, or cancelled, keep their own colors so they still stand out.
- Pick a color for each entry with the color picker, or type a hex code such as
#1d6fa5. Each row shows a sample event in that color. Use default puts a single entry back to its default. - Click Save colors.
The calendar and its legend use the new colors the next time the page loads. Event names switch between black and white text automatically, so they stay readable on any color you pick. To go back to the original colors, click Reset all to defaults, then Save colors.
You need permission to manage organization settings to change the colors. Other staff can see the settings but not change them.
Typical placement:
- Your "Get Involved" or "Volunteer" page
- A dedicated landing page for a specific opportunity
- A widget in your website footer
Follow up promptly
Embedded signups don't equal active volunteers. Capture the lead, then follow up:
- A welcome email (use a Communications template or setup an automation)
- An invitation to upcoming events that match their stated interests
- A nudge to complete their profile