I don’t believe our documentation mentions this, but here’s how embedding a collection works:
Take the URL of a collection, eg. https://itch.io/c/71828/interesting-stuff and change it to https://itch.io/embed-collection/71828. (Note you must keep the ID number the same).
Then you can use that URL in the src attribute of an iframe.
You can customize the theme of the embedded collection with the following query parameters in the URL:
fg_color: Foreground color in hexadecimal format.bg_color: Background color in hexadecimal format.link_color: Link color in hexadecimal format.font: Font family, must be name of a valid Google font.font_size: Font size, integer value between 25 and 200.border_radius: Border radius, integer value between 0 and 50.
Here’s an example of a customized embed: https://itch.io/embed-collection/71828?border_radius=5&fg_color=ffffff&bg_color=000000&link_color=7777aa