This article will show you how to add an image to the Editor Widget.
Important Notes
Use percentages for sizing when adding an image next to text in an Editor widget using inline display
Please review the Image and Slideshow Best Practices before adding an image to your page
Who can use this feature?
System Administrators | Owners | Publishers | Authors
Instructions
Log in to your website solution
Note: Website preferences may change what this looks like, but adding "/admin" to your website's URL will take you to a sign-in screen for administrative login
Navigate to your desired page
Ensure that the Live Edit state is toggled to ON:
Click on your Editor widget:
Click the Insert Image button from the toolbar:
Click the Insert button related to your chosen image to add the image to the Editor widget:
Click on your inserted image to access the Image Configuration toolbar and alter your configuration options:
Replace: Choose to insert a different image
Align: Choose to align your image to the left, center, or right side of the widget
Note: Your image will align to the left by default
Remove: Delete the image from the Editor Widget
Insert Link: Add a link to your image
Display: Have the image display Inline with other content or Break Text
Note: Your image will Break Text by default
Style: Choose a Rounded or Bordered style
Note: Your image will have no style by default
Alt (Alternative) Text: Add descriptive alt text for your image
Note: This is important as it ensures that the image is accessible to assistive technology like screen readers
Change Size: Set the Width and Height of the image
Note: The width attribute must be set as a percentage (%) for the image to be mobile-responsive
Click the Done Editing button to exit the widget:
Click the Save button:
