FAQ: Issues with Images in Phishing Templates
If you're having issues with the images in your phishing templates or training notifications showing up incorrectly, click the below FAQs for possible causes/solutions.
- "I want to change the size of an image in my template."
- "The images in my phishing templates do not load. My users are prompted to enable the images, or are unable to see the images completely."
- "I created my phishing template by copying the source code from a real email I received and now none of the images are showing up correctly in the phishing campaign."
- "I copied and pasted an image into my phishing template. It looks fine in the editor, but will not show properly in my phishing campaign. "
- The images I am using aren't appearing. What types of image files are supported in your phishing templates, landing pages, and training notifications?
- I can't see any of the images in the templates that I created or added to the system. How do I see the images?
ISSUE: "I want to change the size of an image in my template."
This issue generally occurs with Outlook 2013 because it does not respond well to a "style" HTML tag. Our system will create additional size tags for your image to help Outlook read the size correctly.
To trigger this, you'll want to alter the Source code on your phishing template to update the style tag "width" and "height" values.
- Click the Source button on your WYSIWYG template editor to view the HTML code of your template.
- Find the image tag which is causing your image to not appear correctly. Once you find the affected image, edit the "width" and "height" values in the style tag.
- Click Save.
- To ensure the image displays correctly, send yourself a test email with the revised template.
<img src="http://www.imagewebsite.com/image.jpg" style="width:270px;height:340px" width="270" height="340">
ISSUE: "The images in my phishing templates do not load. My users are prompted to enable the images, or are unable to see the images completely."
Some mail clients will block images by default and will ask the user if they'd like to load the images in the email.
Depending on your mail client, you may be able to add the sender address to a safe senders list to allow images from those senders to load automatically. The instructions to do this will vary based on your mail client, but here is an article about deploying a safe senders list via Group Policy for Outlook: https://support.microsoft.com/en-us/kb/2252421
ISSUE: I created my phishing template by copying the source code from a real email I received and now none of the images are showing up correctly in the phishing campaign.
When you copy the source code from real emails, there is sometimes an additional line of text present in the link to the images that will cause the images to break and not appear correctly. You'll need to remove this additional text for the image to appear correctly in your phishing campaign. An example is shown below:
The key to fixing this is to turn on the Source code of your template and comb through all of your <img> tags to ensure the URL for the image(s) you'd like to use includes ONLY the image link, which is the link to the right of the "#" sign.
ISSUE: I copied and pasted an image into my phishing template. It looks fine in the editor, but will not show properly in my phishing campaign.
When you copy and paste an image into the phishing template editor, you are only displaying the image locally. For your users to be able to see that same image, you MUST use a publicly-available URL for that image (such as https://www.image.com/image.jpg).
To fix this, you'll want to delete the image you copied and pasted, and instead, add a new image using either an image tag (<img src="https://www.imagewebsite.com/image.jpg">) or by clicking the image button in the WYSIWYG editor and adding the URL there.
An example of how to add and resize an image is shown below. When resizing, if the common mail client in your organization is Outlook 2013, be sure to add an additional width tag as explained in: "The image I'm using does not show up the correct size when I receive it via email."
ISSUE: The images I am using aren't appearing. What types of image files are supported in your phishing templates, landing pages, and training notifications?
We recommend using .png, .gif, or .jpg files when creating or modifying templates in our system.
ISSUE: I can't see any of the images that I added to the templates that I created or that were added to my console. How do I see the images?
You will need to make sure that the Show Remote Images toggle is enabled so that you can see the images that were added to your custom templates. By default, the Show Remote Images toggle is enabled for our System Phishing and Training Templates.
Please note that the Show Remote Images toggle will only appear on templates that contain images.