You can embed a list of filtered events or a specific event card in your webpage using a classic old-school
iframe or a shiny new webcomponent.
Webcomponents usage requires a small (~5kB gzipped) js script to be loaded in your page (note that you should use your instance name):
To embed an event in webpages you use
<gancio-event> custom element, you can copy the required code in event’s page > Embed > Copy, should be like the following:
<gancio-event id=17 baseurl='https://demo.gancio.org'></gancio-event>
You can also embed a list of events using
<gancio-events> custom element, you can copy the required code in Export > List > Copy
<gancio-events baseurl='https://demo.gancio.org'> <a href='https://demo.gancio.org'>Gancio Events</a> </gancio-events>
Note that you can modify the title (or completely remove it using an empty
title param) and the icon, you can limit the list to a maximum number of events using the
maxlength parameter and filter events by
places using that parameters (it’s easier using gancio than to explain it here)
You can also use the old iframe method
<iframe src='https://demo.gancio.org/embed/17' style="width: 410px; border: none; height: 210px; overflow: hidden;"></iframe>
To embed an event or a list of events into a WordPress website you can use the WPGancio plugin, this allows you to use webcomponents and shortcodes and automatically includes the needed script in each page and post.