---
title: "Overview of the Setup Flow"
source: https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/how-to-guide.html
---

# Overview of the Setup Flow

::: tip 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 →](https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/how-to-part-1.html)
- ⚙️ [Canva Developer Portal & Configuration →](https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/how-to-part-2.html)
- 🎨 [Using Canva with WooCommerce →](https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/how-to-part-3.html)