Skip to main content

Integrate your game into your website or app

Written by Elsa Fernandes

Summary

  1. Integrating a Game into a Website

  2. Integrating a Game into a Mobile App

Once you've created and published your game, you can embed it directly on your website or in your mobile app to provide a seamless gaming experience for your users.

Depending on your needs, there are two ways to embed the game :

  • via a website, using the embed code (iframe).

  • via a mobile app, using the distribution link in a WebView.

  1. Integrating a Game into a Website

Integration into a website is done using the embed code (iframe) automatically generated by Kimple.

Step 1: Publish your game

Before retrieving the embed code, your game must be published.

To do this:

  1. Open your campaign.

  2. Verify that your game is finalized.

  3. Click Publish.

Once published, your game becomes accessible and can be distributed across various platforms.

Step 2: Go to the Distribution tab

From your campaign:

  1. Go to the Distribution tab.

  2. Click Copy Code to retrieve the SDK and DIV for the campaign.

  3. Keep this code until you integrate it into your website.

This code allows you to display your game directly on a web page, without redirecting to another site.

Step 3: Add the code to your site

Embed the iframe code into the HTML code of the page where you want to display the game.

This can be done:

  • by your technical team;

  • by your web agency;

  • or directly from your CMS if it allows you to add custom HTML code.

Once the page is published, the game will automatically appear in the selected location.

Step 4: Verify that everything is working properly

After integration:

  • open the page on your site;

  • verify that the game displays correctly;

  • complete the entire participation process to ensure that everything works as expected.

2. Integrating a Game into a Mobile App

If you have a mobile app, you can also integrate your game into it.

The game is displayed using a WebView, which allows you to display a web page directly within your app.

Step 1: Publish your game

As with integration on a website, your game must be published before it can be integrated into your app.

Verify that your campaign is live before continuing.

Step 2: Retrieve the distribution link

From your campaign:

  1. Open the Distribution tab.

  2. Copy your game’s distribution link.

This is the link you should use in your app.

Step 3: Embed the link in a WebView

Send the distribution link to your development team.

Developers can use it in a WebView to display the game directly within your mobile app, without the user having to open a browser.

To learn more about mobile app integration options and the solutions offered by Kimple, see the article “What Is the SDK?”➡️https://support.kimpleapp.com/en/articles/8376220-what-is-the-sdk

💡 Best Practice: Before publishing your campaign, test your integration on different devices (desktop, tablet, and mobile) and walk through the entire participation process to verify the display, the form’s functionality, and how well the game adapts to its container.

Did this answer your question?