diff --git a/README.md b/README.md
index 4655f60..3bf588b 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,8 @@ https://github.com/defold/extension-fbinstant/archive/master.zip
 Or point to the ZIP file of a [specific release](https://github.com/defold/extension-fbinstant/releases).
 
 ## 2. Preparing index.html
-Before the extension can be used you need to add the Facebook Instant Games API to the index.html of your game. [Refer to the index.html in the root of this project](https://github.com/defold/extension-fbinstant/blob/master/fbinstant/index.html#L58) for an example of this.
+
+Configure your `game.project` HTML5 section according to the [manual](https://defold.com/manuals/html5/).
 
 ### 2.1 Report loading progress
 Facebook Instant Games can show the progress while the game is loaded. It is quite easy to set this up for a Defold game. All that is required is to override the Progress.updateProgress() function and pass along the value to the Instant Games API (this is done for you [in the default index.html](https://github.com/defold/extension-fbinstant/blob/master/fbinstant/index.html#L68-L71) provided with this extension):
@@ -36,15 +37,6 @@ It has been observed that the progress updates do not work properly on Android.
 		Module._fbinstant_inited = true;
 	});
 ```
-### 2.3 game.project options
-Add the following lines to your game.project file:
-```
-[fb_instant]
-stretch_canvas = 1
-```
-`stretch_canvas = 0` if you want to fit canvas into the browser window bounds.
-
-`stretch_canvas = 1` if you want to stretch canvas.
 
 ## 3. Create a Facebook App
 You also need to create a Facebook App where Instant Games is enabled. Please refer to the [Getting Started documentation](https://developers.facebook.com/docs/games/instant-games/getting-started) on the Instant Games page for further instructions.
diff --git a/fbinstant/index.html b/fbinstant/index.html
deleted file mode 100644
index 9951c14..0000000
--- a/fbinstant/index.html
+++ /dev/null
@@ -1,180 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,width=device-width,minimal-ui" />
-    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-
-    <title>{{project.title}} {{project.version}}</title>
-    <style>
-    canvas {
-        vertical-align: middle;
-    }
-    .canvas-app-container {
-        /* A positioned parent for loading visuals */
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        background: #0e1618;
-    }
-
-    .canvas-app-progress {
-        visibility: hidden;
-    }
-
-    .canvas-app-progress-bar {
-        visibility: hidden;
-    }
-
-    * { margin:0; padding:0; }
-
-    #canvas {
-        outline: none;
-        border: 0;
-        width: 100%;
-    }
-    canvas:focus, canvas:active {
-        outline: none;
-        border: 0;
-        ie-dummy: expression(this.hideFocus=true);
-        -moz-outline-style: none;
-    }
-    div {
-        -webkit-tap-highlight-color: rgba(0,0,0,0);
-        -webkit-touch-callout: none;
-        -webkit-user-select: none;
-        -khtml-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
-    }
-
-    body {
-        position: fixed; /* Prevent overscroll */
-        background-color: rgb(0, 0, 0);
-    }
-    </style>
-
-</head>
-
-<body oncontextmenu="return false;">
-    <script src="https://connect.facebook.net/en_US/fbinstant.6.3.js"></script>
-    <div id="fb-root"></div>
-    <div id="app-container" class="canvas-app-container">
-        <canvas id="canvas" class="canvas-app-canvas" tabindex="1" width="{{display.width}}" height="{{display.height}}"></canvas>
-    </div>
-
-    <!-- -->
-    {{{DEFOLD_CUSTOM_CSS_INLINE}}}
-    <script type='text/javascript' src="dmloader.js"></script>
-    <script type='text/javascript'>
-        // Set up a progress listener and feed progress to FBInstant
-        Progress.updateProgress = function (percentage, text) {
-            FBInstant.setLoadingProgress(percentage);
-        }
-
-        // Do early initialization of FBInstant
-        // This is required to be able to properly update the loading
-        // progress above.
-        FBInstant.initializeAsync().then(function() {
-            // This will be checked by the FBInstant Defold extension
-    		Module._fbinstant_inited = true;
-    	});
-
-        // Start the instant game
-        var extra_params = {
-            archive_location_filter: function( path ) {
-                return ("{{DEFOLD_ARCHIVE_LOCATION_PREFIX}}" + path + "{{DEFOLD_ARCHIVE_LOCATION_SUFFIX}}");
-            },
-            engine_arguments: ["--verify-graphics-calls=false"],
-            splash_image: "{{DEFOLD_SPLASH_IMAGE}}",
-            custom_heap_size: {{DEFOLD_HEAP_SIZE}},
-            disable_context_menu: true
-        }
-
-        Module['onRuntimeInitialized'] = function() {
-            Module.runApp("canvas", extra_params);
-        };
-
-        Module["locateFile"] = function(path, scriptDirectory)
-        {
-            // dmengine*.wasm is hardcoded in the built JS loader for WASM,
-            // we need to replace it here with the correct project name.
-            if (path == "dmengine.wasm" || path == "dmengine_release.wasm" || path == "dmengine_headless.wasm") {
-                path = "{{exe-name}}.wasm";
-            }
-            return scriptDirectory + path;
-        };
-
-        function load_engine() {
-            var engineJS = document.createElement('script');
-            engineJS.type = 'text/javascript';
-            if (Module['isWASMSupported']) {
-                engineJS.src = '{{exe-name}}_wasm.js';
-            } else {
-                engineJS.src = '{{exe-name}}_asmjs.js';
-            }
-            document.head.appendChild(engineJS);
-        }
-
-        // Make sure to resize the canvas to cover entire available area
-        // Resize on init, screen resize and orientation change
-        function resize_game_canvas() {
-            var app_container = document.getElementById('app-container');
-            var game_canvas = document.getElementById('canvas');
-
-            var dpi = window.devicePixelRatio || 1;
-            var width = window.innerWidth;
-            var height = window.innerHeight;
-            var targetRatio = {{display.width}} / {{display.height}};
-            var actualRatio = width / height;
-
-            var isStretchCanvas = {{fb_instant.stretch_canvas}} + 0;
-            if (isStretchCanvas) {
-                app_container.style.width = width + "px";
-                app_container.style.height = height + "px";
-                game_canvas.width = width * dpi;
-                game_canvas.height = height * dpi;
-            } else {
-                if (actualRatio > targetRatio) {
-                    width = height * targetRatio;
-                    app_container.style.marginLeft = ((window.innerWidth - width) / 2) + "px"
-                    app_container.style.marginTop = "0px"
-                }
-                else {
-                    height = width / targetRatio;
-                    app_container.style.marginLeft = "0px"
-                    app_container.style.marginTop = ((window.innerHeight - height) / 2) + "px"
-                }
-
-                app_container.style.width = width+"px";
-                app_container.style.height = height+"px";
-
-                game_canvas.width = width*dpi;
-                game_canvas.height = height*dpi;
-            }
-
-            window.console.log("width: " + game_canvas.width + " > "+ game_canvas.style.width)
-            window.console.log("height:" + game_canvas.height + " > "+ game_canvas.style.height)
-        }
-        resize_game_canvas();
-        window.addEventListener('resize', resize_game_canvas, false);
-        window.addEventListener('orientationchange', resize_game_canvas, false);
-
-        if ({{DEFOLD_HAS_FACEBOOK_APP_ID}}) {
-            // Load Facebook API
-            var fb = document.createElement('script');
-            fb.type = 'text/javascript';
-            fb.src = '//connect.facebook.net/en_US/sdk.js';
-            fb.onload = load_engine;
-            document.head.appendChild(fb);
-        } else {
-            load_engine();
-        }
-    </script>
-</body>
-</html>
diff --git a/fbinstant/manifests/web/engine_template.html b/fbinstant/manifests/web/engine_template.html
new file mode 100644
index 0000000..205612d
--- /dev/null
+++ b/fbinstant/manifests/web/engine_template.html
@@ -0,0 +1,31 @@
+<html>
+<head>
+    <style>
+
+    .canvas-app-progress {
+        visibility: hidden;
+    }
+
+    .canvas-app-progress-bar {
+        visibility: hidden;
+    }
+    </style>
+</head>
+<body oncontextmenu="return false;">
+    <script src="https://connect.facebook.net/en_US/fbinstant.6.3.js"></script>
+    <script type='text/javascript'>
+        // Set up a progress listener and feed progress to FBInstant
+        Progress.updateProgress = function (percentage, text) {
+            FBInstant.setLoadingProgress(percentage);
+        }
+
+        // Do early initialization of FBInstant
+        // This is required to be able to properly update the loading
+        // progress above.
+        FBInstant.initializeAsync().then(function() {
+            // This will be checked by the FBInstant Defold extension
+    		Module._fbinstant_inited = true;
+    	});
+    </script>
+</body>
+</html>
diff --git a/game.project b/game.project
index ca9ad91..ebd1329 100644
--- a/game.project
+++ b/game.project
@@ -17,9 +17,6 @@ height = 1136
 [script]
 shared_state = 1
 
-[html5]
-htmlfile = /fbinstant/index.html
-
 [library]
 include_dirs = fbinstant
 
@@ -29,9 +26,11 @@ app_manifest = /tictactoe/tictactoe.appmanifest
 [graphics]
 texture_profiles = /tictactoe/tictactoe.texture_profiles
 
-[fb_instant]
-stretch_canvas = 0
-
 [collection_proxy]
 max_count = 9
 
+[html5]
+scale_mode = stretch
+show_fullscreen_button = 0
+show_made_with_defold = 0
+
