Adding a Single Event to a Page

Feature an individual event on a page.

Use this tutorial to embed a quick list of individual events on a page. To add your site’s full calendar, follow the tutorial for adding a calendar.

Getting started

Events can only be added via the toolbar in the default WordPress editor.

Adding one or more events to a new page

Create the page. If you plan to Tailor it, add the event(s) first while still in the default WordPress editor.

Then, when you go to Tailor the page, the event(s) will appear within a Content element, and you can add more elements as you normally would.

Adding one or more events to an existing page

Go to the page where you want to insert the event(s). If it hasn’t been Tailored, proceed to the next step.

If a page has been Tailored, adding a single event or events by category in the default WordPress editor will cause those edits to be overwritten the next time you Tailor the page.

To avoid this problem, create a new page, save it as a draft, and proceed to the next step. There will be special instructions at the end for Tailored pages.

Select "Single Event"

In the visual editor toolbar, click on the calendar button. From the dropdown menu, select Single Event.

Choose an event

A popup menu will appear. Begin typing in the name of your event, and a list of created events should appear as a dropdown.

Select your event and click the OK button.

Troubleshooting: If you’re unable to select your event for any reason (perhaps it doesn’t load or you’re not sure which one it is), click OK. You’ll see a shortcode like this: [calendarp-event event_id=””] with a set of empty quotation marks.

Go to the Events page in your Dashboard. Find the event you want to add, and copy the ID number in the last column of its row. 

Go back, and paste the ID number inside the quotation marks. 

Preview your event

What appears is a shortcode, or snippet of code, in brackets that looks something like this: [calendarp-event event_id=”31″]

Only you see this code and only while editing the page.

Click Preview in the top right corner of your page to see the “live” view that site visitors will see.

Special instructions: Tailored pages

  1. Copy the shortcode from your draft page.
  2. Go to the Tailored page where you want to add the event(s) and Tailor it.
  3. Add a Content element, then click to Edit the element.
  4. In the Text tab of the visual editor, paste the shortcode.
  5. Click the blue Apply button.

Examples

Single event 

Single event inside a post; no Tailor


Related tutorials