Embedded Codes

  • Home
  • Embedded Codes

http://wlicorp.weblinkconnect.com/web/embedded-codes.aspx

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:

<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>

<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>

<div class=”wli-ad-square1″><script type=’text/javascript’ src=”https://[[secure domain]].com/external/wcpages/v12/banners/banner-js.aspx?Bannername=square1″ referrerpolicy=”no-referrer-when-downgrade”></script></div>

<div class=”wli-ad-square1″><script type=’text/javascript’ src=”https://[[secure domain]].com/external/wcpages/v12/banners/banner-js.aspx?Bannername=square2″ referrerpolicy=”no-referrer-when-downgrade”></script></div>

<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>
Sitemap – <div class=”wli-sitemap-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>
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>
Sponsor Marquee (must be preconfigured in Atlas) – <div class=”wli-sponsor-scroller” data-wli-widget=”sponsor-plain” data-wli-content-type-id=”xx”></div>

Widget options can be adjusted using the below code:

  • data-wli-widget (required) – Used to specify the type of widget.
    • event-plain (basic event list)
    • event-block (block event list)
    • event-featured (basic featured event list)
    • event-org-plain (basic organization event list)
    • event-com-plain (basic community event list)
    • event-org-block (block organization event list)
    • event-com-block (block community event list)
    • event-mo-block (block members only event list)
    • event-block-type (block event list based on event type)
    • news-plain (basic news list)
    • news-block (block news list)
    • jobs-plain (basic job list)
    • members-plain (basic member list)
    • members-block (block member list)
    • sponsors-plain (sponsor scroller)
  • 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)
    • Does not work with “sponsor-plain” widget type.
  • 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.
    • Does not work with “sponsor-plain” widget type.
  • 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