Canva Connect: editor de imágenes integrado (1 clic)

Presentacion

Canva Connect: editor de imágenes integrado (1 clic) es un modulo PrestaShop que integra el editor grafico Canva directamente en tu back office. Edita, retoca y personaliza tus imagenes de productos con las herramientas profesionales de Canva sin salir de PrestaShop, y sincroniza automaticamente los cambios con tu tienda.

Sin este modulo, editar una imagen de producto implica un proceso tedioso: descargar la imagen, abrirla en un software externo, editarla, exportarla en el formato correcto, volver a subirla manualmente y comprobar que las miniaturas se han regenerado. Canva Connect: editor de imágenes integrado (1 clic) elimina todos estos pasos ofreciendo un flujo de trabajo fluido y totalmente integrado.

Ventajas principales:

• Edicion en un clic desde cualquier imagen de producto
• Herramientas profesionales de Canva: filtros, texto, elementos, plantillas, IA generativa
• Sincronizacion automatica de los cambios con PrestaShop
• Compatible con multitienda (multi-shop)
• Seguro mediante OAuth 2.0 con PKCE
• Sin impacto en el rendimiento del front-office

Funcionalidades

Edicion de imagenes integrada

Desde la ficha de producto en tu back office, pasa el cursor sobre una imagen y haz clic en el icono de lapiz. El modulo crea automaticamente un diseno en Canva con tu imagen y abre el editor en una nueva pestana. Accedes inmediatamente a todas las herramientas de Canva: elementos graficos, texto, efectos, filtros, retoque con IA y eliminacion de fondo.

Sincronizacion automatica

Despues de editar tu imagen en Canva, vuelve a la pestana de PrestaShop. Aparece automaticamente un modal de sincronizacion. Haz clic en "Sync Now" para iniciar el proceso: el modulo descarga la imagen desde Canva, la aplica al producto y regenera todas las miniaturas de PrestaShop. Tambien puedes elegir sincronizar mas tarde.

Casos de uso practicos

• Badges promocionales: Anade "Oferta -20%", "Nuevo", "Best-seller" directamente en tus imagenes
• Retoque fotografico: Ajusta brillo, contraste y colores en pocos clics
• Branding coherente: Aplica tus colores, logo e identidad de marca en todos tus productos
• Texto sobre imagen: Anade descripciones, precios o llamadas a la accion
• Eliminacion de fondo: Recorta tus productos de forma limpia (Canva Pro)
• IA generativa: Mejora tus imagenes con las herramientas de IA de Canva

Exportacion multiformato

Elige el formato de exportacion que mejor se adapte a tus necesidades: JPG para un buen equilibrio entre peso y calidad, PNG para transparencia, o WebP para un formato moderno y ligero. La calidad de compresion JPG es configurable del 1% al 100%, con un valor recomendado del 85%.

Instalacion

1. Descarga el archivo ZIP del modulo desde tu cuenta de PrestaShop Addons o WePresta
2. En tu back office de PrestaShop, ve a Modulos > Gestor de modulos
3. Haz clic en Instalar un modulo y selecciona el archivo ZIP
4. Haz clic en Configurar para acceder a los ajustes del modulo

Antes de usar el modulo, deberas crear una aplicacion en el Canva Developer Portal y configurar tus credenciales.

Configuracion

Configuracion del Canva Developer Portal

Para conectar el modulo a Canva, necesitas crear una integracion en el portal de desarrolladores:

1. Ve a canva.com/developers e inicia sesion
2. Activa la autenticacion MFA en tu cuenta de Canva (obligatorio)
3. Crea una nueva "Public Integration"
4. Configura los scopes necesarios: asset (read/write), design:content (read/write), design:meta (read), profile (read)
5. Anade la URL de redireccion: https://tu-tienda.com/module/wepresta_canva_connect/oauth
6. Anota tu Client ID y genera un Client Secret (se muestra solo una vez)

Ajustes del modulo

En la seccion "Global Configuration", introduce tu Client ID y Client Secret de Canva. El secret se cifra despues de guardar. En la seccion "Export Preferences", elige el formato de exportacion por defecto (JPG, PNG o WebP) y la calidad de compresion JPG.

Conexion de tu cuenta Canva

Una vez configuradas las credenciales, haz clic en "Connect with Canva" en la seccion "Your Personal Canva Account". Autoriza la aplicacion en la ventana de Canva que se abre. Tu conexion queda activa con renovacion automatica del token.

Requisitos

• PrestaShop 8.0 o superior (compatible con 9.x)
• PHP 8.1 o superior
• Extension PHP curl activada
• Conexion HTTPS obligatoria (requerida por OAuth)
• Cuenta de Canva (gratuita o Pro)

FAQ

¿Necesito una cuenta Canva Pro?

No, una cuenta gratuita de Canva es suficiente para las funcionalidades basicas como anadir texto, elementos y filtros. Canva Pro ofrece ventajas adicionales: elementos premium, eliminacion de fondo, redimensionamiento magico y kit de marca.

¿Se conserva la imagen original?

La imagen original se reemplaza por la version editada en PrestaShop. Sin embargo, Canva conserva el historial de tus disenos, lo que te permite volver a una version anterior en cualquier momento.

¿Puedo editar varias imagenes a la vez?

El modulo gestiona actualmente una imagen a la vez. Edita y sincroniza cada imagen de forma secuencial para obtener resultados optimos.

¿Funciona el modulo con las combinaciones de producto?

Si, puedes editar las imagenes especificas de las combinaciones de la misma forma que las imagenes principales del producto.

¿El modulo ralentiza mi sitio?

No, el modulo no tiene ningun impacto en el rendimiento del front-office. El JavaScript solo se carga en el back office y las llamadas a la API de Canva se realizan unicamente durante la edicion.

Mi conexion con Canva ha fallado, ¿que debo hacer?

Verifica que tu Client ID y Client Secret son correctos, que la URL de redireccion es exacta y usa HTTPS, que todos los scopes necesarios estan marcados en el Developer Portal, y que el MFA esta activado en tu cuenta de Canva.

Soporte

Contáctanos a través de tu área de cliente WePresta o por correo electrónico para cualquier pregunta o asistencia técnica.

Changelog

Version 1.0.0

• Version inicial
• Integracion del editor Canva via OAuth 2.0 con PKCE
• Edicion de imagenes de productos en un clic
• Sincronizacion automatica de modificaciones
• Exportacion configurable en JPG, PNG y WebP
• Compatibilidad multitienda
• Compatibilidad con PrestaShop 8.x y 9.x