Skip to main content
All CollectionsFAQTips and Tricks
Add an Image to your Checkout Message
Add an Image to your Checkout Message

This article shows you how to take your checkout message to the next level by adding an image.

David Rose avatar
Written by David Rose
Updated over 2 months ago

To add an image to your checkout message you will need to:

Getting the URL for the image you want to add to your checkout message.

  1. Navigvate to Layout > Pages in your Run Free Project admin area.

  2. Add New Page in the upper right hand corner.

  3. Add a Basic Text section to your page.

  4. Select the Image icon in the Basic Text page section.

  5. Select the Upload tab, browse and select your image by clicking Choose File, then click Send it to the Server.

  6. This will kick you back to the Image Properties tab where you can copy the URL for the image you just uploaded.

  7. Copy the Image URL and do not worry about saving the new page you started. You will use the URL in the next section to add the image to your checkout message.

Use an HTML image element to add the image to your Checkout Message 

<img
  src="URL COPIED FROM PREVIOUS STEP"
  alt="CAPTION FOR THE IMAGE IF IT DOESN'T LOAD" />

  1. Take the image URL copied from the previous section and add it to the HTML image element above.

  2. Add an alt text to the HTML image element as well to provide a description of the image if it doesn't load.

  3. Navigate to Store Settings in the Admin area of Run Free Project.

  4. In the Checkout Message section add your HTML Image element.

  5. Hit Save Settings in the upper right.

Did this answer your question?