diff --git a/README.md b/README.md
index a101994..300cce3 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@ browser. e.g. http://mysite.com/dev/build?flush=all
 
 ## Instructions
 
-For usage instructions see [user manual](docs/en/user.md).
+For usage instructions see [user manual](docs/en/userguide/index.md).
 
 ## Contributing
 
diff --git a/docs/en/user.md b/docs/en/userguide/index.md
similarity index 79%
rename from docs/en/user.md
rename to docs/en/userguide/index.md
index 44c0a14..28346f8 100644
--- a/docs/en/user.md
+++ b/docs/en/userguide/index.md
@@ -1,11 +1,20 @@
-# IFrame usage
+title: IFrame page
+summary: Embed IFrames in your website without adding code
+
+# IFrame
+
+## In this section:
+
+* Create and modify an IFrame
+
+## Before we begin
+Make sure that your SilverStripe installation has the [IFrame](http://addons.silverstripe.org/add-ons/silverstripe/iframe) module installed.
 
 This module provides a page type that you can use to embed IFrames in your website.
 
 ## Creating an IFrame
 
-IFrame pages are created like any other page. When you create a new page, selected the **I Frame Page** from the list of
-available page types.
+IFrame pages are created like any other page. When you create a new page, selected the **IFrame Page** from the list of available page types.
 
 There are a few new fields on an IFrame page.