Your organization can utilize custom categories to organize events into groups with the ITI Digital DXP Dashboard. Visitors to your website can then sort and view events according to these categories. Examples could include Outdoor Dining, Live Music, Seasonal Activities, or any number of other categories unique to your region or organization.


Once categorized, these groups can be embedded to specific landing pages on your website where only the filtered results will be shown in the Custom Category Widget. Here is an example: a visitor to your website may click on a link titled 'Outdoor Adventures' and when taken to that page, the ITI module embedded there will only display activities like 'Fall Festival, Kayaking, Hiking, or Camping.' Categorizing Events in this manner drives visitor interaction on your website and follows SEO best practices.

 

Creating Category Tab & Adding Content


One logged in on your dashboard, 

  1. Go to Customization on the sidebar menu, then Custom Categories.
  2. Turn On the Event Categories feature. If you already have other categories created in the past, you can skip to the next step.
  3. Enter the new category, for example, Take-out/Delivery, Family Events, Main Street Events, etc.
  4. Go back to your Approved Events list, by clicking this option on your sidebar menu. 
  5. Click on the STAR icon to categorize the event. The new category will show as an option from the drop-down list.  








Embedding Your Custom Category Widget


If you wish to embed this particular category view, directly on a dedicated landing page of your site, you can use the sample code below, with a few edits. 

Follow these steps: 

  1. Go to the Custom Categories area on the dashboard and find the link to your custom category.
  2. Copy the Category ID - such as: /JacksonMS/custom-events/5d6e7ce1a8d4d12495538a39 
  3. Edit the widget sample code URL below to reflect the category ID you copied. The entire URL highlighted in yellow needs to be updated. 
<div id="imgoingcalendar-wrapper"
route="/Savannah /custom-events/5f63cb6e85c9a41fa26170a9" url-change="true" version="V3">
<app-root></app-root>
<script type="text/javascript" src="https://imgoingcalendar.com/imgoingscript.js"></script>
</div>


If you have any questions during this process, please don't hesitate to contact our team via support ticket or directly to your account manager.