Versions Compared

Old Version 1

changes.mady.by.user David Schmidt

Saved on

compared with

New Version Current

changes.mady.by.user David Schmidt

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Table of Contents
excludeTable of Contents
printablefalse


...


Excerpt
Banner

Overview


Resizing

You can use PicMonkey, a free online tool, if you do not have Photoshop.

  • Click the Resize option in the left tool pane.
  • Change the width of the image to 600.
  • Click the Apply button.

Image Removed

Cropping

  • Click the Crop option in the left tool pane.
  • Change the width of the image to 600 if it isn't already.
  • Change the height of the image to 150.
  • With the available 600 x 150 crop window, frame the subject of the photo the way you want.
  • Click the Apply button.

Image Removed

Saving

  • Click the Save button in the top utility bar.
  • Save the image to your computer.
Image Removed

Step 2: Upload Image to Cascade

Make sure to select the emails site in Cascade. Each school and department that has access to the Email Builder has specific folders. Use only the folders associated with your school or department.

Image Removed

Add Content

  • Click the Add Content button.
  • Select the correct school or department.
  • Click the option for Image.

Note: All departmental websites are under the Department folder.

Image Removed

Image Removed

Select Image File from Computer

  • Click the Attach field, which is the giant area in the accompanying screenshot bordered in red.
  • Select the correct image to attach.

Image Removed

Save & Preview

  • The File Name should follow the Naming Conventions.
  • The Placement Folder should be the images folder for your school or department. You can look at the file path underneath this button to confirm the location is correct.
  • There should be a Received file confirmation displaying the original name of the file (which may be different if you've changed the File Name in Cascade, which is totally fine) and the memory size of the image.
  • The W: (width) should be 600, and the H: (height) should be 150.
  • If everything is correct, click the Save & Preview blue button in the top right.

Image Removed

Content Check & Submit

  • If everything appears correctly, click the Submit button.
  • From the pop-up, click the Content Check & Submit button.
  • Once complete, the image will auto-publish to the web.

Image Removed

Step 3: Open Live Image in a New Tab

Now we need to open the live version of the image in a new tab, and keep the tab open.

Section

Step 1: Image Sizing and Cropping Using PicMonkey

Bannerimages must be 600 x 150. The height can be taller if desired, but the standard is 150.
Column
width100%
Section
Column
width50%
Column
width50%
Section
Column
width50%
Column
width50%
Section
Column
width50%
Column
width50%
Section
Section
Column
width50%
Column
width50%
Section
Column
width33%
Column
width33%
Column
width33%
Section
Column
width50%
Column
width50%
Section
Column
width50%
Column
width50%
Section
Column
width50%
Column
width50%
Section
Section
Column
width100%
Section

Open Live Image

  • Copy the file path of the submitted image.
  • Open a new browser tab, type in staging.sandiego.edu/ and paste the image's file path in at the end and press Enter.
  • Leave this tab open for now as it will be used later to add the image to the header of your email.
Column
width50%
Column
width50%

Image RemovedCreating a custom email requires three basic phases:

  1. Creating the text in a text editing program like Microsoft Word and using Adobe Photoshop or the PicMonkey web site to edit any images.
  2. Using Cascade to create and generate the HTML code for the email.
  3. Copying and pasting that code from Cascade into a mass mail tool.

This last set of steps relies on the use of whichever mass mail tool your department and/or school uses.

USD's Mass Mail System, TargetX, Mail Chimp, BlueHornet, and Constant Contact are some of the mass mail tools that can use HTML generated code to create emails.

Do not use GMail, Outlook, or Mail Merge.


Section
Column
width100%

Image Added