How do I add images to Email Notifications & Waivers in Checkfront?

Learn how to add images to notifications and waivers in Checkfront.

Accessing the features mentioned in this article

Where can I find this feature using the top menu?

• Manage > Notifications
• Booking > Waivers & Documents
  
  

What more do I need to use this feature?

• Admin or restricted permissions to Manage notifications and Manage document templates.
  
  

Which Checkfront version supports this feature - classic items, classic products, or both?

• This feature is available in both our classic version using classic items (Inventory > Items) and our classic version using classic products (Inventory > Products).  → Learn more about products

To add images to content such as email notifications and waivers, you need to host the image elsewhere online and add an tag to the HTML of your document, which points to the address of that hosted image.

The following are examples of how you would incorporate images hosted elsewhere (e.g. where your website images are stored). 

Adding images to notifications

1. Select Notifications from the Manage menu. Permission to manage the account is required to see this top menu option.
2. From the Email tab, click + New Notification or click on the Subject to edit the notification.
3. Next, scroll down to the Email section and edit the HTML tab's source code (< >).
4. Here you can paste an image tag into your code, which points to where the image is hosted, for example:
   
   
   
   
5. Scroll down and Save your changes.
6. You can view a Live Preview of the notification via the left-hand menu option.

Align the image left, right or center using the HTML editor.

For more information on Notifications, please see our series of articles starting with: Introduction to email notifications

Adding images to waivers

1. Go to Booking and select Waivers & Documents.
2. Click on Create Template or click on the name of an existing template under Templates to edit.
3. From the Template editor, choose to edit the source code (<>) from the toolbar.
4. Copy and paste your code, pointing to where the image is hosted.
   
   
   
   
5. Remember to Save your changes and click Preview to check them out!

Align the image left, right or center using the HTML editor.

For more information on Waivers, please see our series of articles starting with: Introduction to waivers & documents

Learn about adding images to Items and Products here: Adding photos and video to items using the Item Builder Adding photos to your product