This article features answers to our most asked questions with the Email Designer tool.
Sharing templates will save you a lot of time and help keep your message and brand consistent across all channels.
STEP 1. Sharing templates within a Team or Internal Communications sub-accounts can be done by first creating groups. Note: If you have already established sub-account groups you can skip to Step 2.
When logged in as an admin or a parent admin, you can navigate to your settings menu and click Team. There you can create new groups and assign sub-accounts to that group.
STEP 2. Click Create. Hover your cursor over the folder with email templates that you wish to share. Use the blue add icon to add groups you wish to have access to this folder.
STEP 3. Click the yellow check mark to commit the changes.
If you click the sharing settings again, you can assign permission levels like "Read Only", "Edit and Read" and "Stop Sharing".
A somewhat frequent issue seen by users of Outlook 2016 & 2019 for Windows, is a 1px horizontal white line spanning across their email template. The line may also take on a different colour depending on the template/email background colour.
Despite the issue being widely reported, unfortunately a simple fix is not yet known. A quick Google search can produce many articles and forums with suggested fixes and conversation regarding the issue, but Microsoft's official statement on the issue is currently "this is actually a known issue, and still under investigation."
Note: This problem doesn't happen in Outlook 2016 for Mac because that client doesn't use MS Word for rendering, whereas Outlook 2016 for Windows uses MS Word as its rendering engine and that’s where the problems occur.
When creating your email design, you typically don't see any issues with images in the design itself:
However, upon sending -- images can sometimes be skewed when received by the email client:
How do I fix this?
The Bananatag development team is currently working on various optimizations to improve the overall handling of images within the email designer, but due to the random circumstances in which this can occur it's always recommended to ensure that your images meet the appropriate requirements for their containers before they are uploaded.
Images are required to meet the minimum width of the container they are uploaded to. In the above screenshot, images would need to be at least 280 pixels in width. Images that do not meet this minimum width may appear skewed by default, even within the designer. For larger images, our email designer provides a range of different cropping and editing options via the Image Editor:
You may on rare occasions see an image "disappear" when sending using the Sent Test email functionality. Due to this being an external send, coming from Bananatag, it could be one of a few things:
- An Outlook setting is blocking external content: https://www.slipstick.com/outlook/email/microsoft-outlook-web-bugs-blocked-html-images/
- The SecureTemp folder is "full": https://www.slipstick.com/problems/red-xs-in-email/
- Word's Picture placeholder setting is enabled: https://www.slipstick.com/problems/picture-placeholders-displaying-outlook-email-messages/#placeholder
- Internet Explorer setting for Do not save encrypted files to disk is checked: https://answers.microsoft.com/en-us/msoffice/forum/msoffice_outlook-mso_win10/outlook-2016-does-not-display-images/1858f8c0-b8ef-460b-9c8e-71692b9c237e
Still seeing issues?
Try adjusting your image in an external image editing tool (like photoshop), to see if you get better results the next time you upload your images to the Email Designer.
Our Email Designer is designed from the ground up to support as many widely used mail clients as possible, but it's important to keep in mind that not all mail clients are designed equally.
As it pertains to styling, some mail clients will support certain font sizes provided through CSS, while mail clients like Outlook only support font sizing of individual HTML elements.
In addition to setting a default font size for "All Blocks" or on a per-block basis, you can utilize the Inline Editor (shown within the blue UI options at the top of the design) to explicitly set a default font size per block.
|Outlook users: Be sure to set your font size per block through the Inline Editor to ensure Outlook does not use it's own font-size defaults.|
You can utilize the in-depth CSS styling guide on our help center here for a detailed overview of support for styles across many widely used mail clients.
What is the issue?
When using long words, or links within article blocks sitting side by side, text can be seen bleeding outside of the article or block container, like so:
Why does this happen?
It has been determined not to be a bug (by our team and other teams of software developers for email HTML tools) but is, in fact, a known behaviour with HTML. All email design tools are limited in the code they use to be widely accessible by email clients as possible.
The limited set provided by some email clients that will receive the email do not support the CSS directives that could be used to make the text "wrap" even if you don't use spaces.
How can I prevent this?
When encountered, replace your long word or adjust its place within the content. Very long words that can fill the 1 column space are not so frequent in the real world.
In plain terms, we would ask you to be cognizant of using extremely long words, and spacing, when placing content into the column blocks. A common issue with seeing this is with lengthy URL's or emails, a good strategy to avoid that is inserting a link attached to a single word in the content, like so:
Check out the supported CSS styling guide on our help center here for more resources on CSS support across the vast majority of email clients.
At this point there is no way to outright delete Templates, however the Template system supports both re-purposing existing Templates or "de-activating" unwanted templates. Some users also like to make a "trash" or "archive" folder to store their unwanted templates in.
|STEP 1: Log in to your Bananatag account|
STEP 2: Click on "Create"
|STEP 3: Find the Template you wish to de-activate and click on the de-activate icon:|