---
title: "Designing product and package images"
slug: "designing-package-images"
updated: 2024-12-05T01:18:17Z
published: 2024-12-05T01:18:17Z
canonical: "support.bookingtimes.com/designing-package-images"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.bookingtimes.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Designing product and package images

Product images are used on the products page to show items that are being sold. Package images are a type of product image which is used for service vouchers (i.e. 10 x 1 Hour Driving Lesson package), instead of physical products (i.e. a book).

![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28616%29.png)

## **Design package template**

Each website needs a package image template. You can then use the template to add text to describe each product that you need. The image template should be at least 150px x 150px.

![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28617%29.png)

The package image should include:

- Styling which matches the design of the website
- An image, design, icons or logos which suits
- Room to add text to the image

> [!NOTE]
> How to create package template images
> 
> There are a number of free online available tools, if you don’t have any image creation/editing software. For example, [www.canva.com](/docs/www.canva.com) allows you to easily create templates, upload images, overlay text and then download the image files.

---

## **Upload package template**

### **Steps**

1. Navigate to **Setup** > **Website Content** > **General Layout**
2. Scroll down to ***Product background Template***
3. Click **Set Image** and upload your product background without text

---

### **Examples**

You can view the products page on the following BookingTimes templates to see examples of package images:

[https://driveschooltemplate9.bookingtimes.com/Packages](https://driveschooltemplate9.bookingtimes.com/Packages) [https://largedrivingschool.bookingtimes.com/Packages](https://largedrivingschool.bookingtimes.com/Packages) [https://driveschooltemplate4.bookingtimes.com/Packages](https://driveschooltemplate4.bookingtimes.com/Packages) [https://lawnmowingtemplate1.bookingtimes.com/Products](https://lawnmowingtemplate1.bookingtimes.com/Products) [https://gymtemplate1.bookingtimes.com/Shop](https://gymtemplate1.bookingtimes.com/Shop)

More examples can be viewed on the product pages on our website templates: [https://bookingtimes.com/website-templates](https://bookingtimes.com/website-templates)