Website Code Options

Use this page to enhance your website with embedded code options for banners, containers, and widgets, as well as query string code that can be used to customize your event calendar page.

Banners

To place a banner, use the appropriate code below in an "Embed Code" element chosen from the build toolbar in the website editor. Be sure to replace the "[[secure domain]]" text in the code with the domain being used for the MC Trade pages:

Leaderboard Banner (970 x 90px)
<div class="wli-ad-leaderboard"><script type='text/javascript' src="https://[[secure domain]].com/external/wcpages/v12/banners/banner-js.aspx?Bannername=leaderboard" referrerpolicy="no-referrer-when-downgrade"></script></div>

Medium Rectangle Banner (three options for banner names in order of preference) (300 x 250px)
<div class="wli-ad-square1"><script type='text/javascript' src="https://[[secure domain]].com/external/wcpages/v12/banners/banner-js.aspx?Bannername=mediumrectangle" referrerpolicy="no-referrer-when-downgrade"></script></div>

Medium Rectangle Banner (replaces leaderboard for mobile view) (300 x 250px)
<div class="wli-ad-mobile"><script type='text/javascript' src="https://[[secure domain]].com/external/wcpages/v12/banners/banner-js.aspx?Bannername=mediumrectangle_mobile" referrerpolicy="no-referrer-when-downgrade"></script></div>

Containers

To place a container, use the appropriate code below in an "Embed Code" element chosen from the build toolbar in the website editor:

Breadcrumbs - <div class="wli-breadcrumbs-container"></div>

Widgets

To place a widget, use the appropriate code below in an "Embed Code" element chosen from the build toolbar in the website editor:

Events - <div class="wli-events-widget" data-wli-widget="event-block" data-wli-get="10" data-wli-scrolling="true" data-wli-show="3"></div>
News - <div class="wli-news-widget" data-wli-widget="news-block" data-wli-article-type="articletype" data-wli-get="10" data-wli-scrolling="true" data-wli-show="3"></div>
New Members - <div class="wli-new-members" data-wli-widget="members-block" data-wli-get="10" data-wli-scrolling="true" data-wli-show="3"></div>

Deprecated
Job Openings - <div class="wli-job-openings" data-wli-widget="jobs-plain" data-wli-get="6" data-wli-scrolling="true" data-wli-show="3"></div>

Widget options can be adjusted using the below code:

data-wli-widget (required) - Used to specify the type of widget.
- event-block (event list)
- event-org-block (organization event list)
- event-com-block (community event list)
- event-mo-block (members only event list)
- event-block-type (event list based on event type - must be paired with data-wli-event-type shown below)
- news-block (news list)
- jobs-plain (job list)
- members-block (block member list)

data-wli-scrolling - Sets scrolling behavior of widget.
- If set to anything other than false, widget will scroll.
- If omitted, the widget will be static (non-scrolling)

data-wli-show - Determines the number of items to show if scrolling is enabled.

data-wli-event-type - Defines an event type (use with event-block-type)

data-wli-get - Determines the numer of items pulled into the widget.
- If not scrolling, this is the number of items that will be displayed at once. If scrolling is enabled, this is how many items will be scrolled through.

data-wli-content-type-id - Determines the contenttypeid used for the sponsor-plain widget type.
data-wli-article-type - Determines the article type (e.g. data-wli-article-type="articletype")
data-wli-days-new - Determines the days to show for the new member widget (default = 45) (e.g. data-wli-days-new="90")

Event Calendar Page Query Strings

Add these codes to your calendar page URL to adjust what is displayed on the page (some options may only work on later versions of the events calendar page).

?oe=true – Only display events with the calendar type of Organization.

?ce=true - Only display events with the calendar type of Community.

?showeventtypes – This will load the calendar with only indicated event types checked in the event type filter. The rest are unchecked. This query string accepts a “+” separated list of event types (case sensitive). Example - http://domain.com/events?showeventtypes=Educational+Networking+Regional

?hideeventtypes - This will load the calendar with only indicated event types unchecked in the event type filter. The rest are checked. This query string accepts a “+” separated list of event types (case sensitive). Example - http://domain.com/events?hideeventtypes=Educational+Networking

?view - You can choose the calendar view you load into. Options are: month, basicWeek, basicDay, listMonth, listWeek, listDay. Example - http://domain.com/events?view=listWeek

?date - You can choose a specific day to load. If the calendar isn’t using a day view, it’ll load the appropriate block of dates that contain the day. Example - http://domain.com/events?date=11/15/2017

Combining – You can combine any of the above query parameters Example - http://domain.com/events?date=12/04/2017&view=listWeek