Event list widget

Customize and install the Showpass Event List Widget to allow customers to easily browse your events from your site

The Showpass Event List Widget easily integrates your events into your website allowing customers to browse your events from your site. The widget is customizable and automatically updates with your events, allowing you to save time on website edits and incorporate your branding. 

Once logged in, head over to the Dashboard, click the hamburger menu in the top left corner, then select Widgets at the bottom of the list. 

Please note: You need to have the Manage Widgets permissions enabled in order to be able to access this section.

 

Once on the Widgets page, click the Events List button.

Screen_Shot_2020-03-03_at_9.52.00_AM.png

Screen_Shot_2020-03-03_at_9.56.22_AM.png

 

Customize

Dark Theme

Screen_Shot_2020-03-03_at_9.55.52_AM.png

Enabling this toggle will apply a dark theme to the widget.

Screen_Shot_2020-03-03_at_9.56.52_AM.png

 

Filter By Categories
To have certain events be displayed, you can filter by categories. Ensure you have the same category title on your event as you list here in order for it to appear.

Please note: If you want all of your events to be listed, don't put anything here.

Screen_Shot_2020-03-03_at_9.59.03_AM.png
Screen_Shot_2020-03-03_at_9.59.12_AM.png
 

Enable List Layout

Enable this option to display your events as a list instead.

Screen_Shot_2020-03-03_at_10.03.16_AM.png

Screen_Shot_2020-03-03_at_10.03.23_AM.png

 

Primary Theme Color

Screen_Shot_2020-03-03_at_10.00.23_AM.png
 
Use the colour picker, or paste in a HEX value to select the primary colour for buttons and event titles.
 
Screen_Shot_2020-03-03_at_10.00.38_AM.png



Adding to your Website

Once you have customized and added all of your fields, make sure you save your widget. On the right hand side you will see a text box with some HTML code. Select all of that code, and go Edit > Copy, which will copy the code to your clipboard.

Screen_Shot_2020-03-03_at_10.01.48_AM.png

Once you have your code copied, open up the administrator dashboard of your website.

Please note: This is not the same as your Showpass Dashboard.

Navigate to the page or post where you want to post your new Event List Widget and click Edit.

Depending on your website editor, you may need to add a code block, or select a basic text editor instead of a visual editor. 

Paste the widget code into the editor and click save. Your widget should be displaying on your website after you refresh the page!