New Studio layout. The Studio now opens with the side panel collapsed and your signature on the canvas in the center of the screen. To open the side panel, click Click to edit on the canvas, or click any icon in the left panel (Details, Images, Social, Apps, Design, or Layouts). You can close the panel anytime with the arrow on its edge. Global styling now lives in the Design panel (the palette icon in the left panel). When you select an element on the canvas, its Design and Layout controls appear in the Contextual Design Bar above the signature, while its Content controls open in the side panel.

Watch this quick walkthrough on how to design your email signature using the Studio:

How do I add and edit elements?

You add items to your signature from the sections in the left panel. In most sections you add an item by clicking the section tab and then choosing or filling in what you want (a variable, text, or a file), and it appears in your signature. This works the same way as the Images tab, where your Company Logo or Profile Photo appears once you upload a file or choose a variable.

Building blocks and ready-made features (such as Text, Image, Divider, Button, Video, Icon, HTML, and apps like Banner or Call to action) are added from the Apps section. You can add any of these by clicking it or by dragging and dropping it from the left panel onto the Studio Canvas.

Add: Click the section tab in the left panel (for example, Details, Images, Social, or Apps) to open the side panel, then add the item there. From the Apps section, click an item or drag it (like a Button or Text) onto the Studio Canvas.
Select: Click any element directly on the canvas to open its editing controls. Its Content controls open in the side panel, and its Design and Layout controls appear in the Contextual Design Bar above the signature.
Refine: Once an element is selected, you have three groups of controls:

Content (in the side panel): Define what is shown (type your text, paste your Link URL, or upload your image).
Design (in the Contextual Design Bar above the signature): Define how it looks (change specific colors, fonts, borders, or toggle Animations).
Layout (in the Contextual Design Bar above the signature): Adjust the padding and spacing of that specific element. To change where an element sits, drag it on the canvas (see below).
Move elements: The easiest way to change your layout is to drag and drop elements directly on the Studio Canvas. Click and hold any element and drag it to a new position. This applies to all elements once they are on the canvas, no matter which section you added them from.
Resize elements: You can resize an element directly on the Studio Canvas by dragging. Click the element to select it, then drag its resize handles to make it larger or smaller. This works the same way for images, text, banners, and social icons. For an exact size instead, select the element and use its Design controls (for example, Width) in the Contextual Design Bar above the signature.
Delete elements: Click the element on the Studio Canvas and select the trash icon that appears above it.

Which elements can I add to my signature?

The Studio provides a variety of components.

Details: Click this icon to manage personal contact information, job titles, and company names within the Studio.
Images: Click this icon to add your Company Logo and Profile Photo. These appear in your signature when you upload a file or choose a variable, and are not dragged onto the canvas to add them. Always use the Images section to add and edit your company logo and profile photo. To add more images, use the Image option in the Apps section (below).
Social: Click this icon to add social media icons and link them to various professional profiles.
Apps: This is the entry point for adding building blocks and ready-made features. Add an item by clicking it or by dragging and dropping it onto the Studio Canvas. The Apps section includes:
- Text: Place custom blocks of information anywhere on the Studio Canvas.
- Image: Add any image.
- Divider: Place lines to visually separate different signature sections.
- Button: Create a clickable call-to-action for your recipients.
- Video: Embed a video thumbnail or direct link.
- Icon: Insert decorative symbols for personalization.
- HTML: Use custom code to create advanced or unique signature elements.
- Apps: Ready-made features such as Styled signoff, Call to action, Legal disclaimer, Image Gallery, Banner, Green footer, Quote, and Promotion.
Design: Click this icon to open the Design panel, where you set the global style of your whole signature (see How do I use the Design panel? below).
Layouts: Click this icon to choose a layout for your signature.

How do I preview and save changes?

The Studio applies changes immediately upon saving, so users should verify the design before finalizing.

Live Preview: Click Preview at the top right of the canvas to see how the signature appears. Use the From field at the top of the email preview to choose which employee's signature to show. By default, the preview shows the employee whose signature you are viewing. If you are assigned to this signature, the preview defaults to you. If you are not assigned to it, the preview shows the assigned employee who comes first alphabetically. When a signature is assigned to a group, the preview shows the group member who comes first alphabetically. When only one employee is assigned, that employee is shown in the preview. The list shows up to 10 employees at a time. To choose an employee who is not in the list, type their name in the search bar at the top of the dropdown, and the employee will appear.
Mobile View: While in Preview, use the desktop and mobile icons at the top of the canvas to switch between desktop and mobile previews and make sure your layout looks right on all devices.
Dark Mode: While in Preview, click the light/dark (sun/moon) icon at the top of the canvas to see how your signature looks on dark backgrounds.
Save Changes: Click Done Editing in the top right corner to save your signature. To discard your edits instead, click Discard changes.
Undo and Redo: Use the arrows at the top left of the Studio to revert or reapply recent changes.

