Description
The Text element is used to add static text to your signature.
To include text in your email signature, simply drag and drop the Text element to the desired location on the signature/gridded background.
Once you have dropped the Text element onto your signature, you can customize it to suit your organization's requirements.
How to access it?
To access the Text signature element:
- Open the signature (in the Signature Designer) to which you wish to add the Text element.
For more information, see how you can select a signature to edit.
- From the left-hand side toolbox, expand Text & Fields and select the Text element.
Please click on the required options listed below to go through the detailed description:
To add a Text element to the signature
- Drag and drop the Text element at the required location on your canvas.
Example:
The properties window is displayed on the right-hand pane.
- Click SAVE CHANGES to save the changes made.
Now, you can update the properties to define how the user photo will look in the email signature.
- Click Cancel CHANGES to close the window without saving any changes.
- A field is limited to the Microsoft 365 / Google Workspace fields and are displayed within {curly brackets}.
- Text is intended for static data such as field labels like "E:", Disclaimers, static hyperlinks and so on.
- Text can contain Fields to allow a mixture of static and dynamic information.
To edit a text element:
- Within the canvas, click on the blue border of the text box.
The properties pane is displayed on the right-hand side of the screen - as required, make your changes, then click SAVE CHANGES.
To edit a field:
- Within the canvas, click on the blue border of the text box, then click inside the text box.
As required, make your changes, then click SAVE CHANGES.
Example:
You can edit the following Text element properties:
Text properties
Text properties are used to determine the appearance of any text that you add to the selected field:
Background properties
Background properties are used to define the background of the selected field:
None | Select No to select no background colour for the text field. |
---|---|
Color | Select Color to select a colour for the text field. You can either enter the colour code or select the required color from the colour picker. |
Image | Select Image to select an image for the background. |
Upload Image | Click to upload a background image for the text field. NOTE: When you select a background image, the entire signature will be rendered (and applied) as a bitmap image (not HTML). |
Visibility properties
Visibility properties are used to determine the circumstances under which the selected field should/should not be displayed:
Always visible | By default, Always visible is selected. This means that the selected field will always be visible on the signature. |
---|---|
Auto-hiding separator | Select this option where multiple fields are defined on a single line (example: Address {Field} elements), separated by a character (such as a comma or a pipe); and you want to hide separators if no user data is present. |
Visible when | Select to define the conditions when the selected field needs to be visible on the signature. |
Alignment properties
Alignment properties are used to determine the horizontal and vertical alignment of the selected text:
Text | Select the required option to align the selected text within the signature. The different options are: Left, Center, Right, Justify or Inherit. By default, the Inherit option is selected - leave it selected to inherit this value from the parent element. |
---|---|
Horizontal | Select one of the required options to horizontally align the field within the signature. The different options are: Left, Center, Right, Justify or Stretch. |
Vertical | Select one of the required options to vertically align the field within the signature. The different options are: Top, Center, Bottom. |
Border properties
Border properties are used to define borders for the selected field:
All | Select border properties from the options available then select All the same to ensure that all borders (left, right, top and bottom) within the signature have the same properties. By default, no border is applied and the border size is set to zero (0). |
---|---|
Left / Right / Top /Bottom | Select individual border properties (left, right, top and bottom). These options are enabled if All the same option is not selected. |
Padding properties
Padding properties are used to define spacing for the selected field:
All | Select the padding properties you want to apply (left, right, top and bottom) across the selected field from the options available. Select All the same to ensure that the selected field has the same padding throughout. You can select the padding in pixels or points. By default, no padding is applied. |
---|---|
Left / Right / Top /Bottom | Select individual padding settings for left, right, top and bottom. These options are enabled if All the same option is not selected. |
Size properties
Size properties are used to define the size of the selected field:
Width | By default, the width is set to auto. This means that the field will adjust its width depending on the size of the message viewer. If required, you can also enter the exact width for the selected field - in pixels or points. |
---|---|
Height | By default, the height is set to auto. This means that the field will adjust its height depending on the size of the message viewer. If required, you can also enter the exact height for the selected field - in pixels or points. |
Render properties
Render properties are used to determine how the signature is rendered in messages:
Normal | By default, the normal render setting for the signature is HTML. |
---|---|
Bitmap | Select to render the signature as a bitmap image. In this case, any externally linked images will be embedded in the signature, and text will not wrap unless the width of the field is fixed (that is, not set to auto). |
To delete a Text element:
- Select the element to open the properties section on the right-hand pane.
- Click DELETE to delete the selected text element.
Example: