About CRM Calendar Cards

The CRM calendar cards can be added to any serice, campaign or interior page on a host that uses CRM for their calendar. By default, the widget will pull in the earliest events on the relevant host, but the widget can be configured to pull in events matching any number of keywords or keyword/start-date combinations.

Interior and Service Pages Layouts

The CRM Calendar Cards when used for interior or services pages are available in two layouts. The two layouts are the main content vertical layout and the sidebar vertical layout. Each layout will display the card layout with events populating underneath the previous event. Items that each layout will display are as follows:

Main Content Layout
Interior and Service Pages


  • Date and time
  • Title
  • Full event/class description
  • Location of event/class:
    On cick directs the user to google maps for directions to the location
  • Cost
  • Availablity:
    ie. Avialable, Waitlist, or if less then 10 spots remaining.
  • Registration link:
    to either online registration page, waitlist page or click to call.

Aside Content Layout
Interior and Service Pages


  • Date and time
  • Title
  • Short event/class description:
    Truncated at 150 characters
  • Registration link:
    to either online registration page, waitlist page or click to call.

Campaign Page Layout

The CRM Calendar Cards when used on compaign pages have one available layout. The layout is a full width horizontal layout. The event cards are populated side by side. Items that are displayed in the layout are as follows:

Main Content Layout
Campaign Pages


  • Date and time
  • Title
  • Short event/class description:
    Truncated at 150 characters
  • Registration link:
    to either online registration page, waitlist page or click to call.

Setup

To set up the widget follow these steps:

  1. Use the the snippet generator to create the snippet. After filling out form the generator will create the following values:
    • $cc_events_campaign:
      Boolean(true/false) variable. Used to indicated if widget is being used on a campaign page
    • $cc_events_location:
      Text variable. Used to indicated if widget will be placed in the main or aside content area. For campaigns default is the main content area.
    • $cc_events_header:
      Text variable. Used to set the title of the widget. If left blank the widget will not display a title.
    • $webq_ccp_show_event_description:
      Boolean(true/false) variable. Used to indicate whether or not the event description shows. default set to true.
    • $webq_ccp_events_header_text_class :
      Text variable. Used to add text class to header variable.
      Can only be applied to campaign layouts.
    • $webq_ccp_events_search_criteria_end_date
      Text variable. Used to specify and end date for the search. Format: 'mm/dd/yyyy'
    • $cc_events_search_criteria:
      Object. Used to search CRM Calendar by either keyword or by specific dates.
  2. Copy and paste generated snippet in desired page content.
    • Campaigns: the snippet must be used in one of the two custom content sections in the active campaign content.
      Note: Be sure that the you set the custom section to span full width.

Widget Styles

The widget styles are in the http://web-q-hospital.prod.ehc.com/global/hut/widgets/css/webq-widgets.css stylesheet. Make shure this is included in the /util/custom/start.vtl.

<link rel="stylesheet" href="https://web-q-hospital.secure.ehc.com/global/hut/widgets/css/webq-widgets.css"/>