Skip to main content Skip to navigation

Convert a page to the Components Editor

In order to comply with the government's accessibility legislation, we are now working towards migrating University web content to the Components Editor. One feature of the Components Editor is the accessibility pane, which automatically checks for accessibility issues.

For more information on creating accessible websites, see our accessibility guidance and accessibility checklist.

Important: Most old visual editor pages should convert to the Components Editor without issues, but if a page contains highly customised content - for example, custom Javascript or complex HTML - we recommend the following process:

  1. Make a copy of the page you want to convert.
  2. Convert the copy of the page to the Components Editor following the instructions in this article.
  3. Copy page content from the converted copy back to the live page.
  4. Delete the converted copy once it's no longer needed.

By following this process, you can work on the copied page across multiple editing sessions to make sure your content is presented how you want it without affecting the live page.

We're currently piloting conversion of ID7 page layouts and plan to enable it for all users soon. An alternative available to you now is to recreate your page in the Components Editor (we provide ready-made layouts) and then copy the content over the top of the original page, as in step 3 above.

  1. Navigate to the page you want to convert.

  2. Go to Edit > More:


  3. On the Current page tab, select the Convert to Components Editor button:

    The 'Convert to Components Editor' button

  4. Your page opens in the Components Editor. Here, you can edit page content or modify the page layout.

    Note: Components Editor pages do not have separately-edited centre content and right content. You edit all the content on a page in the same place, and can divide the page into different sections using Layout blocks. When you convert an existing page that has centre content and right content, it is combined into one page using layout blocks to replicate the existing layout.

  5. Select Preview and confirm to see how your page will look after conversion.

    If any accessibility issues have been detected on the page, a pop-up appears before the preview is shown:

    A pop-up warning that accessibility issues exist on a converted page prior to preview

    Select Continue to preview and confirm to preview the page as it currently stands, or Go back and fix any outstanding issues.

  6. If you're happy with how the previewed page looks, select Confirm and publish. To make further changes, select Close to return to the Components Editor.

    Important: Once you complete the conversion process by publishing the page in the Components Editor, it's no longer possible to edit the page using the old visual editor or the raw editor. Previous versions of the page published using these editors can be viewed in the page history, but cannot be restored. Subsequent versions of the page, published using the Components Editor, can be viewed and restored.
  7. You are returned to the Current page tab.

^Back to top

Related articles


How to report a problem