Using the Letter Editor

From TRWV Documentation Wiki
Revision as of 11:26, 4 October 2016 by Trwvadmin (talk | contribs) (Customized Backgrounds (Background Tab))
Jump to: navigation, search

This page will be copied and pasted over the current Creating Letters page.


How to use the Editor Interface:

Use a Pre-Made Template

When creating a new letter for your Campaign, you will be asked if you want to use a pre-made template. These highly flexible template designs can be used as a quickly create a layout "structure" for your message content.

You can also add a template to a current letter by selecting Add Template under the Components tab in the right side of the editor window. This can be helpful if you are redesigning a letter, since you can copy and paste, or drag containers and components from different sections.

Using Containers and Components

On the right side of the editor window, you will see three tabs: Containers, Components, and Backgrounds.

Containers

Containers are used to create a structured column layouts for your content. To add containers, drag and drop any container from the right side into the main editor window.

Components

Components are used to fill containers with images, text, social media sections, or pre-formatted tables. To add components, drag and drop any component into from the right side into a container in the main editor window.

Customized Backgrounds (Background Tab)

The Backgrounds tab allows some color and border styles to be added to your layout. These currently include:

  1. An exterior background color (default: white)
  2. An interior background color (default: white)
  3. Text/Font color (default: black)
  4. Message border color (default: white)
  5. Mesaage border thickness (default: 0px [none])

Styling your Letters:

Images

Replacing Image Placeholders

Using Stock Images

Uploading Your Own Images

Make a point of pre-editing Images to proper sizes before or after uploading

Adding/Removing Text Styling

**Make a point of using the "Remove Formatting" button to "start over" if it starts to behave badly


Creating Web Links

Text links

Image links

Advanced Editor "Tricks":

Adding DIV Containers with no Spacing

Adding a Background Color to a Container

Changing DIV Container External/Internal Spacing

Add Top or Bottom Padding to a Container