--- title: "Designer Studio (Pre-2022 Legacy)" slug: "designer-studio-pre-2022-legacy" updated: 2024-01-16T21:32:47Z published: 2024-01-16T21:32:47Z canonical: "help.opensense.com/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 (Pre-2022 Legacy) Pre-2022 templates were built using **our legacy HTML syntax**. This article is for you if your tags are in **$tag;** format Designer Studio houses your signature templates. The signature templates are designed in HTML. Don't worry if you are not familiar with HTML, we provide your initial signature templates during onboarding Check in Signature Assignments (Signature drop down > Signature Assignments) to see which signatures are **LIVE**. Use caution when editing a live signature. We recommend **cloning** before editing and using the **preview** button before pressing Save Do you need to change an image or link on your signature template? Click [here](https://opensense.document360.io/docs/how-to-change-images-and-links-pre-2022-legacy) to learn more. ## How to Access the Designer Studio 1. Click on the Signatures dropdown menu and choose Designer Studio ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio1.png) ## Creating and Editing a Signature Template 1. Click on the green **+Add New** Template button to create a new signature template 2. Name your template (refer to the [Opensense Naming Convention](https://opensense.document360.io/docs/naming-convention-and-syntax)) and click Save 3. To edit your signature template, click Edit ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio2.png) 4. Add/edit your HTML text to the HTML Template box ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio3.png) ## Adding Fields Add fields by clicking on the **+Add Field** button and type out your field names (you can [hide these fields](https://opensense.document360.io/docs/hidden-fields-pre-2022-legacy) in your plain text signature block by checking the hide box). When finished, hit SaveRefer to the [Opensense Naming Convention](https://opensense.document360.io/docs/naming-convention-and-syntax) when naming your fields. You will also have to add these new fields as code in the HTML Template $fieldname; (i.e. $email;). If it is an optional field, you should [add conditional logic](https://opensense.document360.io/docs/conditional-fields-pre-2022-legacy) into the HTML code ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio4.png) - To preview any edits before saving, click on the purple **Preview** button ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio5.png) ## Cloning a Signature Template 1. Click on the Clone button ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio6.png) 2. Name it (refer to the [Opensense Naming Conventions](https://opensense.document360.io/docs/naming-convention-and-syntax), and click Save ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio7.png) ## Creating/Editing a Reply Template 1. Click the Edit button on the Signature that you would like to add a reply template to ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio8.png) 2. Turn on the Reply Template button ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio9.png) 3. Scroll down to the Reply HTML Template box and add your HTML text to create your reply template. Click the purple **Preview** button to preview ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio10.png) 4. When finished, hit Save ## How to Add a Plain Text Signature In addition to your traditional HTML signature template, you may also add a Plain Text Signature template to your existing signature 1. In the Designer Studio go to your signature template, and click on the blue **Edit** button 2. In the Text Template and Reply Text Template boxes, type in the fields that you would like to be present in your plain text signature template (refer to the [Opesense Naming Conventions) ![](https://cdn.document360.io/05b0e12d-96a6-4b75-a423-672ab2be88d7/Images/Documentation/oldDesignerStudio11.png)](https://opensense.document360.io/docs/naming-convention-and-syntax) 3. When finished, hit Save ## Useful Functions in Designer Studio - [](https://opensense.document360.io/docs/conditional-fields-pre-2022-legacy)[Conditional fields:](https://help.opensense.com/article/2tlb4i3vfw-conditional-field ) wrapping all optional fields within conditional statements ensures that there are no gaps in the signature if field data is missing. - [Hidden fields:](https://opensense.document360.io/docs/hidden-fields-pre-2022-legacy) hidden fields do not appear in the signature block or in MySig. Hidden field data is synced or uploaded into Opensense. - [External and Internal Wraps:](https://opensense.document360.io/docs/external-and-internal-wraps-pre-2022-legacy) allows the signature to appear differently when received by those within your domain vs outside of your domain. - [Auto-populating Sender and Recipients Email](https://opensense.document360.io/docs/displaying-sender-or-recipient-email-pre-2022-legacy)