Difference between revisions of "Adding Images to your Letters"

From TRWV Documentation Wiki
Jump to: navigation, search
(See Also)
m (Add an Image to your letter body)
 
(13 intermediate revisions by the same user not shown)
Line 9: Line 9:
  
 
There are several ways to add images to your letter body.
 
There are several ways to add images to your letter body.
# Drag and drop an image from your desktop into the main editor window where you want the image to appear (Size restrictions may apply. See the Image File Manager section below for more info)
+
# Drag and drop an image from your desktop into the main editor window where you want the image to appear (Size restrictions may apply. See the ''Uploading Images'' section below for more info)
# From the text editor tools, place your cursor where you would like an image to appear and select the Image button
+
# Place your cursor in the main editor window where you would like an image to appear and select the Image button
 
# Drag and drop a component that contains an image placeholder into the main editor window
 
# Drag and drop a component that contains an image placeholder into the main editor window
 +
 +
[[File:Letter-editorBar-image.png]]
 +
<div style="clear:both"></div>
  
 
==Using Stock Images==
 
==Using Stock Images==
  
 
To select an image from our stock image galleries, select '''''Browse Server''''' in the ''Image Properties'' window to open the image file manager window.
 
To select an image from our stock image galleries, select '''''Browse Server''''' in the ''Image Properties'' window to open the image file manager window.
 +
 +
[[File:Lettereditor-imageProperties.png|thumb|left|300px|Image Properties Window (click to enlarge)]]
 +
<div style="clear:both"></div>
 +
 +
  
 
==Uploading Your Own Images==
 
==Uploading Your Own Images==
Line 21: Line 29:
 
Uploading your own images for use in your Campaign letters can be done three ways:
 
Uploading your own images for use in your Campaign letters can be done three ways:
 
# Drag and drop an image from your desktop into the main editor window.
 
# Drag and drop an image from your desktop into the main editor window.
# Use the '''''Upload''''' tab found in the ''Image Properties'' window.
+
# Use the '''''Upload''''' tab found in the ''Image Properties'' window.
 
# Select '''''Browse Server''''' in the ''Image Properties'' window to open the image file manager window.
 
# Select '''''Browse Server''''' in the ''Image Properties'' window to open the image file manager window.
 +
 +
 +
{{mbox | type = warning | text = For a number of reasons, it is considered a bad practice to use large images in email ''(an average photo is about 5MB !!)''.<br/><br/>
 +
 +
Therefore, please note that we currently have an '''upload limit of 80K per image'''. If your image is larger than this, you will want to optimize it for use on the web before uploading it to TrafficWave.net. There are a number of readily available [https://www.google.com/search?q=free+image+editing+software applications or programs] that will accomplish this for you.}}
  
 
==Image File Manager==
 
==Image File Manager==
Line 29: Line 42:
  
 
The Image File Manager also includes some tools for editing, cropping, rotating, and resizing your uploaded images.
 
The Image File Manager also includes some tools for editing, cropping, rotating, and resizing your uploaded images.
 
{{mbox | type = warning | text = Please note that we currently have an upload limit of 80K per image. If your image is larger than this, you will want to optimize it for use on the web before uploading it to TrafficWave.net. There are a number of readily available [https://www.google.com/search?q=free+image+editing+software applications or programs] that will accomplish this for you.}}
 
  
 
==Wrapping text around an image==
 
==Wrapping text around an image==
  
 
If you have inserted your own image into a letter body along with text, you may notice that the text does not properly "flow" around the image. The image properties must be adjusted:
 
If you have inserted your own image into a letter body along with text, you may notice that the text does not properly "flow" around the image. The image properties must be adjusted:
# Open the ''Image Properties'' window by double clicking on the image.
+
# Open the ''''Image Properties'''' window by double clicking on the image.
# Set the ''Alignment'' tab to Left or Right, depending on which side you would like text to flow.
+
# Set the ''''Alignment'''' tab to Left or Right, depending on which side you would like text to flow.
 
# Optionally set the HSpace and VSpace parameters to add some padding around the image (try the value 5)...
 
# Optionally set the HSpace and VSpace parameters to add some padding around the image (try the value 5)...
  
Line 47: Line 58:
  
 
==''See Also''==
 
==''See Also''==
 +
[[Text Formatting]]
 +
 +
[[Adding Web Links to your Letters]]
 +
 +
[[Using Containers and Components]]
 +
 
[[AutoResponder Video Training]]
 
[[AutoResponder Video Training]]
  
  
 
[[Category: AutoResponder]]
 
[[Category: AutoResponder]]

Latest revision as of 14:00, 27 January 2021

Training Video Available!!

Replacing Image Placeholders

If you are using a pre-made letter template, you will see that they include image "placeholders" to show you how a particular layout can be structured to create a neat, uniform look.

To replace an image placeholder (or any image for that matter...), double click on the image, or right-click on the image and select Image Properties from the pop-up menu.

Add an Image to your letter body

There are several ways to add images to your letter body.

  1. Drag and drop an image from your desktop into the main editor window where you want the image to appear (Size restrictions may apply. See the Uploading Images section below for more info)
  2. Place your cursor in the main editor window where you would like an image to appear and select the Image button
  3. Drag and drop a component that contains an image placeholder into the main editor window

Letter-editorBar-image.png

Using Stock Images

To select an image from our stock image galleries, select Browse Server in the Image Properties window to open the image file manager window.

Image Properties Window (click to enlarge)


Uploading Your Own Images

Uploading your own images for use in your Campaign letters can be done three ways:

  1. Drag and drop an image from your desktop into the main editor window.
  2. Use the Upload tab found in the Image Properties window.
  3. Select Browse Server in the Image Properties window to open the image file manager window.


Image File Manager

The Image File Manager gives you access to our entire stock photo library, and also a common storage folder for your own uploaded images. This common folder can hold images for any of your Campaigns.

The Image File Manager also includes some tools for editing, cropping, rotating, and resizing your uploaded images.

Wrapping text around an image

If you have inserted your own image into a letter body along with text, you may notice that the text does not properly "flow" around the image. The image properties must be adjusted:

  1. Open the 'Image Properties' window by double clicking on the image.
  2. Set the 'Alignment' tab to Left or Right, depending on which side you would like text to flow.
  3. Optionally set the HSpace and VSpace parameters to add some padding around the image (try the value 5)...

Resizing Images

Images can be resized in two ways:

  1. Click on the image to be resized, and drag the handles that appear to resize the image.
  2. Double-click on the image to be resized, and manually adjust the height and width parameters.


See Also

Text Formatting

Adding Web Links to your Letters

Using Containers and Components

AutoResponder Video Training