Adding Images to Emails

Article Contents

• Adding Layout Blocks Containing Images
• Adding Image Elements to Layout Blocks
• Inserting Images
• Image Settings
• Adding Clickable Image Links
• Editing Images
• The Simple Editor and the Image Editor
• Regarding Uploaded Images and Upscaling

Layout blocks are the foundation of emails created in SharpSpring. Images must be added into layout blocks.

The email designer allows you to drag, drop, and reorder layout blocks into your email to further customize it. Certain layout blocks come with image space.

To add layout blocks, do the following: 

1. Click Marketing > Content > Emails in SharpSpring's top toolbar. 
2. Create or edit an email.
3. Click    Content and Layout in the Email Designer toolbar.
4. Click either of the following tabs:

   •   Themed    •   Simple

5. Drag-and-drop desired layouts into your email.
6. Click    Move to reorder any content or layout blocks.
7. Click Save.

Click to enlarge.

1. Click Marketing > Content > Emails in SharpSpring's top toolbar. 
2. Create or edit an email with a layout block containing image space.
3. Click    Content and Layout in the Email Designer toolbar.
4. Click the    Elements tab.
5. Drag-and-drop one of the following image elements onto a purple line in the desired part of the email:

Click to enlarge.

A single large-sized image that extends across the entire
width of the email, stopping at its margins. Dimensions
can be edited independent of one another. Standard
images will have their set width change dynamically
based on the native screen resolution or view port width.

An image with editable dimensions. When the height
or width is edited, the other will be automatically resized
to have the same dimensions. Fixed-size images retain
their set width input regardless of the native screen
resolution or view port width.

To insert an image into an image element in an email, do the following:

1. Click Marketing > Content > Emails in SharpSpring's top toolbar. 
2. Create or edit an email with a layout block containing image space.
3. Do either of the following:

   •   Double-click an inserted image element    •   Click   Edit in a content block menu

4. Click + Insert > Image in the Image Editor toolbar.
5. Do either of the following in the Source field:

   •   Click    Upload to upload the desired         image from your computer    •   Enter the URL of a hosted image

6. Click Insert. 
7. Modify General image settings as desired.
8. Modify Advanced image settings as desired.
9. Click OK.

Click to enlarge.

Images have many options available to modify properties and metadata.

Image settings are listed in two different tabs in the Insert/Edit Image panel: General and Advanced.

The General tab houses settings that will need to be modified for nearly every image.

The Advanced tab houses settings that will need to be modified on a case-by-case basis and have settings that can modify the email body surrounding the image.

1. Click Marketing > Content > Emails in SharpSpring's top toolbar. 
2. Create or edit an email with a layout block containing image space.
3. Click the image to be linked.
4. Click + Plus > Link in the Content Editor menu bar.
5. Enter the URL for the image to link to.
6. Optionally, add an image title.
7. Select New Window for the Target.
8. Click Ok.
9. Click Save.

Click to enlarge.

To edit an image with the Image Editor, do the following:

1. Click Marketing > Content > Emails in SharpSpring's top toolbar. 
2. Create or edit an email with a layout block containing image space.
3. Click an inserted image.
4. Click    Image Options in the Simple Editor bar.
5. Edit the image as needed with the Image Editor.
6. Click Apply.
7. Click Save. 

Click to enlarge.