On this page

Script Editor

​​The Script Editor web part is used to add code snippets to your site.

These code snippets are usually

  • YouTube or Vimeo videos
  • Podcasts
  • Charts or dashboards

Sometimes we will also use a Script Editor to add a bit of CSS or JavaScript code to your page if it has some advanced features.

The most frequent use of a Script Editor would be embedding a video onto your page. Please be sure to ​consult the Videos and Audio page for details on making the video embed responsive so it will shrink to fit nicely on a mobile screen.

Adding a Script Editor

  1. While editing a page, locate the web part zone you want to add the web part to. Click the 'Add a Web Part' link inside the web part zone.
    An example of a web part zone where you can add web parts.
  2. A new panel will appear listing the available web parts, sorted by categories.
  3. The Script Editor web part is usually found in the Media and Content category. Select that category and look for the Script Editor web part.
    The web part selector panel open with the SCript Editor chosen.
  4. Click the Script Editor item and then click the Add button in the web parts panel.
  5. The page will reload and your web part will be added to the page in the web part zone you selected.
    A web part zone with a script editor web part added.
  6. You can now click the 'EDIT SNIPPET' link and paste in your code.
  7. When you are done adding any code you need, click the Insert button to add the code to your page.
    A script editor web part box with some embed code added and an Insert button to add code.