fbpx
Missed our recent webinar? No worries! Catch the replay Webinar Link Redeem it for a special offer mentioned in the webinar.
How can we help?

Embeddable Event Widget

An Embeddable Event Widget plugin owner can generate the embed code using Embeddable Event Widget plugin. The Embed code lets users display their event listings wherever they want to in a widget form.

Installing The Plugin

The installation process is the same for all the addons, offered by WP Event Manager. They can be both installed automatically and manually.

  1. Automatic Installation : You can install the plugin from the backend of your WordPress. Click Here to see how you can install the plugin automatically.
  2. Manual Installation : You can also install the plugin manually using SFTP or FTP tools. Click Here to see how you can install the plugin manually.
  3. Watch the entire video for better understanding.

    How To Create Embeddable Event Widget Form with Shortcodes?

    After installing and activating the plugin, here are the steps you need to take to create the Embeddable Event Widget Form with shortcodes:

    1. Create a new page following these steps WP-admin >> Pages >> Add New.
    2. Add a title to it “Embeddable Event Widget” or “Embeddable Event Listing”.
    3. Add the shortcode in the content area : [embeddable_event_widget_generator]

    It is recommended for you 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 the following output at the frontend of your website:
    Wp Event Manager Embeddable Event Widget Frontend Code

    How To Generate The Widget Embed Code?

    Installing the plugin means your website is prepared to generate the embed code with the [embeddable_event_widget_generator] shortcode.

    One of the remarkable features of this widget is that you can easily specify the kind of events this code will display. You can use the fields (that you can see in the above image) to manage the widget behavior and to specify the event type to display. After mentioning the details you need to click on the “Get Widget Embed Code” option.

    The Embeddable Widget Form contains the following options:

    • Keyword which searches for the events that match the keywords provided.
    • Location which searches for the events within a certain location.
    • Display Count which controls how many events get displayed.
    • Show Pagination which shows the next/previous pagination link in the widget to show more results.
    • Categories to limit the events based on the selected categories.
    • Event Type which limits 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 –

    • The first one is the Preview of your widget.
    • The second one 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 A Facebook Page?

    We added this feature because we know how beneficial it is to promote your events on a popular social media platform like Facebook. You can easily reach out to your target audience on Facebook using the plugin.

    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, you need to follow the below-mentioned steps:

    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 event 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.

    Embeddable Event Widget
    Ashok Dudhat

    Our team constantly explores ways that technology can help us reinvent industries. We want to change the world by creating great products that transform industries. We Dream It, We Make It.

Quick Links
Close
Close