Documentation Index

Fetch the complete documentation index at: https://www.civicplus.help/llms.txt

Use this file to discover all available pages before exploring further.

Create an Event Widget

Prev Next

The Event widget format is optimized for scheduled events that you wish to display on a page.

Who can use this feature?

System Administrators | Owners | Publishers | Authors

Instructions

  1. Sign in to your site

  2. Navigate to the page you wish to edit and click the Content tabThe Content icon on the navigation menu.

  3. Select your event content and drag-and-drop it onto your page
    Community events featuring a movie series and an art walk in Santa Barbara.

    Note:

    You can use the content filters to narrow the content results that display.
    Filters for event content selection, including categories and permission settings.

  4. The Widget Options will open up. Configure the content in the widget as needed.
    Widget options for selecting content, including movie series and art walk events.

  5. Expand the Widget Format menu and select Event The Event Widget format option highlighted on the widget options menu.

  6. Expand the Content Appearance menu and configure options Settings panel for customizing content appearance and widget configurations on a website.

    • Option Set: Select an option set from the drop-down

    • Widget Skin: If needed, change the widget skin

    • Show Monthly Calendar with Events: Check to show a monthly calendar on the widget

    • Number of Columns: Set the number of columns for your events in the widget

    • Limit the size of descriptions: Check to specify the maximum character limit length for event descriptions

  7. (Optional) Modify the widget Configuration
    Configuration settings for event widgets, including content type and field options.
    Settings panel showing options for label location and user search preferences.

    • Content Type: Select the type of content from the drop-down menu

    • Event Fields: Use the Event Field Bank to drag and drop fields into the Event Format boxes where you would like them to display

    • Show Labels: Select which sections' fields will show a label beside them.

    • See More Labels Locations: Choose where the ‘See More’ link shows on the widget

    • Display optional search in widget: Check to show a search bar in the widget

    • Hide Loading Placeholders: Check if you do not want to display placeholder items while the widget is loading.

  8. (Optional) Customize the widget's advanced Options
    Options menu for customizing advanced settings in a website widget configuration.

    • Header: Enter header text that will display at the top of your widget

      • Header Tag: Choose the size of the header

      • Disable Header Tags for Titles: Replaces the wrapping header tag in the title field with a div tag for all items within a widget.

    • See More: This link displays all content for a given item. Links will only appear if more content is available to view.

      • Link Title to Item Details: Check to link to the event details

      • Include a See More link below the item: Check to show the See More links below the event descriptions

      • Customize Text: Change the ‘See More’ text.

      • Open See More Link: Choose if the link is opening in a page, widget, or dialog

      • Open in an Existing Page: Select from a list of existing pages

    • Breakpoint: Set the widget breakpoint

  9. Click Save Changes on the page

  10. Your Event widget is now configured on your page
    Community events listed with dates and a calendar for June 2026.