How to add Images to an email

Have you ever wanted to spice-up your email communications with some additional images - perhaps of your smiling big-name Host or maybe a previous big winner of your show? Whatever your need, it is simple to add images to your email templates, and this handy guide will help you!

First of all it’s important to understand that when adding an image to an email, the image file (jpeg, gif or whatever) needs to be uploaded somewhere accessible on the internet. This is so that your email file size doesn’t become too big for your Applicants’ inboxes, and so that email programmes (Google, Outlook, Yahoo etc) can display the image properly when your Applicants view the email. Otherwise, your images might display a broken image - and ruin the look you’re going for.

So how do you do this? If you’re a Cast It Reach Builder user, then you can simply upload the image as a Resource in your campaign. To do this: 

1. Go to Builder

2. Click on Resources and click

   

   to add a new Resource

3. Give your Resource a name

4. Upload your image

5. Save, and Publish your changes

Your new resource will look a bit like this: https://drive.google.com/file/d/1r6cFRQsbQhenfmm1Ov1Kv6m3SjiagviU/view?usp=drivesdk 

6. Next, select the URL of the image in the Properties section, and paste this into a browser address bar. You’ll see the image load in your browser window. 

7. Copy the slightly updated URL from the browser address bar. It will look something like this:
   https://cir-prd-eu-s3-assets.s3.amazonaws.com/misc/casting/20783/b5540b/31/0542c9b3-ba31-4e26-8a05-9b039d768d6d.jpg
   
   

Note: if you’re not a Builder user, you can send your image to support@castitreach.com and we will upload it for you and send you the URL

1. Create or select the email template you want to add your image to

2. Place your cursor in the template’s editable section, where you want your image to appear.

3. Click on the Image icon

   

   at the top of the Template Editor:  https://drive.google.com/file/d/1ugEUVQ5hg-X3pnnOGhRt7SgedL0cksPi/view?usp=drivesdk

4. Paste the Image URL you copied earlier into the URL field in the pop-up box

5. Important: Add an ALT TEXT for accessibility reasons - this should describe the image accurately for users who may use a screen reader, and is best practice.

6. Set the image width to a maximum of 600px (our default template width) - the image will resize in the correct proportions. 

7. Click OK: https://drive.google.com/file/d/1uej4GWRt9v3Szr0uZvYmdgL_ufT22lIp/view?usp=drivesdk 

8. If you want to make any adjustments to the image e.g. make it a bit smaller or change the Alt Text, simply double click the image, and adjust as necessary.

9. Once happy, make sure you save and continue editing your email template.
   https://drive.google.com/file/d/1aXhkyd6aBaVrXNRbSq8TCYnRDl3ztGUN/view?usp=drivesdk 

Test your email using the ‘Test Template’ function at the bottom of the Email Template.

The email you receive should include the image: 

https://drive.google.com/file/d/1SoAB7A80_SYWK4dLl75Avv3DkrKOAfwM/view?usp=drivesdk 

Note: you should never contain ALL of the information in your email in an image as this could cause issues for people with certain accessibility requirements. Use text in your email where text would be expected.

If you need any assistance at all, please email support@castittreach.com who will be happy to assist you.