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"></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".

Configuration

You can configure the Yard iFrame by adding additional parameters after the code parameter:

• city: filter events by city name.
• country: filter events by country name. If you define a parameter country, the parameter city will be disregarded in the processing of events.
• headline: override the default headline text with your own text.
• maxwidth: adjust the screen width, default is 100%.
• mode: how to display the events: list, tiles, or details - default is tiles.
• topic: filter events by one or more supported topics: web3, fintech, finance, ai, it, realestate, and/or sustainability. Separate multiple topics with a comma, like so: topic:fintech,ai.

You can also combine several of the above listed parameters together, as shown below.

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.