Adding Image to Wireframe

Image_uploader

To add an image click on a grey images placeholder in the wireframe. This opens the Edit Dynamic Section window (shown to right) where you can select an existing image or upload a new image. Image placeholders have a suggested image size displayed in the wireframe. You will also see the image size indicated in the window when you click the grey image placeholder to add your images. Images uploaded will be resized automatically. If you do not want to the system to resize your image or like how it is done, you can resize the image on your own and upload the new image. This is discussed below.

Choosing an Existing Graphic

From the Edit Dynamic Section window, use the (1 & 2) folder navigation panes to find the desired graphic. Note along the top of the window that you can click icons to Refresh the screen, create a New Folder, and switch views between a list view and thumbnail view. As you click on files in the list on the left, you can see the image in the (4) Preview Window.

Click the (7) Save button to add the selected graphic to the template, close the Edit Dynamic Section window, and return to your wireframe. If you make a mistake while in the Edit Dynamic Section and don’t want to keep the graphic you selected, you can select a different image to replace it, or click the (6) Cancel button to close the Edit Dynamic Section window without saving your changes. After you return to the Edit Email screen, you can also click on the image there to select a different image.

Uploading a New Image

If you need to upload an image, click the (3) Upload icon at the top of the Edit Dynamic Section window. In the Upload window that appears (shown at right), click the (A) Select button. Navigate to the computer and location where the image is located. If you need to add more than three images, click the (B) ADD button. After selecting the images, click (C) Upload to add the images to the list of available files. You can now use the instructions above to add your new image(s) to the wireframe.

Attaching Links to Images
Uploading_an_image

Upload Image Window

You can make images “clickable,” providing links from them to other resources or websites. Navigate to the target resource and copy the URL. Select the image you want to add the link to which will open the Edit Dynamic Section window. Click in the URL field and paste in the URL. In the Link Name field, provide a descriptive name for the link for reporting purposes. In the Target dropdown, the system defaults to New Window (the linked item opens in a new window), which is the recommended option.

Finally, in the Alt Text field, enter some descriptive text for the image. This text will appear instead of the image for users who view emails as text-only or who have image downloads disabled in their browser. Click (7) Save.

Resize an Image

If you select an image that is too large or too small for the placeholder in the wireframe, the system will proportionally stretch or squeeze the image to fit the placeholder dimensions. The results should be satisfactory however if you do not like the results you can resize your image. If your image is too big for the placeholder, you can use an image editor to resize it. Using Windows Explorer, navigate to the file and right-click it. Look at the “Open with” options available to see if you have an editor, such as Microsoft Office 2010, to open and resize it. If not, you will assistance from someone with editing software. Be careful enlarging your image to ensure the quality is still acceptable.

 Need to replace an image

If you want to make changes to the image you uploaded you can make changes to the file offline and re-upload the image. To replace the image you previously uploaded, (A) select the image, keeping the same file name, Check the Overwrite if file exists box which is found under the Add button and click (C) Upload to add your new image. Keep in mind that when you preview your newsletter might see the previous image. If this is the case after you have uploaded a new image clear your computer cache.

No Image for a Placeholder in a Wireframe

If you do not add an image where there is a placeholder, there will simply be a blank area there in your email.