Canva Connect : éditeur d’images intégré (1 clic)

Presentation

Canva Connect : éditeur d’images intégré (1 clic) est un module PrestaShop qui integre l'editeur graphique Canva directement dans votre back-office. Editez, retouchez et personnalisez vos images produits avec les outils professionnels de Canva sans jamais quitter PrestaShop, puis synchronisez automatiquement les modifications vers votre boutique.

Sans ce module, editer une image produit implique un processus fastidieux : telecharger l'image, l'ouvrir dans un logiciel externe, l'editer, l'exporter au bon format, la re-uploader manuellement, puis verifier que les miniatures sont regenerees. Canva Connect : éditeur d’images intégré (1 clic) elimine toutes ces etapes en proposant un workflow fluide et entierement integre.

Points forts :

• Edition en un clic depuis chaque image produit
• Outils professionnels Canva : filtres, texte, elements, templates, IA generative
• Synchronisation automatique des modifications vers PrestaShop
• Compatible multi-boutique (multi-shop)
• Securise via OAuth 2.0 avec PKCE
• Aucun impact sur les performances front-office

Fonctionnalites

Edition d'images integree

Depuis la fiche produit dans votre back-office, survolez une image et cliquez sur l'icone crayon. Le module cree automatiquement un design Canva avec votre image et ouvre l'editeur dans un nouvel onglet. Vous accedez immediatement a tous les outils Canva : elements graphiques, texte, effets, filtres, retouche IA et suppression de fond.

Synchronisation automatique

Apres avoir edite votre image dans Canva, revenez sur l'onglet PrestaShop. Une modal de synchronisation apparait automatiquement. Cliquez sur "Sync Now" pour lancer le processus : le module telecharge l'image depuis Canva, l'applique au produit et regenere toutes les miniatures PrestaShop. Vous pouvez egalement choisir de synchroniser plus tard.

Cas d'usage concrets

• Badges promotionnels : Ajoutez "Promo -20%", "Nouveau", "Best-seller" directement sur vos visuels
• Retouche photo : Ajustez luminosite, contraste et couleurs en quelques clics
• Branding coherent : Appliquez vos couleurs, logo et charte graphique sur tous vos produits
• Texte sur image : Integrez descriptions, prix ou appels a l'action
• Suppression de fond : Detourez vos produits proprement (Canva Pro)
• IA generative : Ameliorez vos images avec les outils IA de Canva

Export multi-format

Choisissez le format d'export adapte a vos besoins : JPG pour un bon compromis poids/qualite, PNG pour la transparence, ou WebP pour un format moderne et leger. La qualite de compression JPG est configurable de 1% a 100%, avec une valeur recommandee de 85%.

Installation

1. Telechargez le fichier ZIP du module depuis votre compte PrestaShop Addons ou WePresta
2. Dans votre back-office PrestaShop, allez dans Modules > Gestionnaire de modules
3. Cliquez sur Installer un module et selectionnez le fichier ZIP
4. Cliquez sur Configurer pour acceder aux parametres du module

Avant d'utiliser le module, vous devrez creer une application dans le Canva Developer Portal et configurer vos identifiants.

Configuration

Configuration Canva Developer Portal

Pour connecter le module a Canva, vous devez creer une integration dans le portail developpeur :

1. Rendez-vous sur canva.com/developers et connectez-vous
2. Activez l'authentification MFA sur votre compte Canva (obligatoire)
3. Creez une nouvelle "Public Integration"
4. Configurez les scopes requis : asset (read/write), design:content (read/write), design:meta (read), profile (read)
5. Ajoutez l'URL de redirection : https://votre-boutique.com/module/wepresta_canva_connect/oauth
6. Notez votre Client ID et generez un Client Secret (affiche une seule fois)

Parametres du module

Dans la section "Global Configuration", renseignez votre Client ID et Client Secret Canva. Le secret est chiffre apres sauvegarde. Dans la section "Export Preferences", choisissez le format d'export par defaut (JPG, PNG ou WebP) et la qualite de compression JPG.

Connexion de votre compte Canva

Une fois les identifiants configures, cliquez sur "Connect with Canva" dans la section "Your Personal Canva Account". Autorisez l'application dans la fenetre Canva qui s'ouvre. Votre connexion est ensuite active avec renouvellement automatique du token.

Prerequis

• PrestaShop 8.0 ou superieur (compatible 9.x)
• PHP 8.1 ou superieur
• Extension PHP curl activee
• Connexion HTTPS obligatoire (requis par OAuth)
• Compte Canva gratuit ou Pro

FAQ

Ai-je besoin d'un compte Canva Pro ?

Non, un compte Canva gratuit suffit pour les fonctionnalites de base comme l'ajout de texte, elements et filtres. Canva Pro offre des avantages supplementaires : elements premium, suppression de fond, redimensionnement magique et kit de marque.

L'image originale est-elle conservee ?

L'image originale est remplacee par la version editee dans PrestaShop. Cependant, Canva conserve l'historique de vos designs, vous permettant de revenir a une version precedente a tout moment.

Puis-je editer plusieurs images en meme temps ?

Le module gere actuellement une image a la fois. Editez et synchronisez chaque image sequentiellement pour un resultat optimal.

Le module fonctionne-t-il avec les declinaisons ?

Oui, vous pouvez editer les images specifiques aux declinaisons de la meme maniere que les images principales du produit.

Le module ralentit-il mon site ?

Non, le module n'a aucun impact sur les performances front-office. Le JavaScript est charge uniquement en back-office et les appels API Canva ne sont effectues que lors de l'edition.

Ma connexion Canva a echoue, que faire ?

Verifiez que votre Client ID et Client Secret sont corrects, que l'URL de redirection est exacte et en HTTPS, que tous les scopes requis sont coches dans le Developer Portal, et que le MFA est active sur votre compte Canva.

Support

Contactez-nous via votre espace client WePresta ou par email pour toute question ou assistance technique.

Changelog

Version 1.0.0

• Version initiale
• Integration editeur Canva via OAuth 2.0 avec PKCE
• Edition d'images produits en un clic
• Synchronisation automatique des modifications
• Export JPG, PNG et WebP configurable
• Compatibilite multi-boutique
• Compatibilite PrestaShop 8.x et 9.x