Embeddable Event Widget

Embeddable Event Widget

Event Listing Owner (Organizer/User) can generate embed code using Embeddable Event Widget plugin. This embed code can display organizer’s event listings wherever they use this code.

 

Installation

You can install this plugin same way as installing the WP Event Manager so please refer installation guide of the WP Event Manager or refer to this Installing Plugins Guide.

 

The Shortcode Setup

Create a new page, name it something along the lines of “Embeddable Event Widget” or “Embeddable Events Listing” and then inside the content area add the shortcode:

It is best to insert the shortcode into the ‘text’ view of the visual editor to ensure it gets formatted correctly.

The Shortcode Setup

 

The [embeddable_event_widget_generator] shortcode will give following output at the frontend side:

 

Create Embeddable Widget

On installing this plugin, your website becomes ready to generate embed code with help of [embeddable_event_widget_generator] shortcode. What is noteworthy about this widget is that you can literally specify what kind of events this code will display. You can use the fields (that you can see in the image here) to specify what events to show and some specifications about the widget’s behaviour. So you just need to specify the details and click “Get Widget Embed Code”.

Create Embeddable Widget

 

Create Embeddable Widget Preview

On installing this plugin, your website becomes ready to generate embed code with help of [embeddable_event_widget_generator] shortcode. What is noteworthy about this widget is that you can literally specify what kind of events this code will display. You can use the fields (that you can see in the image here) to specify what events to show and some specifications about the widget’s behaviour. So you just need to specify the details and click “Get Widget Embed Code”.

Create Embeddable Widget Preview

 

Show Event Listings At Facebook Page Tab

With very simple steps, you can show the event listings of your website on Facebook Page’s Tab. We added this feature, because we know how beneficial it is to promote your events on facebook. So use this embed code and show off the contents of your and reach more users.

Show Event Listings At Facebook Page Tab

 

Embed Code Generator Form

The embed code generation form contains the following options:

  • Keyword which searches for events that match the keywords provided.
  • Location which searches for events within a certain location.
  • Display Count which controls how many events get displayed.
  • Show Pagination which shows a next/previous pagination link in the widget to show more results.
  • Categories to limit the events based on selected categories.
  • Event Type which limit the events based on selected event types.

After setup options for the widget, click on Get Widget Embed Code button, will show two sections. one is a Preview of your widget, and the second is Code which you can paste wherever you want or into any website (it doesn’t have to be a WordPress site) to display the events:

 

Embed Code Generator Form

 

Advanced: Overriding/Customizing the Widget Template Files

For overriding or customization template files can be found in the wp-event-manager-embeddable-event-widget/templates/ directory. To override a template file, first you need to create directory “wp-event-manager-embeddable-event-widget” under your theme folder and copy the template file to “/wp-content/yourtheme/wp-event-manager-embeddable-event-widget/” directory. Your theme will use all the template files from the “/wp-content/yourtheme/wp-event-manager-embeddable-event-widget/” directory instead of the plugin’s template file (/wp-content/plugins/wp-event-manager-embeddable-event-widget/).

  • form-embed-code-generator-form.php which contains the embed code generator form.
  • embed-code-css.php which contains the CSS contained in the embed.
  • embed-code.php which contains the main embed code script.
  • content-embeddable-widget-event_listing.php which contains the output of each events listing.

Remember: if you have overrided template file and plugin frequently updating then you need to sync template file with new updates from the plugin’s template file for better functionality and new features.