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 Email in SharpSpring's left 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.

You can add image elements to emails from the Email Designer toolbar.

To add image elements, do the following:

1. Click Email in SharpSpring's left 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.

You can insert images into image elements in emails.

To insert images, do the following:

1. Click Emails in SharpSpring's top toolbar. 
2. Create or edit an email with a layout block containing image space.
3. Double-click an inserted image element
4. Click the icon in the Simple 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.

You can add clickable links to images in emails.

To add clickable links, do the following:

1. Click Email in SharpSpring's left toolbar. 
2. Create or edit an email with a layout block containing image space.
3. Click the image to be linked.
4. Click the Link icon 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 Save.
9. Click Save again.

Click to enlarge.

You can edit images with the Image Editor.

To edit images, do the following:

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

Click to enlarge.