Images (Emails Only)

Add images to Apptoto email messages. Upload via the Markdown toolbar or drag and drop into the HTML editor.

Images can be added to email messages on the Appointment Auto Messages tab. How you upload depends on the email Format selected for that message (Markdown or HTML).

Markdown

Click the email message to open the editor, then click the image icon in the Markdown toolbar above the body. Pick a file from your computer; once it finishes uploading, the image is inserted at your cursor and a placeholder appears in the body that looks like this:

{{ 'photo123' | image_tag: 'photo.png' }}

You don’t need to type that yourself - the toolbar inserts it for you. The text in single quotes after image_tag: is the alt text, which you can edit. To control how the image is sized in the email, add a width (and optionally a height) in pixels:

{{ 'photo123' | image_tag: 'photo.png', 600 }}
{{ 'photo123' | image_tag: 'photo.png', 600, 400 }}

Images are automatically optimized for each recipient when the email is sent, so they load quickly without you having to resize the original file.

HTML

When the email format is set to HTML, the editor is a rich-text (WYSIWYG) editor with its own image controls.

1. On the Appointment Auto Messages tab, click the email message you want to edit and set Format to HTML.
2. Click the image icon in the toolbar directly below the Subject line field.
3. On the Image Properties screen, click the Upload tab.
4. Click Choose file to select your image, then click Send it to the Server.
5. You’ll be directed back to the image info page. Adjust the width, height, and other settings as needed, then click OK.

You can also drag and drop image files directly into the WYSIWYG editor:

Double-click an image in the WYSIWYG editor to edit its properties (width, height, border, alignment):