How do I insert an image into an article or blog post?

This article will show you:

  • How to navigate to the Media Manager when editing an article or blog post
  • How to insert an image into an article or blog post using the WYSIWYG editor
  • How to add a hyperlink to an image
  • How to set image alignment, size, padding and other features using the WYSIWYG editor

1. In your article or blog post, click on Edit in WYSIWYG editor.

2. When the WYSIWYG editor opens, click on the image icon.

2.1. When the Image Properties box opens, select Browse Server.

When the Image Properties box opens, select Browse Server.

Or if you already know the location of your image, paste it in the URL field.

2.2. Select your image.

To import a new image into your Media Manager, click New File in the top right of the Media Manager.

If you'd like your New File in a specific folder, click on that folder first or select New Folder in the top right of the Media Manager to create a new directory.

2.3. When the image opens, scroll to the bottom of the window and click on Select.

2.4. You may also select your image without going into the actual media file.

2.5. Click the icon next to the image that you want.

Click the icon next to the image that you want.

2.6. Click Select.

Click Select.

2.7. After you click Select, you will be taken back to your article, blog post or other content to make further edits.

2.8. Adjust the settings for your image and click OK.

Adjust the settings for your image and click OK.
  1. Add alternative text (alt text) to improve SEO. Ensure that the alt text you use reflects the content of the article or blog post you are publishing.
  2. Adjust the size of the image. To maintain proportions as you change the height or width, make sure that the lock next to the dimensions remains "closed."
  3. Add a border if desired.
  4. Add padding around the image (hspace/vspace). The spacing is based on pixels. We recommend at least 3 if you are allowing text to wrap around the image.
  5. Adjust the image alignment. If the photo is aligned left or right, text will wrap around it.

3. There are two options if you'd like to add a link to the image.

3.1. Option 1: Click on the Link tab in the Image Properties box.

Option 1: Click on the Link tab in the Image Properties box.
  1. Paste or type the linked URL in the URL field, or Browse Server to link to a PDF document or other media.
  2. Select where you want the link to open.

3.2. Option 2: Assign a link within the WYSIWYG.

  1. Click on the image.
  2. Then click on the Link icon in the WYSIWYG navigation.
  3. A Link window will pop-up. Type or paste your URL. Click on the Target tab to set where you want your Link to open.

4. When you have completed your edits in the WYSIWYG, click Commit Changes to return to the Article Manager.