Adding a Masthead Image to Procedure Pages

Have the masthead image ready and make sure the file name matches mediaId field for the image (so you remember it's a masthead image). Images can be in .png or .jpg format. We recommend an image file 2000 pixels wide and 1500 pixels tall.

Use the instructions below to add a masthead image to a procedure page.

  1. On the Employee Admin page, click on Pages and select Procedure.

  2. Click the yellow pencil icon to edit the procedure page where you'd like to add the image.

  3. Add the images to the following two places:

    1. To add an image to the services list page:

      1. Click Media from the navigation panel on the left.

      2. Click Drop files here to upload.

      3. Select the image you'd like to use and click Open.

      4. Add a label to the image to make it easily identifiable when you select it as the masthead image. For example, if it's a rhinoplasty page, you can name it MH_Rhinoplasty.

    2. To add an image to the top of the procedure page:

      1. Click Components and select Masthead.

      2. Click +Create New Masthead.

      3. Fill in all the information about the masthead image:

        1. Web Page - Start typing to find the specific page you'd like to add the image to. Include "Procedure" in the search to quickly filter and see only pages with the word "Procedure" in the name.

        2. MediaId - This defaults to no image. Select the image you'd like to use. The file name of the image should match the label you implemented in the previous step.

        3. Label - Add a label. Make sure it matches the file name for the image used in the MediaId field.

      4. Click Create.

That's it! You can refresh the screen to see your updated image on the site.

Last updated