Canva Connect: built-in image editor (1-click)

Overview

Canva Connect: built-in image editor (1-click) is a PrestaShop module that integrates the Canva graphic editor directly into your back office. Edit, retouch and customize your product images with Canva's professional tools without ever leaving PrestaShop, then automatically sync the changes back to your store.

Without this module, editing a product image involves a tedious process: downloading the image, opening it in external software, editing it, exporting in the right format, re-uploading it manually, then checking that thumbnails are regenerated. Canva Connect: built-in image editor (1-click) eliminates all these steps by offering a seamless, fully integrated workflow.

Key benefits:

• One-click editing from any product image
• Professional Canva tools: filters, text, elements, templates, generative AI
• Automatic synchronization of changes to PrestaShop
• Multi-shop compatible
• Secured via OAuth 2.0 with PKCE
• Zero impact on front-office performance

Features

Integrated image editing

From the product page in your back office, hover over an image and click the pencil icon. The module automatically creates a Canva design with your image and opens the editor in a new tab. You get immediate access to all Canva tools: graphic elements, text, effects, filters, AI retouching and background removal.

Automatic synchronization

After editing your image in Canva, switch back to the PrestaShop tab. A sync modal appears automatically. Click "Sync Now" to start the process: the module downloads the image from Canva, applies it to the product and regenerates all PrestaShop thumbnails. You can also choose to sync later.

Practical use cases

• Promotional badges: Add "Sale -20%", "New", "Best-seller" directly on your visuals
• Photo retouching: Adjust brightness, contrast and colors in a few clicks
• Consistent branding: Apply your colors, logo and brand guidelines across all products
• Text on image: Add descriptions, prices or calls to action
• Background removal: Cleanly cut out your products (Canva Pro)
• Generative AI: Enhance your images with Canva's AI tools

Multi-format export

Choose the export format that suits your needs: JPG for a good balance between file size and quality, PNG for transparency, or WebP for a modern and lightweight format. JPG compression quality is configurable from 1% to 100%, with a recommended value of 85%.

Installation

1. Download the module ZIP file from your PrestaShop Addons or WePresta account
2. In your PrestaShop back office, go to Modules > Module Manager
3. Click Upload a module and select the ZIP file
4. Click Configure to access the module settings

Before using the module, you will need to create an application in the Canva Developer Portal and configure your credentials.

Configuration

Canva Developer Portal setup

To connect the module to Canva, you need to create an integration in the developer portal:

1. Go to canva.com/developers and sign in
2. Enable MFA authentication on your Canva account (required)
3. Create a new "Public Integration"
4. Configure the required scopes: asset (read/write), design:content (read/write), design:meta (read), profile (read)
5. Add the redirect URL: https://your-store.com/module/wepresta_canva_connect/oauth
6. Note your Client ID and generate a Client Secret (displayed only once)

Module settings

In the "Global Configuration" section, enter your Canva Client ID and Client Secret. The secret is encrypted after saving. In the "Export Preferences" section, choose the default export format (JPG, PNG or WebP) and the JPG compression quality.

Connecting your Canva account

Once the credentials are configured, click "Connect with Canva" in the "Your Personal Canva Account" section. Authorize the application in the Canva window that opens. Your connection is then active with automatic token renewal.

Requirements

• PrestaShop 8.0 or higher (compatible with 9.x)
• PHP 8.1 or higher
• PHP curl extension enabled
• HTTPS connection required (needed for OAuth)
• Canva account (free or Pro)

FAQ

Do I need a Canva Pro account?

No, a free Canva account is sufficient for basic features such as adding text, elements and filters. Canva Pro offers additional benefits: premium elements, background removal, magic resize and brand kit.

Is the original image preserved?

The original image is replaced by the edited version in PrestaShop. However, Canva keeps the history of your designs, allowing you to revert to a previous version at any time.

Can I edit multiple images at once?

The module currently handles one image at a time. Edit and sync each image sequentially for optimal results.

Does the module work with product combinations?

Yes, you can edit combination-specific images in the same way as the main product images.

Does the module slow down my site?

No, the module has zero impact on front-office performance. JavaScript is loaded only in the back office and Canva API calls are made only during editing.

My Canva Connect: built-in image editor (1-click)ion failed, what should I do?

Check that your Client ID and Client Secret are correct, that the redirect URL is exact and uses HTTPS, that all required scopes are checked in the Developer Portal, and that MFA is enabled on your Canva account.

Support

Contact us through your WePresta customer area or by email for any questions or technical assistance.

Changelog

Version 1.0.0

• Initial release
• Canva editor integration via OAuth 2.0 with PKCE
• One-click product image editing
• Automatic sync of modifications
• Configurable JPG, PNG and WebP export
• Multi-shop compatibility
• PrestaShop 8.x and 9.x compatibility