Help Centre

Main Menu Overview

MSW Editor Menu Overview

Please note: this article is only applicable to websites built after November 2018.

This article provides an overview of the editing environment. You can click each subject to be taken to a detailed overview.


MSW2 is completely different to the original My Surgery Website. If you have used the original My Surgery Website we highly recommend reading this article which explains what to expect


  1. Click to expand/contract the main editor menu
  2. Log out of the editor
  3. Preview the site
  4. Access the help centre
  5. Website Functionality
  6. Prescription Settings
  7. Homepage Manager
  8. Page Manager
  9. Menu Manager
  10. File Manager
  11. Template Picker
  12. Style Picker
  13. Colour Scheme
  14. CSS Editor

Website Functionality

This is where you edit some generic settings for your website

  1. Toggle Google Translate functionality
  2. Toggle BrowseAloud functionality (note: you need a valid subscription with BrowseAloud. More info here).
  3. SAVE any changes to the above
  4. If you have a google analytics account, you will have a tracking ID. This number will be in the format UA-XXXXX-Y and will be in any code snippets provided by Google Analytics. Copy this ID and place it into this field. Press SAVE

Prescription Settings

Coming soon.

Homepage Manager

The Homepage Manager allows you to set the page you want to appear as the homepage.


  1. Return to the main menu.
  2. Page list: the page with the home icon next to it is currently set to the homepage. To change it simply select the page you wish to use.
  3. Click the Save button.

Page Manager

From the page manager you can add pages, delete pages and navigate directly to pages.


  1. Return to the main menu.
  2. Create a new page.
  3. Filter the different page types.
  4. Type the name of the page you wish to find.
  5. Press to search for the page name.
  6. Press to clear the filter and show all pages.
  7. Page name.
  8. Click to go to the page. If the chain link is broken it means there is no menu item pointing to this page.
  9. Press to DELETE the page.

The menu manager is where you can add, create and edit menus.

  1. Return to the main menu
  2. Add a new menu
  3. Menu Name
  4. Edit Menu

File Manager

The file manager is where you upload files and manage the files you have already uploaded.

  1. Click here to upload a file or image to your website. (You can also drag and drop the files into the box).
  2. Select to view files or images.
  3. Search for a file or image by name.
  4. Press to clear the filter.

Template Picker

The template picker is where you pick the primary template for your website.

  1. Return to main menu.
  2. Select a template you like the look of. You can customise your template by using the tools outlined below.

Style Picker

The Style Picker is where you can change the appearance of widgets, buttons and menu items. The differences are subtle but can make a big difference to how your website looks.


  1. Return to the main menu.
  2. Available Styles: click on the option you most prefer. If you hover over the option you get the choice to preview or make it live.

Colour Scheme

This is where you can customise the colour scheme for your website.

  1. Return to the main menu.
  2. Preview the colour scheme.
  3. Select a colour scheme that is most appropriate for your brand.

CSS Editor

Advanced use only. Most practices will have no need to use this. If you are not familiar with CSS please do not touch this as it can break your site.

If you wish to make changes to the CSS on your site (or if you have a designer that wants to make some changes) then you can place the desired CSS in here. This gives you design control over almost every aspect of your site.

  1. Return to the main menu.
  2. Select the template you wish the changes to apply to. You can select ALL if you want the changes to be applicable across all templates (handy for generic items like logos).
  3. Click to preview the CSS changes you have made.
  4. View the existing CSS that has loaded with the site.
  5. Enter your custom CSS in here.
  6. Preview the changes you have made.
  7. Make the changes live.
Have more questions? Submit a request