Deployment

Deploying your Embeddable Hub is easy, just follow the steps below:

1. If your game is hidden or pending, the 'Visible when game is hidden' checkbox on the Settings page must be checked, if your game is already live, go straight to step 2.

2. Ensure that the domain you are hosting your Embeddable Hub on is whitelisted in the 'Allowed origins' section of the Settings page.

3. Go to the 'Embed code' tab, copy the source code and paste it into your own site's source code.

   a. If you completed this step before enabling the checkbox in step 1, or unpublished your game, return here to get the required hash parameter.

4. Deploy your site however you do normally and view your Embeddable Hub on the page.

Script tag

The script tag in the source code is optional but recommended by mod.io. It provides various usability improvements for the Embeddable Hub.

Examples include functions that automatically resize the iframe when its contents change, positioning pop-ups in the center of the screen regardless of how much the user has scrolled, and setting a hash in the URL so users can navigate directly to specific pages.

Communicating with the Embeddable Hub

Be sure to check out the next topic to learn more about how your site can interact with the Embeddable Hub for a seamless user experience.