---
title: "Designer Studio for legacy templates (classic UI)"
slug: "designer-studio-pre-2022-legacy"
description: "Create, edit, clone, and preview legacy $tag; signature templates in the classic Designer Studio, and add fields, reply templates, and plain-text signatures."
updated: 2024-01-16T21:32:47.000Z
canonical: "https://help.opensense.com/docs/designer-studio-pre-2022-legacy"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.opensense.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Designer Studio for legacy templates (classic UI)

:::note[Classic UI]
This article covers the classic Opensense UI. For the New UI, see [Introduction to Designer Studio](https://help.opensense.com/docs/introduction-to-designer-studio).
:::

## Overview

This article is for pre-2022 templates, built with our legacy HTML syntax: **use it if your tags are in `$tag;` format.** If you use Liquid templates, see [Designer Studio for Liquid templates (classic UI)](https://help.opensense.com/docs/designer-studio-new-liquid-templates).

Designer Studio holds your signature templates. Signature templates are designed in HTML. Don't worry if you're not familiar with HTML: we provide your initial signature templates during onboarding.

- To see which signatures are **live**, check **Signature Assignment** (**Signatures** menu > **Signature Assignment**). Take care when you edit a live signature.
- We recommend **cloning** before editing, and using the **Preview** button before you select **Save**.
- Need to change an image or link in your signature template? See [Changing images and links in legacy templates (classic UI)](https://help.opensense.com/docs/how-to-change-images-and-links-pre-2022-legacy).


## Accessing Designer Studio

1. Open the **Signatures** menu, and select **Designer Studio**.

   ![The classic portal home with the Signatures menu open, listing Designer Studio, Departments, Signature Assignment, Compliance, and Pusher](https://help.opensense.com/media/olddesignerstudio1-2ceb2c653b09.png)

## Creating and editing a signature template

1. Select the green **+ Add New Template** button to create a signature template.
2. Name your template (see the [Opensense naming conventions](https://help.opensense.com/docs/opensense-admin-intro#naming-conventions-and-syntax-on-opensensecom)), and select **Save**.
3. To edit your signature template, select **Edit**.
4. Add or edit your HTML in the **HTML Template** box.

<div class="kb-media-carousel" data-kb-media-carousel aria-label="Editing a signature template">
  <div class="kb-media-carousel__viewport">
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio2-103337ca489a.png" alt="Designer Studio with the + Add New Template button and a testing_template card, with its Edit button next to Delete and Clone" width="1600" height="664" loading="lazy" decoding="async"></div><figcaption><strong>Step 3</strong> · Edit</figcaption></figure>
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio3-e890ef95cdf9.png" alt="A template in edit mode with Save and Cancel, and table code with field placeholders in the HTML Template box" width="1600" height="812" loading="lazy" decoding="async"></div><figcaption><strong>Step 4</strong> · The HTML Template box</figcaption></figure>
  </div>
</div>

## Adding fields

Select **+ Add Field**, and type your field names. You can [hide these fields](https://help.opensense.com/docs/hidden-fields-pre-2022-legacy) in your plain-text signature block by selecting the **Hide** box. When you're done, select **Save**.

Name your fields with the [Opensense naming conventions](https://help.opensense.com/docs/opensense-admin-intro#naming-conventions-and-syntax-on-opensensecom). You also need to add the new fields as code in the HTML template, as `$fieldname;` (for example, `$email;`). If a field is optional, [add conditional logic](https://help.opensense.com/docs/conditional-fields-pre-2022-legacy) to the HTML code.

To preview any edits before saving, select the purple **Preview** button.

<div class="kb-media-carousel" data-kb-media-carousel aria-label="Adding and previewing fields">
  <div class="kb-media-carousel__viewport">
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio4-3083f5b015b7.png" alt="Edit mode with the + Add Field button, a checked Hide box on the email field, and Save; Settings &amp; Fields lists name, title, phone, and email" width="1600" height="836" loading="lazy" decoding="async"></div><figcaption><strong>Add Field</strong> · With the Hide box and Save</figcaption></figure>
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio5-10fcded04877.png" alt="The purple Preview button and the signature preview under it, with logo, divider, contact lines, social icons, banner, and disclaimer" width="1600" height="809" loading="lazy" decoding="async"></div><figcaption><strong>Preview</strong> · Before you save</figcaption></figure>
  </div>
</div>

## Cloning a signature template

1. Select the **Clone** button.
2. Name the clone (see the [Opensense naming conventions](https://help.opensense.com/docs/opensense-admin-intro#naming-conventions-and-syntax-on-opensensecom)), and select **Save**.

<div class="kb-media-carousel" data-kb-media-carousel aria-label="Cloning a signature template">
  <div class="kb-media-carousel__viewport">
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio6-fe33dd05d636.png" alt="testing_template in Designer Studio, with the Clone button next to Edit and Delete" width="1600" height="742" loading="lazy" decoding="async"></div><figcaption><strong>Step 1</strong> · Clone</figcaption></figure>
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio7-da0fc140ffeb.png" alt="A cloned template named g_template_clone, with the green Save button and a note to save before you can preview" width="1600" height="771" loading="lazy" decoding="async"></div><figcaption><strong>Step 2</strong> · Name the clone, then Save</figcaption></figure>
  </div>
</div>


## Creating or editing a reply template

1. Select **Edit** on the signature you want to add a reply template to.
2. Turn on the **Reply Template** toggle.
3. Scroll down to the **Reply HTML Template** box, and add your HTML to create your reply template. To preview it, select the purple **Preview** button.
4. When you're done, select **Save**.

<div class="kb-media-carousel" data-kb-media-carousel aria-label="Creating a reply template">
  <div class="kb-media-carousel__viewport">
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio8-b61590d81fbf.png" alt="testing_template in Designer Studio, with the Reply Template toggle off and the blue Edit button" width="1600" height="682" loading="lazy" decoding="async"></div><figcaption><strong>Step 1</strong> · Edit</figcaption></figure>
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio9-98a100863025.png" alt="A template in edit mode, with the Reply Template toggle switched on under Settings &amp; Fields" width="1600" height="740" loading="lazy" decoding="async"></div><figcaption><strong>Step 2</strong> · The Reply Template toggle</figcaption></figure>
    <figure class="kb-media-frame"><div class="kb-media-frame__visual"><img src="https://help.opensense.com/media/olddesignerstudio10-00412a23560c.png" alt="The Reply HTML Template code box, the purple Preview button, and the reply preview with name, title, and logo" width="1600" height="851" loading="lazy" decoding="async"></div><figcaption><strong>Step 3</strong> · The Reply HTML Template box and Preview</figcaption></figure>
  </div>
</div>


## Adding a plain-text signature

You can add a plain-text signature template to your signature, in addition to your HTML signature template.

1. In Designer Studio, go to your signature template, and select the blue **Edit** button.
2. In the **Text Template** and **Reply Text Template** boxes, type the fields you want in your plain-text signature template (see the [Opensense naming conventions](https://help.opensense.com/docs/opensense-admin-intro#naming-conventions-and-syntax-on-opensensecom)).

   ![Edit mode for a template, with name, title, and phone fields in the Text Template box, and an empty Reply Text Template box](https://help.opensense.com/media/olddesignerstudio11-4bd57bc33fc8.png)

3. When you're done, select **Save**.


## Functions you can use in Designer Studio

<dl class="kb-insights-summary">
  <div><dt><a href="https://help.opensense.com/docs/conditional-fields-pre-2022-legacy">Conditional fields</a></dt><dd>Wrapping all optional fields in conditional statements makes sure there are no gaps in the signature if field data is missing.</dd></div>
  <div><dt><a href="https://help.opensense.com/docs/hidden-fields-pre-2022-legacy">Hidden fields</a></dt><dd>Hidden fields don't appear in the signature block or in MySig. Hidden field data is synced or uploaded into Opensense.</dd></div>
  <div><dt><a href="https://help.opensense.com/docs/external-and-internal-wraps-pre-2022-legacy">External and internal wraps</a></dt><dd>Let the signature appear differently to recipients inside and outside your domain.</dd></div>
  <div><dt><a href="https://help.opensense.com/docs/displaying-sender-or-recipient-email-pre-2022-legacy">Sender and recipient email</a></dt><dd>Fill in the sender's and recipient's email addresses automatically.</dd></div>
</dl>

## What's next

- [Changing images and links in legacy templates (classic UI)](https://help.opensense.com/docs/how-to-change-images-and-links-pre-2022-legacy)
- [Converting to Liquid templates](https://help.opensense.com/docs/converting-to-liquid-templates-pre-2022-legacy)

For further help, contact Opensense Support at [help@opensense.com](mailto:help@opensense.com).