How do I manage colors in the Studio?

You manage your signature colors in the Colors panel. To open it, click the Design icon in the left panel, then click one of the swatches under Signature colors. The panel keeps all your color options in one place, so it is easy to see the colors you are using and adjust them.

Here is what you will find in the Colors panel:

Color 1, Color 2, and Color 3: Your signature's main colors, each with its color code. Click a color to select it, then change it using the options below. When you select a color, the Studio highlights the parts of your signature that use it, so you can see what will change.
Variants: Lighter and darker versions of the color you picked. Click one to use it right away.
Colors in the signature: The colors your signature already uses. This is also where you will find the color picker (the eyedropper), which lets you grab any exact color from your screen.
Brand colors: Your saved Brand Kit colors, ready to use. Click the plus (+) to save the color you picked to your Brand Kit.
Suggested colors: A larger set of ready-made colors to choose from.

You can also type in a color code if you want an exact match to your brand.

Note: To change the color of just one element (instead of the whole signature), click that element on the canvas and use its Design controls in the Contextual Design Bar above the signature.

How do I style a text element?

To style a text element (such as a name, title, or a Text element you added), click it on the Studio Canvas (the signature preview in the center). Its text styling controls appear in the Contextual Design Bar above the signature. From there you can set:

Font style: Choose the font family for the text.
Font size: Set the size of the text.
Color: Set the text color.
Bold, Italic, and Underline: Apply these styles to the text.
Uppercase: Make the text uppercase.
Alignment: Align the text left, center, or right.
Line height: Set the spacing between lines of text.
Letter spacing: Set the spacing between letters.

Each text element also has Background, Border, and Position settings, described in the next section.

How do I use the Background, Border, and Position settings?

Most elements in the Studio (including text, images, contact details, and social icons) share three additional settings: Background, Border, and Position. You reach them from the Contextual Design Bar above the signature when the element is selected. When you click one of these three settings, its controls open in the side panel.

Background: Turn this on to place the element inside a colored background, and set the background color.
Border: Turn this on to add a frame around the element. You can set the border color, thickness, and line style, and choose which sides the border applies to.
Position: Adjust the element's spacing (padding) and alignment within its space. To move an element to a different place in the signature, drag it on the Studio Canvas rather than using Position.

How do I use the Design panel?

The Design panel controls the global style of your whole signature. To open it, click the Design icon (the palette) in the left panel. (For the Design and Layout controls of a single selected element, use the Contextual Design Bar above the signature instead.) The Design panel includes:

