Yard iFrame Integration

Do you want to offer relevant events to your finance or business community? Just integrate a Yard Calendar into your website through iFrame integration and automatically show events to your audience which are contained in Yard.

Simply apply as a user of the Yard Calendar, add one line of HTML code in your website, and you're all set. And the best is: it's free!

Send integration request
Yard iFrame Integration

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 two HTML lines on your website to show a Yard Calendar:
    <script src="https://www.yard.global/yard-iframe-resizer.js"></script><iframe class="yard-iframe" src="https://www.yard.global/iframe/?code=your_activation_code"></iframe>
    Be sure to replace your_activation_code with your actual activation code you received from Yard.
  3. After you copied the code (step 2) to your website and saved it to your website, your calendar will appear. You can also include multiple calendars on the same page: simply include another iframe tag on your web page. To configure a Yard iFrame, see the details in the next section "Configuration".

Configuration

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

  • topic: filter events by one or more supported topics: web3, fintech, finance, ai, it, realestate, and/or sustainability. Separate multiple topics with a comma.
  • 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.
  • maxwidth: adjust the screen width, default is 100%.
  • mode: how to display the events: list, tiles, or details - default is tiles.

You can also combine the above listed parameters for limiting the events to be shown.

Example integration

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

Be sure to replace your_activation_code with your actual activation code you received. Yard is working on creating a management interface for easily setting the parameters in a management frontend.

Demo calendars

You can see a demostration of how you can integrate a live feed of events into your own website 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.

Yard