How can we help?

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 Embeddable Event Widget code.

  1. Automatic Installation : You can install plugin from backend of your WordPress. Click Here to see how you can do automatic installation.
  2. Manual Installation : You can install plugin manually using SFTP or FTP tool as well. Click Here to see how you can do manual installation.
  3. Watch this video for more clarification.

    How To Create Embeddable Event Widget Form using Shortcode?

    Once you installed and activated the plugin,

    1. Create a new page from WP-admin >> Pages >> Add New.
    2. Name it something along the lines of “Embeddable Event Widget” or “Embeddable Event Listing”.
    3. Add the shortcode inside the content area : [embeddable_event_widget_generator]

    It is best to insert the shortcode into the ‘text’ view of the visual editor to ensure it gets formatted correctly.
    WP event manager Embeddable Event Widget setup

    The Embeddable Event Widget’s [embeddable_event_widget_generator] shortcode will give following output at the frontend side:
    WP event manager Embeddable Event Widget frontend code

    How To Get Widget Embed Code?

    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 above image) to specify what events to show and some specifications about the widget’s behavior. So you just need to specify the details and click “Get Widget Embed Code”.

    The Embeddable Widget 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 setting up options for the Embeddable Event Widget, click on “Get Widget Embed Code” button.

    It will show two sections –

    • One is a Preview of your widget
    • 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.
    • WP event manager Embeddable Event Widget preview

    How To Display Event Listings On Facebook Page?

    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.

    Click On This Link and follow the steps mentioned on that guide for displaying the event listings on Facebook page.
    WP event manager Embeddable Event Widget facebook

    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,

    1. Create directory “wp-event-manager-embeddable-event-widget” under your theme folder
    2. Copy the template file to “/wp-content/yourtheme/wp-event-manager-embeddable-event-widget/” directory.
    3. 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 overridden 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.

Was this article helpful?
How can we improve this article?
Quick Links