WooCommerce Canva ConnectorWooCommerce Canva Connector
Buy Now
View Demo
  • Getting Started

    • Canva Connect
    • Features
    • Installation
  • Configuration & Setup

    • Canva Developer Portal
    • Canva Connect Settings
    • Redirect URIs & HTTPS
    • Build the Canva App
    • Design with Canva
    • Using the Canva App
    • Save to Store
    • How to Guide
    • How to — Part 1
    • How to — Part 2
    • How to — Part 3
  • Reference & Support

    • How It Works
    • Troubleshooting
    • FAQ
Buy Now
View Demo
  • Getting Started

    • Canva Connect
    • Features
    • Installation
  • Configuration & Setup

    • Canva Developer Portal
    • Canva Connect Settings
    • Redirect URIs & HTTPS
    • Build the Canva App
    • Design with Canva
    • Using the Canva App
    • Save to Store
    • How to Guide
    • How to — Part 1
    • How to — Part 2
    • How to — Part 3
  • Reference & Support

    • How It Works
    • Troubleshooting
    • FAQ
  • Getting Started

    • Introduction
    • Features
    • Installation
  • Configuration & Setup

    • Canva Developer Portal Setup
    • Configuration: Canva Connect Settings
    • Configuration: Redirect URIs & HTTPS
    • Build the Canva App
    • Design with Canva
    • Using the Canva App
    • Save to Store
    • How to Guide

      • Overview of the Setup Flow
      • Installation & Basic Setup
      • Canva Developer Portal & Configuration
      • Using Canva with WooCommerce
  • Reference & Support

    • How It Works
    • Troubleshooting
    • FAQ

Overview of the Setup Flow

Seamless Design Integration

When you connect WooCommerce with Canva, you aren't just creating product images; you are empowering your store with real-time catalog syncing, professional design workflows, and seamless one-click image publishing. One integrated setup gives your store stunning, high-converting product imagery instantly.

Step-by-Step Flow

  1. Backend Setup: Ensure your WooCommerce store is running with HTTPS, an active license, and pretty permalinks (/%postname%/).
  2. Installation & Basic Setup: Download the plugin package, upload it to WordPress, activate it, and license your installation.
  3. Canva Developer Portal & Configuration: Create your Canva Developer App, generate OAuth 2.0 credentials (Client ID & Secret), upload the JavaScript bundle, configure WooCommerce settings, manage CORS headers, and configure permalinks.
  4. Using Canva with WooCommerce: Launch Canva from WooCommerce product edit screens or products list, access catalog & variations in the Webkul App sidebar, design visuals, and save directly to Featured Image or Variations.

Workflow Guides

Select a section below to start the step-by-step setup:

  • 📦 Installation & Basic Setup →
  • ⚙️ Canva Developer Portal & Configuration →
  • 🎨 Using Canva with WooCommerce →
Next
Installation & Basic Setup