In order to add a photo or image to a Messages email, You're going to need to learn a little coding. Don't worry, I'm not an engineer either! I promise you can do this:) If you need help, just open a live chat and we can help you out.
Step 1: Upload your images to the File Vault.
- Click the "share" button and paste the link into a text document. You'll need this link in a few minutes.
- Don't delete this file. If you delete the file, the image will not show up in peoples email.
Step 2: Create a new message
Step 3: Click the </> button in the Messages tool bar to open the code editor.
If you look closely, you will see all the text you wrote surrounded by code.
Place you cursor at the very beginning of the email, before the first <DIV>, hit enter twice to give yourself some room to work. Then, move your cursor back to the top of the editor.
Copy and Paste the following string into the code editor.
<div style="text-align: center;"><img src="YOUR FILE VAULT LINK HERE" style="width:100px;"></div>
Replace YOUR FILE VAULT LINK GOES HERE with your full File Vault link (Step 1) including the https part. Also KEEP THE QUOTATION MARKS around the link.
Tip: Change the image size by increasing or decreasing the width from 100px.
Tip: Before you send an email to your customers, send a test email to yourself and see how it looks on both desktop and mobile.
Click </> button to preview the image in your text editor.
Add a Floating Image
If you want to add an image to the middle of your email, just add the code where you want it to show up.
I can add an image below the introduction "Hi Everyone," and wrap the text around it.
<div><img src="https://s3.us-east-2.amazonaws.com/scout-client-files-prod/2/files/19e940ae-d888-40ba-b685-23bf515bbe15.jpg" style="width:100px; float: left; padding-right: 15px;">
For more advanced options, visit https://www.w3schools.com/html/html_images.asp