Free Trial Signup

Articles in this section

How do I add images to content in Checkfront?

Prerequisites: 

  • Email Notifications and Waivers are available to both those using items (Inventory > Items), a key feature of our classic version of Checkfront, and those using products (Inventory > Products), a key feature of our newest verion of Checkfront.

 

Products

New to Checkfront - Products ✨

Products (Inventory > Products) is the successor feature to (Inventory > Items) and is available in our newest version of Checkfront.

Not yet on our newest version and interested in upgrading? Please contact our Technical Support team for more information.

Discover more product-related help articles here: Products (New).

 

Overview (Video)

 

 

Adding Images

To add images to content such as Email Notifications and Waivers, you need to host the image elsewhere online and add an <img> 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). 

 

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 select to edit the source code (< >) from the HTML tab.
  4. Here you can paste an image tag into your code, which points to where the image is hosted, for example:

    <img src="https://www.checkfront.com/wp-content/themes/checkfront/resources/assets/images/checkfront-logo-color.svg" alt="Checkfront" style="height: 100px; width:100px;">

  5. Then, simply scroll down and Save your changes.
  6. You can view a Live Preview of the notification via the left-hand menu option.

 

Note

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

 

Learn More

For more information on Notifications, please see our series of articles starting with:

 

Waivers

  1. Go to Bookings 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 in your code, which points to where the image is hosted.

    <img src="https://www.checkfront.com/wp-content/themes/checkfront/resources/assets/images/checkfront-logo-color.svg" alt="Checkfront" style="height: 100px; width:100px;" >

  5. Don't forget to Save your changes and then click Preview to check them out!

 

Note

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

 

Book.png

For more information on Waivers, please see our series of articles starting with:

 

 

 

Related articles