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 started I should warn you that your Episerver page structure will look slightly different to mine and the templates that 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 is should usually load your homepage within the main content panel, as seen blow:

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. Click on

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 in extra fields in the create new page type dialog.  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

More Posts

1 reply

Trackbacks & Pingbacks

  1. […] This panel is where you will navigate the website, add pages, delete pages, re-order pages etc..  I’ll cover this in more detail later on.  The second item in the Top editor menu is a ‘+’ sign.  This button will create new pages.  More information about creating a new page can be found in, How To Create A Page in the Episerver Editor. […]

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *