Favorites: Save button and My Schedule

Available in:Free

Two blocks let visitors keep a personal list of your events. The Save Event Button goes on the event page, and the My Schedule block lists everything a visitor has saved.

Visitors do not need an account. If they sign in, their list follows them from one device to another.

Add the Save Event Button

The button only shows on an event, so place it in your event template or in an event’s content:

  1. On a block theme, go to Appearance → Editor, click Templates, then Single Event. On a classic theme, open an event in the editor.
  2. Add the Save Event Button block, for example under the title.
  3. Choose its settings in the sidebar.
  4. Click Save.

In the Site Editor the button has no preview, because a template has no event. It appears on your event pages. Building a single event page explains where event blocks go on each kind of theme.

SettingWhat it doesDefault
LabelThe button text. It stays the same once the event is saved: the icon fills in instead.Save event
IconHeart, Bookmark or Star.Heart

A visitor clicks once to save the event and again to remove it. Screen readers announce the button as pressed once the event is saved. If you empty the label, the button shows only the icon and screen readers still call it “Save event”.

Saving is not signing up. No seat is taken and no attendee is added. To know who is coming, add an RSVP form as well.

Only published events without a password can be saved. On a password-protected event, the button turns back off for a signed-in visitor, and the event never shows in My Schedule.

Create a My Schedule page

  1. Go to Pages → Add New Page.
  2. Give the page a title, such as “My schedule”.
  3. Add the My Schedule block.
  4. Click Publish, then add the page to your site menu so visitors can find it.
SettingWhat it doesDefault
Show imageShows the event’s featured image as a small thumbnail.On
Show dateShows the date and time. An all-day event shows its date followed by “All day”.On
Show venueShows the venue name.On
Title and Body (in Empty state)The message shown when nothing is saved. The default body asks visitors to tap the Save button on an event.No saved events yet

Each row shows the event title with a link to the event, then the details you turned on. For a recurring event, the date is the next one a signed-in visitor signed up for. Otherwise it is the date the event page shows.

A × button at the end of each row removes the event. The focus moves to the next row’s button (or the previous one), and screen readers announce which event was removed. After the last one, the empty message appears in place of the list.

An event you delete, unpublish, make private or protect with a password disappears from every list. An unpublished event comes back once you publish it again.

Where the list is kept

Signed-in visitors

The list is saved in the visitor’s WordPress account. It is the same on every device they sign in on, with the most recently saved event first.

Because it belongs to the account, it is part of WordPress’s privacy tools. Tools → Export Personal Data includes it as “HappenBoard saved events”, and Tools → Erase Personal Data deletes it. See GDPR, personal data and uninstalling.

Visitors who are not signed in

The list is saved in their browser, on that device only. Nothing is stored on your site. Another browser, another device or cleared browsing data means an empty list.

On the My Schedule page, the list appears a moment after the page loads. It shows no thumbnails and holds the 100 most recently saved events at most.

When a visitor signs in

Nothing is lost. On the first page with a Save Event Button they open after signing in, the list from their browser is added to their account. Duplicates are dropped, and only published events without a password are kept. From then on, the account holds the list.

Style the blocks

The Save Event Button accepts text and background colours, padding, margin and font size. My Schedule accepts wide and full width, padding, margin, font size and line height. Set them in the block’s Styles tab, as for the other HappenBoard blocks.

Next steps