Get the iFrame

Integrating and using the Yard iFrame is free of charge, but it requires approval by Yard. Here are the steps to get up and running:

1. You have to send an integration request to Yard explaining the use case of the calendar and where you want to install it (website URL). After your request was accepted, you will get an authorization code, which is necessary to run the plugin.
2. After your integration request was accepted (step 1), you can include the following HTML line in your website exactly at the position where you would like to show the Yard Calendar:
   <script src="https://www.yard.global/yard-iframe.js?code=your_activation_code" class="yard-iframe" defer></script>
   Be sure to replace your_activation_code with your actual activation code you received from Yard. Note that this script will inject the Yard Calendar as iframe tag when the script is called.
3. After you copied the code (step 2) to your website and saved it, your calendar will appear. You can also include multiple calendars on the same page: simply include another script tag on your web page. To configure each iFrame, see the details in the next section "Configuration".

iFrame configuration

You can configure the Yard Plugin through these optional parameters:

• &topic=xxx - filter events by one or more supported topics (see "Topic Configuration"), where xxx is a topic.
• &city=xxx - filter events by one or more supported city names (see "Location Configuration"), where xxx is a city name.
• &country=xxx - filter events by one or more supported country names (see "Location Configuration"), where xxx is a country name.
• &region=xxx - filter events by one or more supported formats (see "Event Format Configuration"), where xxx is an event format name.
• &format=xxx - filter events by one or more supported region names (see "Location Configuration"), where xxx is a region name
• &maxwidth=xxx - override the default width of 100% to a specific value, where xxx is a width like '1200px' or '80%'.
• &mode=xxx - override the default mode tiles, where xxx is a mode name.
• &headline=xxx - show a custom headline for your calendar integration, where xxx is your headline text.

You can also combine the listed parameters as shown in the example above.

Topic configuration

The &topic= parameter is accepting one or multiple values from this list:

• &topic=web - Web3 and blockchain events
• &topic=finance - finance events
• &topic=fintech - fintech events
• &topic=ai - AI (artificial intelligence) events
• &topic=it - IT (information technology) events
• &topic=business - business events
• &topic=innovation - innovation events

You can also combine the above listed parameters for limiting the events to be shown, for example: topic="finance,fintech"

Location configuration

The &city=, &country=, and &region= parameters are accepting one or multiple values from this list:

• &city=Berlin - events in Berlin
• &country=Germany - events in Germany
• &region=Europe - events in Europe

You can also include several locations for a given location parameter, for example: &country=Germany,Austria,Switzerland

Event format configuration

The &format= parameter is accepting one or multiple values from this list:

• &format=conference - filter events by conferences or summits
• &format=ceremony - filter events by ceremonies or galas
• &format=dinner - filter events by dinners, lunches, or breakfasts
• &format=fair - filter events by fairs or exhibitions
• &format=hackathon - filter events by hackathons or technical events
• &format=leisure - filter events by leisure or sport events
• &format=livestream - filter events by live streams
• &format=longterm - filter events by long-term events (5+ days)
• &format=meetup - filter events by casual meetups
• &format=panel - filter events expert panels, symposiums, or lectures
• &format=party - filter events by parties or hanghouts
• &format=questions - filter events by Q&A sessions or AMAs
• &format=roadshow - filter events by roadshows, promotions, or pitches
• &format=scholarship - filter events by scholarships or educational programs
• &format=seminar - filter events by workshops or seminars

You can also combine the above listed parameters for limiting the events to be shown, for example: &format=conference,longterm,panel

Mode configuration

The &mode= parameter is accepting one value from this list:

• &mode=details - show events in the detailed view
• &mode=list - show events as a list
• &mode=tiles - show events including preview images of the event website

If you leave out the mode parameter, &mode=tiles is used by default.

Example integration

This example will show fintech events in Germany: <script src="https://www.yard.global/yard-iframe.js?code=your_activation_code&topic=fintech&country=Germany"></script>

Be sure to replace your_activation_code with your actual activation code you received. Yard is working on creating a management interface for the parameters, so that you don't have to play around with programming code.

Demo calendars

You can see a demostration of how the Yard Calendar works as iFrame Integration on the Yard iFrame demo page.

Changelog

The Yard iFrame will be constantly be improved. You can view a record of the changes in the changelog.