Adding an Image to a Content Block (NEW)

Modified on Wed, 16 Jul at 2:16 PM

Note: Please make sure you consult your Marketing team before uploading an image to ensure it is correctly sized.

Note: For instructions using the legacy Web Content Editor, please see Adding an Image to a Content Block (Legacy).

1. While in the Web Content Editor, click the Image icon to open the Add Image window.

2. You may paste the URL of your image in the field, or upload a new image by selecting the Browse... button.

Upload new image

3. In the Resource Browser, navigate to the folder of the hub you are currently working on, then to the Images folder.

4. In the bottom right corner, select the Choose File button. Select the image you want to upload from your file browser and click Open.

Selecting the Choose File button

5. You should see the filename shown beside the Choose File button. Click Upload. The image will now upload into the folder above.

6. Select the image in the folder above.

7. The image URL will now show in the Add Image window. Add a brief description of the image to the Alternative Text field. When you are finished, click the Insert button.

9. You may now preview the image in the editor field.

Note: The image width defaults to 100% but can be adjusted to a specific percentage or pixel value. The height will scale automatically to maintain the image’s proportions.

10. Click Save as Draft or Submit for Approval to finish working on your Content Block and preview it on your web page.

Edit image properties

You may edit an existing image's properties by clicking the image in the editor and selecting the Image icon in the Toolbar or Quick Access Menu.

You may alter the maximum width of the image, add a caption, or replace the image with a new one.