Global font: Choose the font for your signature. Fonts are grouped into Web safe and Not web safe (see Which fonts are available? below).
Signature colors: The swatches set the color palette used across your signature. Click a swatch to open the Colors panel, where you manage all of your signature colors (see How do I manage colors in the Studio? above).
Size & spacing: Use the sliders to set Signature scale (the overall size of your signature), Vertical spacing, and Horizontal spacing (the space between elements).
Quick settings:
- Details labels: Choose how contact details are labeled. Options are None, Icon, Text, and Letter.
- Social icon colors: Choose Brand (each platform's official color) or Official for your social icons.
Advanced settings: Expand this section for additional global options, such as signature direction for right-to-left languages.

Signature scale changes the signature everywhere. It sets the size of the signature in every email you send, from every device and every email app. It is not a way to make a signature larger only on one device.

In particular, do not raise Signature scale because a signature you sent from your phone looks smaller when the recipient opens it on a computer. That smaller size is intentional and is not something the slider corrects, so raising it enlarges the signature for everyone and can push elements onto new lines. See Deploy Signature on Mobile Devices.

FAQs

The following details address common technical limitations and settings within the Studio.

Can I use Signature scale to make my signature bigger when it is sent from a phone?

No. Signature scale is a global setting, so raising it makes the signature larger in every email you send, from every device, not only in the ones you send from your phone.

If your signature looks smaller when you send it from your phone and the recipient opens it on a computer, that is intentional. WiseStamp sizes the signature down for mobile so the layout does not break, and there is no setting that increases it. Raising Signature scale to compensate enlarges the signature for everyone and can push elements onto new lines. For the full explanation, see Deploy Signature on Mobile Devices.

Where do I set the style for my whole signature?

There are two places where design controls live. For the style of your whole signature (font, colors, size and spacing, details labels, and social icon colors, plus advanced options like signature direction), click the Design icon in the left panel to open the Design panel. For the Design and Layout of a single element, click that element on the Studio Canvas and use the Contextual Design Bar that appears above the signature. The element's Content controls stay in the side panel.

The side panel is collapsed. How do I open it?

The Studio opens with the side panel collapsed so you can see your signature on the canvas. To open the panel, click Click to edit on the canvas, or click any icon in the left panel (Details, Images, Social, Apps, Design, or Layouts). To collapse it again, click the arrow on the edge of the panel.

Why does a specific employee show in the signature preview?

The employee shown in the signature preview depends on who is assigned to the signature and who is viewing it. If you are assigned to this signature, the preview defaults to you. If you are not assigned to it, the preview shows the assigned employee who comes first alphabetically. When a signature is assigned to a group, the preview shows the group member who comes first alphabetically. When only one employee is assigned, that employee is shown in the preview. Use the From field at the top of the email preview to choose a different employee. The list shows up to 10 employees at a time, and you can type a name in the search bar at the top of the dropdown to find someone who is not in the list.

Why does the preview of my signature on WiseStamp look different from how it appears in my email?

In some cases, the preview of your signature may look slightly different from the final version in your email. This is only a visual difference in the preview and does not affect how the signature is rendered in emails.

Can I control the space between a contact detail’s label and its value?

There is no built-in setting to adjust the space between a contact detail’s label (e.g., “Email:”) and its value (e.g., “[email protected]”). This spacing is fixed in the Studio and cannot be adjusted independently.

Can I align the values of contact details independently?

Not at the moment. Because details are built using a table-based structure, it’s not possible to align values independently of their labels.

My job title or text is wrapping onto two lines. How do I fix it?

This happens when the signature has a fixed width and a text element shares a row with social icons, leaving insufficient space for longer titles. Three ways to fix it:

Reduce the font size: Click the text element on the canvas. In the Contextual Design Bar above the signature, lower the font size slightly. This gives the text more room to fit on a single row alongside the social icons.
Enable Auto-fill: Select the elements that share the row (for example, Name, Title, and Social icons). In the Contextual Design Bar, enable Auto-fill. This keeps each element in its correct position and anchors the social icons to the right, giving the text more effective space.
Add right-side spacing to the text field: Click the text element. In the Contextual Design Bar, click Position. Then in the side panel, add spacing on the right side of the field. This redistributes the available row space in favor of the text without changing the font size.

Content that fits on one line in the editor is splitting across multiple lines in my email. How do I fix it?

This happens when the signature container width collapses in the email client, causing content to wrap. To anchor the width:

In the Studio, click Apps in the left panel and add a Text element to the canvas.
Click the text element on the Studio Canvas.
In the Contextual Design Bar above the signature, click Position.
In the side panel, set the right spacing to a value that anchors the full intended width of your signature (for example, 420). This prevents the container from collapsing and keeps single-line content on one line.

Can I resize text or contact details directly on the signature preview?

Yes. You can resize an element directly on the Studio Canvas by selecting it and dragging its resize handles. This works for images, text, banners, and social icons. To set an exact size instead, select the element and adjust the font size in the Contextual Design Bar above the signature.

Can I change an element's position directly on the canvas?

Yes. The easiest way to change your layout is to drag and drop elements directly on the Studio Canvas.

What image formats are supported in the Studio?

Jpeg, png, jpg, svg formats are currently supported for image elements.

Which fonts are available?

The Studio has two kinds of fonts to choose from, shown as two groups in the font dropdown.

Web safe fonts look the same for everyone, no matter what device or email app they use. Our web safe fonts include the following: Arial, Verdana, Trebuchet MS, Georgia, Palatino, Lucida Sans, Times New Roman, and Courier New.

Not web safe fonts give you more style choices, and we have the following: Inter, Poppins, Montserrat, Lato, Roboto, Playfair Display, Merriweather, and DM Sans. They have a small warning icon next to them, because some people's email may not support them. When that happens, the text shows up in Arial instead.

To find a font quickly, type its name in the search box at the top of the dropdown.

Not sure which to pick? See Choosing Fonts for Your WiseStamp Signature.

How big and small can I make the text?

Currently, the font size ranges from 5 - 42.

Is there an external URL available to test and preview email signatures before they go live?

Currently, we do not provide an external link for signature previews. To see how your signature will appear to recipients, please use the built-in preview option located directly within the Studio (top right of the canvas). This tool provides a real-time rendering of your layout, links, and banners to ensure everything is correct before you save your changes.

Can I add multiple phone numbers or emails?

Yes, with a limitation. Each contact field type can only be added once (for example, one phone number and one email address per signature).

If you’d like to include additional phone numbers or email addresses, you can always add them using custom fields.

How do I remove the comma between text elements (for example, my job title and company name)?

When two or more text elements sit together on the same row (for example, job title, company name, and pronouns), the Studio automatically adds a comma between them so the values read correctly together (for example, "Marketing Manager, Acme, she/her"). This comma is added by design and cannot be removed, and there is no setting to turn it off. If you do not want the values separated by commas, place them on separate rows instead of on the same row.

Design Your Signature with the Studio