How do I add and edit elements?
Add: Click the Elements (blue plus) icon. Drag an item (like a Button or Text) onto the Studio Canvas.
Select: Click any element directly on the canvas to open its specific editing panel.
Refine: Once an element is selected, use the triple-tab system at the top of the panel:
Content: Define what is shown (type your text, paste your Link URL, or upload your image).
Design: Define how it looks (change specific colors, fonts, borders, or toggle Animations).
Layout: Define where it sits (adjust the alignment, padding, and spacing of that specific block).
Edit existing elements: Click any element directly on the Studio Canvas to open its specific settings in the left panel.
Move elements: Click and hold an element on the Studio Canvas to drag it to a new vertical or horizontal position.
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 upload and manage photos, company logos, or promotional graphics.
Social: Click this icon to add social media icons and link them to various professional profiles.
Elements: This menu serves as the primary entry point for inserting the following:
Image: Upload company logos or employee headshots.
Divider: Place lines to visually separate different signature sections.
Text: Place custom blocks of information anywhere on the Studio Canvas.
Button: Create a clickable call-to-action for your recipients.
Video: Embed a video thumbnail or direct link.
Icon: Insert decorative symbols for advanced personalization.
HTML: Use custom code to create advanced or unique signature elements.
Apps: Click this icon to integrate third-party tools or specialized signature features like banners and meeting schedulers.
Design: Click this icon to adjust the global style of your signature, including font families and color palettes.
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 of the Studio to see how the signature appears for specific employees.
Mobile View: Toggle between desktop and mobile previews to ensure the Signature Studio layout is responsive on all devices.
Dark Mode: Click the Dark Mode icon (moon/sun toggle) at the top center of the screen to see how your signature looks on dark backgrounds.
Save Changes: Click Save in the top right corner. The Studio does not save drafts, so clicking Save is necessary to preserve all edits.
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?
The Design tab allows you to define a specific color palette for your signature elements.
Used colors: This section displays all colors currently applied to elements on the Studio Canvas for quick access.
Colors in use: Click any existing color swatch to open the color picker and modify the hex code or select a new shade.
Suggested colors: The Signature Studio provides a set of professional color presets to help you build a balanced design.
Custom Hex codes: You can enter a specific Hex code (e.g., #000000) into the input field to match your exact brand guidelines.
Apply changes: Click Done after selecting a color to update the signature style immediately.
How do I customize typography?
You can adjust the font style and size globally to improve the readability of your signature.
Click the Design tab in the left panel of the Studio.
Locate the Font Family dropdown menu.
Select a web-safe font from the list, such as Arial, Verdana, or Georgia, to ensure consistency across all email clients.
Use the Font Scale setting to increase or decrease the overall size of the text.
Click the plus (+) or minus (-) icons to scale the typography proportionally across the entire signature.
How do I change the signature direction?
The Studio supports different layout orientations to accommodate various languages and design preferences.
Left to Right: This is the default setting for standard professional signatures.
Right to Left: Use this toggle to reverse the layout of the signature elements.
Orientation toggle: Locate the Signature Direction section at the bottom of the Design panel and click the arrows to switch between horizontal flows.
FAQs
The following details address common technical limitations and settings within the Studio.
Why does the preview of my signature on WiseStamp look different from how it appears in my email?
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?
Can I control the space between a contact detail’s label and its value?
No, users currently cannot adjust the space between a contact detail’s label (e.g., “Email:”) and its value (e.g., “[email protected]”). Visual spacing between a label and its value is currently fixed within the Studio and cannot be adjusted independently.
Can I align the values of contact details 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.
Why isn’t my element aligning correctly, even though I’ve set its position?
Why isn’t my element aligning correctly, even though I’ve set its position?
If an element doesn’t have enough space (not to be confused with padding), it may not align as expected. Ensure the element has adequate space in the layout for alignment settings to take effect.
Can I set a specific width for contact details or other text elements?
Can I set a specific width for contact details or other text elements?
Yes, you can set a specific width for both detail and text elements within their settings.
Can I resize text or contact details directly on the signature preview?
Can I resize text or contact details directly on the signature preview?
To adjust sizes, use the left panel of the Studio.
Can I change an element layout directly on the canvas?
Can I change an element layout directly on the canvas?
No, layout adjustments must be made through each element’s settings using the left panel of the Studio.
What image formats are supported in the Studio?
What image formats are supported in the Studio?
Jpeg, png, jpg, svg formats are currently supported for image elements.
How can I create a gif/animated image?
How can I create a gif/animated image?
You can easily create an animated image or GIF in the Studio. Turn on the Animation toggle in the top right. Upload a second image and choose from four different animation effects.
What fonts are available?
What fonts are available?
The Studio has a variety of fonts to choose from: Arial, Verdana, Trebuchet MS, Georgia, Palatino, Lucida Sans, Times New Roman, and Courier New. We only use web-safe fonts to ensure your brand remains visually consistent across all devices and email clients regardless of which tool you use.
How big and small can I make the text?
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?
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). 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?
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.
Why can't I remove "Kind Regards" in the Studio?
Why can't I remove "Kind Regards" in the Studio?
To remove this, simply click on the Signoff on the canvas (middle of the screen) and click the trash icon.
How do I fix Signoff showing up as broken image?
How do I fix Signoff showing up as broken image?
To resolve this, please select the Signoff on the canvas (middle of screen), click the trash icon to remove it, and then re-add it by clicking on it in the sidebar.