KoiKiwi Technical Tutorial

How to embed our games on your website


The easiet way to embed a KoiKiwi game on your site would be to use iFrames. Please note that we prepared a special link on each game to remove the KoiKiwi logo and KoiKiwi navigation so you could embed the game in a native form. Please use the following tag:

					<iframe src="http://www.koikiwi.com/DIRECT_LINK_TO_GAME_WITHOUT_THE_SHOW_NAVIGATION_VARIABLE" 
						width="100%" 
						height="100%" 
						frameborder="0" 
						align="top" 
						style="overflow:auto;">
					</iframe>
				


You could embed the iFrame inside a DIV with specific size, most of the games are responsive so would adjust the size of the game to the size of your div. For example, you could do:

					<div style="width:500px;height:500px;">
						<iframe ...>	</iframe>
					</div>
				

Each game has different width to height propotions though, so just make sure that you give enough height for the game to be presented well, so better check it before you go to production.

The complete list of direct links to the games is as follows:


Trivia:
<iframe src="http://www.koikiwi.com/trivia/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Eco Defender:
<iframe src="http://www.koikiwi.com/eco-defender/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Eco Snake:
<iframe src="http://www.koikiwi.com/eco-snake/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Eco Tower:
<iframe src="http://www.koikiwi.com/eco-tower-platformer/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Catch the Rubbish:
<iframe src="http://www.koikiwi.com/catchTheRubbish/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Shoot down greenhouse gases:
<iframe src="http://www.koikiwi.com/shootingGame/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


3d Pollutant maze:
<iframe src="http://www.koikiwi.com/3dmaze/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Shoot down plastic bottles:
<iframe src="http://www.koikiwi.com/asteroids/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Environmental Memory Game:
<iframe src="http://www.koikiwi.com/memoryGame/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Ecological Puzzles:
<iframe src="http://www.koikiwi.com/puzzle/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


KoiKiwi in the recycling box:
<iframe src="http://www.koikiwi.com/3boxesGame/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Eco Sliding Puzzles:
<iframe src="http://www.koikiwi.com/slidingPuzzle/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Forest Rubbish Cleaner:
<iframe src="http://www.koikiwi.com/jollyJumper/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Electric Car Race:
<iframe src="http://www.koikiwi.com/electricVehicleRace/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


The Pond:
<iframe src="http://www.koikiwi.com/pond/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>


Flying Bird Recycler:
<iframe src="http://www.koikiwi.com/rubbishCleanerBird/index.html" width="100%" height="100%" frameborder="0" align="top" style="overflow:auto;"> </iframe>








    To get updates:
   Join the KoiKiwi club