How To Create A Page in the Episerver Editor

Creating a page within Episerver is pretty easy and you should be able to get up and running in about less than 10 minutes.  Before we start, I should warn you that your Episerver page structure will look slightly different to mine and the templates that you will be able to see and create will be unique to your website.  The general process of creating a new page will always be the same.

Creating Your First Episerver Page

When you first log-in to Episerver, you will usually see the Episerver dashboard, which is a pretty boring blank page.  To edit pages you will need to open the editor.  In the top navigation panel, you should see a menu that has an entry called 'CMS'.  Within this menu, there should be a sub-option called 'Edit'.  Clicking on this will load the Episerver editor.  The first time the editor loads, it should usually load your homepage within the main content panel, as seen below: To create a new page, you first need to decide where you want to create it.  This is done via the navigation panel. episerver_creating_a_page_1 To open the navigation panel, click on the navigation tree panel icon in the top left-hand side within the editor screen episerver_creating_a_page_2 The navigation panel should now load displaying your website.  To create a new page you have two options.  Option 1, locate the parent page of where you want to create your page.  If you want to create a page under your home page, click the burger icon on the 'Start' page and click 'New Page'.  Another option is navigating to the start page and clicking the '+' icon in the bottom left-hand side.  Selecting either of these options will bring up the create new page screen. You should now see a list of pages that you can create.  The page types that you will be able to see will be specific to your website.  The ones above are the pages available in the Alloy Demo website. episerver_creating_a_page_4 Click on the page type you want to create.  You will usually have to add in some basic information about the page, like the name. episerver_creating_a_page_5 The next steps will all vary based on the page type you have created.  You may need to add extra fields in the create new page type dialogue.  After you click OK in the step above, your new page should load.  Now you can edit the page contents.  Your first option is to do on-page editing.  Any of the fields you see in blue are editable.  If you click in one of them you should be able to add content. episerver_creating_a_page_6 If like me, you don't like on-page editing, if you click the burger menu on the top right-hand side, you can load up the edit view panel. episerver_creating_a_page_7 The edit view isn't as pretty but in my option allows you to enter content quicker.  Again, the tabs and properties you will see will vary based on your implementation of Episerver.    

Jon D Jones

Software Architect, Programmer and Technologist Jon Jones is founder and CEO of London-based tech firm Digital Prompt. He has been working in the field for nearly a decade, specializing in new technologies and technical solution research in the web business. A passionate blogger by heart , speaker & consultant from England.. always on the hunt for the next challenge

Back to top