> For the complete documentation index, see [llms.txt](https://help.openletterconnect.com/olc-help-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.openletterconnect.com/olc-help-docs/product-and-order-guide/creating-a-template.md).

# Creating a Template

Open Letter Connect provides flexible options for creating high-impact mailer templates. Whether you start from scratch, customize one of over **450+ pre-built templates**, or work with a designer, our **drag-and-drop editor** makes the process intuitive.

This guide walks you through **building a template** within the OLC editor, including **personalization with merge fields** and **design best practices**.

{% embed url="<https://www.loom.com/share/cfacc2354cfc4e9499a0783859a7fd95>" %}

### Step-by-Step Guide: Creating Your Mailer Template

### 1. Access the Template Editor

* Navigate to the **Templates** section from your OLC dashboard.
* Click **Create**.<br>

  <figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2FHwGzAgSIA6JMqDrnO9sg%2Fimage.png?alt=media&amp;token=ec656bba-bf98-479b-8552-4ca444443b28" alt=""><figcaption></figcaption></figure>

### 2. Choose a Starting Point

**Start From Prebuilt** allows you to choose from a gallery of professionally designed templates and customize one to fit your campaign.

**Build From Scratch** gives you a blank canvas so you can create your template from the ground up.\
\
**Hire a Designer** If you don't want to create the design yourself, you can use **Hire a Designer** to have a custom template created for you

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2F27LVdzXR0gTI4dKEnD3M%2Fimage.png?alt=media&amp;token=8c2f225a-0234-4457-8984-316cff0d1bae" alt=""><figcaption></figcaption></figure>

### 3. Selecting a Product and Mailer Type

After choosing how you want to create your template, the next step is to select the **product type** and, depending on the product, choose the appropriate **size, design format or envelope type** and click **Next.**

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2F6JupiGVAwP1cV7thtfNM%2Fimage.png?alt=media&amp;token=33487b4b-e323-45c2-8637-75d196bbf187" alt=""><figcaption></figcaption></figure>

### 4. Template Builder

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2Fe4bpK5jK0QcGCsFHr19W%2Fimage.png?alt=media&amp;token=5b7e89b9-c90a-40f5-a433-833368a8899f" alt=""><figcaption></figcaption></figure>

### Name Your Template

At the top of the builder, click the template name and enter a descriptive name.

Examples:

* Summer AC Promotion
* Emergency Plumbing Postcard
* Probate Property Letter
* New Homeowner Campaign

A clear name makes the template easier to find when creating an order or campaign.

### Templates <a href="#templates" id="templates"></a>

Use the **Templates** section to browse prebuilt designs. Choose a layout that fits your campaign and customize it with your branding, colors, images, and messaging.

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2Fmpft55sVvaMnv2jIZqjM%2Fimage.png?alt=media&amp;token=4024699c-1a8a-4137-b18c-9e794fa69dc4" alt=""><figcaption></figcaption></figure>

### Text <a href="#text" id="text"></a>

The **Text** section lets you add:

* Headers
* Subheaders
* Body text

Select an option to add a text box to the design. You can then edit the wording, font, size, color, alignment, and spacing. You can also upload your own fonts.

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2F6D6P60aM90UDQk9wXAY4%2Fimage.png?alt=media&amp;token=749a2993-9094-4ca6-9299-08a7c25f60d4" alt=""><figcaption></figcaption></figure>

### Elements <a href="#elements" id="elements"></a>

Use **Elements** to add design components such as:

* Shapes
* Lines
* Icons
* Decorative graphics

These can help separate sections or draw attention to an offer or call to action.<br>

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2F9eoliHGUbVDoWWAKcbKh%2Fimage.png?alt=media&amp;token=4a0ef43c-d7e0-42e2-8306-9d33b2bed0b1" alt=""><figcaption></figcaption></figure>

### Background <a href="#background" id="background"></a>

Use **Background** to change the design’s background color or image.\ <br>

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2FPWT7uOfSoaS0xzSrkPFy%2Fimage.png?alt=media&amp;token=f672ad38-6e2f-4a7c-b2b8-7a948165ed50" alt=""><figcaption></figcaption></figure>

### Layers <a href="#layers" id="layers"></a>

The **Layers** panel shows every item on the page. Use it to:

* Select objects that overlap
* Move items forward or backward
* Hide or show design elements
* Organize the layout\ <br>

  <figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2FlUUyN9Oktetr0FmOjisZ%2Fimage.png?alt=media&amp;token=d73bb24b-e7da-4977-ba6c-ef171391863e" alt=""><figcaption></figcaption></figure>

### Uploads <a href="#uploads" id="uploads"></a>

Use **Uploads** to add your own:

* Logo
* Photos
* Brand graphics
* Background images

Use high-resolution images whenever possible so the final printed piece looks sharp.<br>

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2FilyajC3yuaHJsFASsqYw%2Fimage.png?alt=media&amp;token=1f91c5c7-dcf0-464a-b6f4-22d5c59f9aaa" alt=""><figcaption></figcaption></figure>

### Add Personalization Fields <a href="#id-5-add-personalization-fields" id="id-5-add-personalization-fields"></a>

**Merge fields** insert contact-specific information into your mailer, ensuring each piece feels personal.

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2Fdxj00Uz5kVPVmelDSCH6%2Fimage.png?alt=media&amp;token=bf6882b4-412c-4fc2-ba2d-856f197321c0" alt=""><figcaption></figcaption></figure>

### &#x20;Address Block <a href="#id-6-add-the-address-block" id="id-6-add-the-address-block"></a>

The **Address Block** tool lets you choose an approved USPS address color that complements your template design.<br>

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2F3bfOUClelB3nmB6pHbix%2Fimage.png?alt=media&amp;token=ab83b041-9f3e-47a8-af12-ac02e5e603a9" alt=""><figcaption></figcaption></figure>

### Add Tracking <a href="#id-7-add-tracking" id="id-7-add-tracking"></a>

The **Tracking** section can be used to add campaign tracking elements, such as:

* QR codes
* PURLs
* Phone tracking information

Tracking helps you measure responses and identify which campaign generated a call, scan, or website visit.

Before saving the template, scan the QR code with a phone to confirm that it works correctly.\ <br>

<figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2FIvQnilawbsXzrl6ehVl0%2Fimage.png?alt=media&amp;token=cf85c8e0-1684-465a-a26c-a77e1120a0b7" alt=""><figcaption></figcaption></figure>

### Check Your Design <a href="#id-9-check-your-design" id="id-9-check-your-design"></a>

Before saving, review the template carefully.

Confirm that:

* All text is spelled correctly
* Phone numbers and URLs are accurate
* The logo is clear
* Images are high quality
* Colors and contrast are easy to see
* The QR code scans correctly
* Important content stays inside the green safe-zone line
* No elements are accidentally hidden or overlapping
* Personalization fields are spelled correctly

### Save Your Template <a href="#id-10-save-the-template" id="id-10-save-the-template"></a>

When the design is complete, click **Save** in the upper-right corner.

* Templates can be **duplicated and modified** for different campaigns.\ <br>

  <figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2Fi82cCfF760Ip1GDo0HBY%2Fimage.png?alt=media&amp;token=bd2678a0-13be-45c3-aee2-2274cdbf20c6" alt=""><figcaption></figcaption></figure>

### 5. Design Best Practices

| **Design Element**         | **Specification**                                                                            |
| -------------------------- | -------------------------------------------------------------------------------------------- |
| **Resolution**             | 300 DPI for images and graphics                                                              |
| **Bleed Area**             | 0.125" beyond edges                                                                          |
| **Safe Zone**              | Keep critical elements 0.25" inside the edges                                                |
| **Fonts**                  | Easy-to-read fonts (Open Sans, Lato, Montserrat); minimum 10pt (postcards) or 11pt (letters) |
| **File Types for Uploads** | JPEG, PNG for images; SVG for logos                                                          |

<p align="center"><em>Content outside the safe zone may be trimmed during production.</em></p>

<div><figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2FauCrD5FNsh9LWvj3ddx1%2Fimage.png?alt=media&amp;token=1152804f-08d9-4cd6-b7b2-851e14afd2b8" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2Fqyz430xDmW7h1BGS90qp%2Fimage.png?alt=media&amp;token=d2d19bd3-67fd-4502-a1cc-4d2cae885f24" alt=""><figcaption></figcaption></figure> <figure><img src="https://3163187684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSP96nBmkaaFJC8FJquKi%2Fuploads%2FKtBUXH1q0UP57M7QjmkS%2Fvdv.JPG?alt=media&amp;token=ee9d3e08-ab32-427a-af84-ef5c63f3f8d9" alt=""><figcaption></figcaption></figure></div>
