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

# Connect your app to PrestaShop

> Connect your app to PrestaShop, an open-source ecommerce platform, to read and manage store catalog, order, customer, and inventory data.

export const connector_0 = "PrestaShop"

[PrestaShop](https://www.prestashop.com/) is an open-source ecommerce platform for managing online stores, products, orders, customers, stock, and pricing. The PrestaShop connector lets your Lovable app call PrestaShop Webservice through a workspace-level connection. It's designed for store operations tools, ecommerce dashboards, custom storefronts, and workflows that need access to PrestaShop store data.

With PrestaShop, your app can:

* Read products, categories, stock levels, and pricing from your store
* Build dashboards for orders, customers, and catalog operations
* Manage PrestaShop Webservice resources your API key can access
* Keep custom storefronts and internal tools connected to ecommerce data
* Use PrestaShop filters, sorting, and field selection for store views

The PrestaShop connector is a good fit when your team runs a PrestaShop store and wants a custom Lovable app for catalog management, reporting, inventory checks, customer support, or store operations.

## Common use cases and example apps

| Example app                  | Example prompt                                                                                                              | Description                                                                                                                                                                                   |
| :--------------------------- | :-------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Store operations dashboard   | *Use PrestaShop and build a dashboard that shows recent orders, revenue, top products, and fulfillment status.*             | **Give operators one place to monitor store activity.**<br />The app reads orders, products, and customer data from PrestaShop so teams can review store performance without switching tools. |
| Product catalog manager      | *Use PrestaShop and build an internal catalog manager for searching products, editing prices, and reviewing categories.*    | **Manage catalog details from a custom interface.**<br />The app lists products and categories from PrestaShop and updates records when the connected Webservice key has write permissions.   |
| Inventory monitor            | *Use PrestaShop and build an inventory monitor that highlights low-stock products and recently changed stock levels.*       | **Track stock issues before they affect orders.**<br />The app reads stock availability and product data from PrestaShop and surfaces items that need attention.                              |
| Customer service portal      | *Use PrestaShop and build a support portal where agents can search customers, view recent orders, and check order details.* | **Give support teams store context while helping customers.**<br />The app searches customers and orders from PrestaShop so agents can answer questions faster.                               |
| Custom storefront            | *Use PrestaShop and build a storefront that displays products, categories, prices, and stock from my existing store.*       | **Render a storefront from live PrestaShop catalog data.**<br />The app fetches product and category records from PrestaShop and presents them in a customer-facing shopping experience.      |
| Fulfillment workflow tracker | *Use PrestaShop and build a fulfillment tracker that groups new orders by status and shows products that need packing.*     | **Turn order data into an operational workflow.**<br />The app reads PrestaShop orders and line items so fulfillment teams can prioritize what to process next.                               |

## How to connect PrestaShop

Workspace **admins** and **owners** can connect PrestaShop.

You can create multiple PrestaShop connections using different store URLs and Webservice API keys, which is useful for separating environments (for example, staging and production) or connecting multiple stores.

When the connection is created, PrestaShop becomes available across all projects in the workspace. Anyone building in a project can ask Lovable in chat to link their project to it.

### Prerequisites

Before connecting PrestaShop, make sure you have:

* A PrestaShop store with Webservice enabled
* Your store's public HTTPS URL, including any subdirectory if the store is not hosted at the domain root
* A PrestaShop Webservice API key with permissions for the resources your app needs
* Lovable workspace owner or admin role

<Note>
  All API requests made through this connector use your PrestaShop store and Webservice API key. Store hosting, API access, quotas, and billing are handled by your PrestaShop setup, not Lovable.
</Note>

### Step 1: Get a PrestaShop Webservice API key

A PrestaShop Webservice API key lets your Lovable app authenticate with PrestaShop Webservice. API calls use the permissions assigned to that key.

To create a PrestaShop Webservice API key:

<Steps>
  <Step title="Open your PrestaShop back office">
    Sign in to the PrestaShop back office for the store you want to connect.
  </Step>

  <Step title="Enable Webservice access">
    Open the Webservice settings and enable PrestaShop Webservice if it is not already enabled.

    Note your public store URL. For example, use `https://shop.example.com` for a store at the domain root or `https://shop.example.com/prestashop` for a store hosted in a subdirectory.
  </Step>

  <Step title="Create a Webservice key">
    Add a new Webservice key for Lovable. Use a descriptive name or description, for example `Lovable integration`.
  </Step>

  <Step title="Choose resource permissions">
    Grant the resources and methods your app needs. Common resources include products, categories, orders, customers, and stock availability. For write workflows, include the matching create or update permissions in PrestaShop.
  </Step>

  <Step title="Copy the key">
    Copy the Webservice API key and store it securely.
  </Step>
</Steps>

<Warning>
  Your Webservice API key functions like a password. Keep it secure and never share it publicly. You need it in the next step.
</Warning>

See PrestaShop documentation for more: [PrestaShop Webservice getting started](https://devdocs.prestashop-project.org/9/webservice/getting-started/).

### Step 2: Connect PrestaShop to Lovable

You can create multiple connections using different store URLs and Webservice API keys.

<Steps>
  <Step title="Open PrestaShop in Connectors">
    Go to **Connectors → App connectors** and select **PrestaShop**.
  </Step>

  <Step title="Add a connection">
    Click **Add connection**.
  </Step>

  <Step title="Configure the connection">
    * **Display name**: name the connection, for example `PrestaShop Prod`.
    * **Store URL**: enter your PrestaShop store URL. Include any subdirectory before `/api` if your store is not hosted at the domain root. Do not include query parameters.
    * **Webservice API key**: paste your PrestaShop Webservice API key.
  </Step>

  <Step title="Choose who can access this connection">
    Under **Who can access this connection**, decide who in your workspace can use the connection:

    * **Only you** (default): only the person creating the connection can use it and its associated data.
    * **Invite specific people**: only you and explicitly added workspace members can use the connection and its associated data.
    * **Invite entire workspace**: click **Invite entire workspace** to make the connection available to everyone in your Lovable workspace.

    See [Connection-level access](/integrations/introduction#connection-level-access) for more information.
  </Step>

  <Step title="Connect">
    Click **Connect**.
  </Step>
</Steps>

When connected, anyone building in a project can ask Lovable in chat to link their project to PrestaShop (based on configured connection-level access). Your Lovable apps can then read and manage catalog, order, customer, and inventory data through PrestaShop.

## Working with PrestaShop Webservice data

The connector sends API calls through Lovable's connector gateway. Do not put your Webservice API key in frontend code, URLs, or custom headers.

Common PrestaShop Webservice paths include `/products`, `/categories`, `/orders`, `/customers`, and `/stock_availables`.

For read-heavy pages, ask Lovable to use PrestaShop Webservice query parameters such as `display`, `filter[...]`, `sort`, and `limit` to request only the data your app needs.

For creates and updates, PrestaShop Webservice often expects XML payloads. Ask Lovable to keep these requests server-side and match the payload format required by the specific PrestaShop endpoint.

## Limitations

The PrestaShop connector cannot:

* Create, host, or configure your PrestaShop store
* Enable Webservice access or assign Webservice permissions in PrestaShop for you
* Bypass the permissions assigned to the connected Webservice API key
* Bypass limits, modules, or hosting constraints in your PrestaShop setup
* Rotate Webservice API keys automatically. To rotate a key, create or update the key in PrestaShop and update the Lovable connection
* Support per-end-user PrestaShop login. Each connection represents a single PrestaShop Webservice API key shared across all projects linked to it.
* Guarantee that every create or update endpoint accepts JSON. Some PrestaShop Webservice writes require XML payloads.

## How to unlink projects from a {connector_0} connection

Editors and above can remove specific projects from a connection without deleting the connection entirely. The connection will remain available for other projects.

To unlink projects:

<Steps>
  <Step title="Open Connectors">
    Open **Connectors**, then go to **App connectors**, and select **{connector_0}**.
  </Step>

  <Step title="Open the connection">
    Open the connection you want to manage.
  </Step>

  <Step title="Select projects">
    Under **Linked projects**, check the projects you want to unlink.
  </Step>

  <Step title="Confirm">
    Click **Unlink projects** and confirm.
  </Step>
</Steps>

When unlinked, those projects will no longer have access to {connector_0} through this connection. If a project needs {connector_0} again, you can link it to any available connection.

## How to delete a {connector_0} connection

Workspace admins and owners can delete {connector_0} connections. Other members can delete a connection if they created it, or if they have been explicitly granted access to it.

<Warning>
  Deleting a connection is permanent and cannot be undone. It will remove the credentials from all linked projects, and any apps using this connection will stop working until a new connection is added.
</Warning>

Before deleting, review the **Linked projects** section to see which projects are currently using the connection.

To delete a connection:

<Steps>
  <Step title="Open Connectors">
    Open **Connectors**, then go to **App connectors**, and select **{connector_0}**.
  </Step>

  <Step title="Open the connection">
    Open the connection you want to remove.
  </Step>

  <Step title="Review linked projects">
    Review the **Linked projects** section.
  </Step>

  <Step title="Delete">
    Under **Delete this connection**, click **Delete** and confirm.
  </Step>
</Steps>