Ga naar hoofdinhoud

WordPress plugin

Our WordPress plugin connects VoordeMensen to pages and posts and provides shortcodes for buy buttons. If your site runs on WordPress, this is the fastest way to embed ticket sales.

Install​

  1. Download the plugin from our GitHub repository (direct ZIP download).
  2. Unpack and upload to your WordPress installation under /wp-content/plugins/.
  3. Activate the plugin in the WordPress admin.

Configuration​

  1. In the WordPress dashboard sidebar, click the VoordeMensen button.
  2. Enter your short client name (the same one you use to log into the admin, e.g. demo).
  3. Choose a loader style:
    • Pop-up — opens ticket sales in a modal overlay.
    • Side — opens ticket sales in a side-drawer.

Connect pages or posts to events​

Create a page (or post) for each event. At the bottom of the edit screen you will see a VoordeMensen metabox with a dropdown listing your events. Select the event you want this page to represent.

Shortcodes​

Once a page is linked to an event, you can use the following shortcodes to display event info and buy buttons:

ShortcodeWhat it renders
[vdm_event_name]Name of the event
[vdm_event_description]Event description
[vdm_event_extra]Extra info about the event
[vdm_event_location]Location(s) of the event
[vdm_event_dates]Dates and times of the event
[vdm_tickettypes]Ticket types and prices
[vdm_buy button='Text on button']Single buy-button leading to the chosen event
[vdm_eventbuttons]List of buttons — one per sub-event (date / timestamp)
[vdm_cartbutton button='Text on button']Button linking to the shopping cart
[vdm_basketcounter]Number of tickets currently in the basket

Sold-out events​

If an event is fully booked, [vdm_eventbuttons] renders a non-clickable, washed-out button — visually indicating to users that no tickets are available for that performance.

Using shortcodes outside posts​

Shortcodes work anywhere in WordPress — including theme files (headers, footers, widgets) — via the do_shortcode() function:

<?php echo do_shortcode("[vdm_basketcounter]"); ?>

This is useful for putting a live cart counter next to a cart icon in your site header.

See also: Manual integration · Public endpoints