1. Place your cursor in the Body field where you want to place your image.
  2. Click the 'Insert from Media Library' icon in the WYSIWYG toolbar
    Image
    Screenshot of body field with Insert from Media Library icon and tooltip highlighted
  3. A new pop-up window will appear. From here, you can select an existing image from the library below or upload an image from your computer by clicking the 'Choose File' button.
    Image
    Screenshot of image upload window
  4. When uploading a new image, you will be prompted to enter Alternative Text, this text should describe what the image is for screen readers. You can also enter a caption or photo credit in this step, but it is not required and you will have the option to add a caption at a later step. Click the 'Save' button.
    Image
    Screenshot of add media window showing an example of alternative text
  5.  You will be taken back to the initial upload screen and your newly uploaded image will be selected. Click the 'Insert selected' button to insert your image. 
    Image
    Screenshot of image upload window with the uploaded image selected
  6. By default, your image will be aligned in the center of the body field. To edit the alignment click the pencil icon in the corner of your image and choose your image alignment.
    Image
    Screenshot of edit media window with Left selected
    Image
    Screenshot of body field showing an example of a left aligned image
  7. From the Edit media window you can also add a caption by checking the 'Caption' checkbox. This will create a new space under your image where you can enter a caption or photo credit.
    Image
    Screenshot of edit media window with Center checked and Caption checked
    Image
    Screenshot of body field showing an example of a caption field