|
/ Documentation /Events/ Displaying Events and Registration Buttons

Displaying Events and Registration Buttons

Once your events are set up, you can display them anywhere on your website using two shortcodes: one for a browsable list of events, and one for a standalone registration button tied to a single event.

The Events List Shortcode

You can display your published events using:

[latepoint_events_list]
events shortcode

Add this shortcode to the WordPress page where you want your events to appear. The list displays your published events and allows customers to start the registration process directly from it.

events dispplay

You can customize the Events List shortcode using the following attributes:

AttributeDescriptionAvailable Options / Example
limitControls how many events are displayed.Default: 20.
Example: [latepoint_events_list limit="10"]
category_idDisplays events from a specific Event Category.Replace with your Event Category ID. Example: [latepoint_events_list category_id="5"]
image_modeControls how the event image/date area is displayed.thumbnail, date, or none.
Example: [latepoint_events_list image_mode="thumbnail"]
show_seats_leftControls whether the remaining event capacity is displayed.yes or no.
Example: [latepoint_events_list show_seats_left="yes"]

The Event Registration Button Shortcode

event button

You can also place a registration button for one specific event anywhere on your website, independent of the full events list:

[latepoint_event_button event_id="1"]

The button automatically changes depending on the event’s availability. For example:

  • Register
  • Sold Out
  • Registration Closed
event button display

Beyond event_id, the button supports a full set of styling attributes so it can be matched to your site’s design without custom CSS:

AttributeDescription
event_idThe ID of the event this button registers for. Required.
captionThe text shown on the button. Defaults to “Register.”
alignAlignment of the button.
bg_colorBackground color of the button.
text_colorText color of the button.
font_sizeFont size of the button text.
borderBorder style for the button.
border_radiusCorner radius of the button.
marginMargin around the button.
paddingPadding inside the button.
cssAdditional custom CSS applied to the button.
classnameA custom CSS class added to the button wrapper.
btn_classesA custom CSS class added to the button element itself.
btn_wrapper_classesA custom CSS class added to the outer wrapper around the button.

Example with a few styling attributes combined:

[latepoint_event_button event_id="1" caption="Save Your Spot" bg_color="#2c7a4b" border_radius="8px"]

What Happens When a Customer Clicks Register

When a customer clicks the registration button (from either the events list or a standalone button), LatePoint opens the Event registration flow.

Unlike a regular appointment booking, the customer does not need to select:

  • Service
  • Agent
  • Location
  • Appointment date
  • Appointment time

Instead, the customer sees the information for the selected Event and selects the required number of tickets (or, with Ticket Types enabled, the quantity per ticket type, then continues through the normal LatePoint customer-details and payment process.

event booking 1
Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.