> For the complete documentation index, see [llms.txt](https://docs.cloudimage.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudimage.io/implementation/cms-plugins/prestashop/prestashop-tutorial.md).

# Prestashop tutorial

This simple and fast implementation in Prestashop leverages JPEG optimisation, WebP compression and CDN delivery of your images. [Contact us](https://www.cloudimage.io/en/contact-us) if you want to use Cloudimage at its full extend and also resize, watermark, transform and leverage responsive images on your Prestashop store.

Please note that to use your Cloudimage account with Prestashop, you need to use the [Origin URL prefix](/setup/shortening-urls/origin-url-prefix.md) function. This means that you will be able to use your Cloudimage token for delivering images *only* from your Prestashop site.

## Installation

### Prerequisites <a href="#od_d63bc98a" id="od_d63bc98a"></a>

To use the plugin, you need to have a Cloudimage account. You can create one on the [Cloudimage registration page](https://www.cloudimage.io/registration).<br>

<figure><img src="/files/1KSB2Dy2EHaaaX7vq2jZ" alt=""><figcaption></figcaption></figure>

### Step 2. Configure the Cloudimage for use with Prestashop <a href="#od_1043eb9e" id="od_1043eb9e"></a>

There are two basic configuration steps:

1. First, you need to contact us at <hello@cloudimage.io> and let us know that you would like to use your Cloudimage token with Prestashop. We will lock your account to the v7 API of Cloudimage. *Note: This step is required only for tokens created before November 1, 2021.*
2. Then, you need to set up the Origin URL prefix in your Cloudimage admin to your Prestashop domain. By doing this, your token will fetch images only from your Prestashop site.

### Step 3. Log in to your Prestashop website admin <a href="#od_21630f39" id="od_21630f39"></a>

### Step 4. On the Admin sidebar, go to Advanced Parameters > Performance. <a href="#od_410d6e5f" id="od_410d6e5f"></a>

<figure><img src="/files/ht7zbbbKJNvEJCypQ9YO" alt=""><figcaption></figcaption></figure>

Add in Media Server #1, the Cloudimage domain and click to Save.

### Step 5. Clear the cache. <a href="#od_e1703e21" id="od_e1703e21"></a>

<figure><img src="/files/UqQ3tlQg2USmzObYcHbv" alt=""><figcaption></figcaption></figure>

### Verify your HTML page source <a href="#od_8a44de35" id="od_8a44de35"></a>

Please ensure that you are properly delivering static content via the CDN.

### You can modify your template to resize your images with us <a href="#od_18c083ac" id="od_18c083ac"></a>

This simple and fast implementation in Prestashop leverages JPEG optimisation, WebP compression and CDN delivery of your images. Contact us if you want to use Cloudimage at its full extent and also resize, watermark, transform and leverage responsive images on your Prestashop store.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.cloudimage.io/implementation/cms-plugins/prestashop/prestashop-tutorial.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.