In addition to sending out your campaign URL or iframing the game into your website, you can also embed a game in a pop-up.

However, there are some limitations to this functionality.

The easiest way around these limitations is to link from the pop-up to the game instead of putting the game in the pop-up. But if you are sure you want a game in a pop-up, this article will show you:

To embed your game, open your Playable pop-up and add the game addon.

Then, go under the addon settings and select the campaign you want to embed from the dropdown menu. Since this works like an iframe, only live games can be added (not drafts or templates).

There are different settings you can adjust once the game is embedded. Essentially, the game addon is an iframe, so the settings are similar to those you find when you iframe a game into a website.

You can decide if you want to include your entire campaign landing page or just the game flow section.

Generally, we recommend to show only the game flow section, since the other content (e.g. logo and footer) don't make sense in the pop-up.

If the game is taller than the iframe, then it will be cropped.

If you add scrollbars, then the player will be able to scroll within the iframe to see the rest of the content.

If you have different amounts of content on your game flow pages, this setting will allow the game addon change size so that it always fits the height of the game.

However, this does not change the height of the pop-up that contains the game addon! Read more below for our recommendations on how to handle game height in your pop-up.

Media queries allow the game to respond to the size of the screen on which it is displayed. By default, the setting is turned off, meaning the game will adjust to the size of the pop-up.

If you turn the "ignore media queries" setting on, the desktop version of the game will show, even if the pop-up is the size of a mobile screen.

We recommend a slightly larger pop-up than usual if you are embedding a game in the pop-up:

You can also create a pop-up that is only visible on desktop and not on mobile, if you cannot create a game small enough to fit in a mobile pop-up.

You can adjust the game's design to make it a bit smaller, allowing you to fit it into the small pop-up window:

Most games have different amounts of content on different flow pages (e.g. the registration page is taller than the presentation page). This could mean your game content gets cropped if it is taller than the pop-up itself.

You have two options for preventing this:

Iframing a game into a pop-up, can increase the load time of both your website and the pop-up itself.

It's not possible to make the website load faster, but you can make the pop-up load faster. You do this by creating the first page of the game as a pop-up step, so the full game doesn't load until the player clicks to continue.

Watch the video below to learn how to create this two-step pop-up.

Technically, any game can be embedded in a pop-up — but some games work better than others.

Generally, the best kinds of games are simple ones where the player doesn't have to interact with too many different moving elements.

Some of the best game types for embedding in a pop-up are:

Some of the games we don't recommend embedding in a pop-up are:

If you have questions about a specific game, contact your Customer Success Manager or write to us in the support chat.