---
title: WooCommerce Canva Connector
source: https://wpdoc.webkul.com/woocommerce-canva-connector/
---

<div class="canva-landing-page">
<!-- HERO SECTION -->
<section class="canva-hero-section">
<div class="canva-container canva-hero-grid">
<div class="canva-hero-content">
<div class="canva-badge-pill">
WORDPRESS - WOOCOMMERCE CANVA CONNECTOR
</div>
<h1 class="canva-hero-title">
WooCommerce <span class="canva-brand-text">Canva</span> Connector
</h1>
<p class="canva-hero-desc">
Design, edit and publish WooCommerce product images in Canva, without ever leaving the WordPress admin. From installation to OAuth, the app sidebar, and saving straight back to your store.
</p>
<div class="canva-hero-actions">
<a href="https://store.webkul.com/woocommerce-canva-connector.html" target="_blank" rel="noopener noreferrer" class="btn-primary">
Buy Now
</a>
<a href="https://wp-canva-connect.wcdemo.webkul.com/" target="_blank" rel="noopener noreferrer" class="btn-secondary">
View Demo
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/" class="btn-secondary">
Get Started
</a>
</div>
<div class="canva-hero-pills">
<div class="pill-item">
<span class="pill-icon pill-code">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
</span>
<span class="pill-text">No coding required</span>
</div>
<div class="pill-item">
<span class="pill-icon pill-sync">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2"/></svg>
</span>
<span class="pill-text">Seamless integration</span>
</div>
<div class="pill-item">
<span class="pill-icon pill-store">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
</span>
<span class="pill-text">Save directly to your store</span>
</div>
</div>
</div>
<div class="canva-hero-visual">
<img src="https://wpdoc.webkul.com/woocommerce-canva-connector/images/canva-connect/hero-illustration.png" alt="WooCommerce Canva Connector Hero illustration" class="hero-illustration-img" />
</div>
</div>
</section>

<!-- STATS / TRUST BADGES (Matching wpdoc.webkul.com) -->
<section class="stats">
  <a class="stat stat-card" href="https://codecanyon.net/user/webkul" target="_blank" rel="noopener">
    <img class="badge-img" src="https://wpdoc.webkul.com/woocommerce-canva-connector/images/stats/woocommerce-featured-author.webp" alt="CodeCanyon Featured Author" />
    <span class="badge-label">CodeCanyon<br><strong>Featured Author</strong></span>
  </a>
  <a class="stat stat-card" href="https://codecanyon.net/user/webkul" target="_blank" rel="noopener">
    <img class="badge-img" src="https://wpdoc.webkul.com/woocommerce-canva-connector/images/stats/author-level-10.webp" alt="CodeCanyon Author Level 10" />
    <span class="badge-label">CodeCanyon<br><strong>Author Level 10</strong></span>
  </a>
  <div class="stat stat-card">
    <img class="badge-img" src="https://wpdoc.webkul.com/woocommerce-canva-connector/images/stats/github.webp" alt="WooCommerce Core Contributor" />
    <span class="badge-label">WooCommerce<br><strong>Core Contributor</strong></span>
  </div>
  <a class="stat stat-card" href="https://www.google.com/search?q=webkul" target="_blank" rel="noopener">
    <svg class="badge-img g-logo" viewBox="0 0 48 48" aria-hidden="true">
      <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
      <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
      <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.79l7.97-6.2z"/>
      <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
    </svg>
    <span class="badge-label"><span class="g-rating">4.5</span> <span class="stars">★★★★★</span><br><strong>Google Review</strong></span>
  </a>
</section>

<!-- MIDDLE SECTION: 3-STEP CANVA CONNECTOR GUIDES (BG #f5f5f5, matching screenshot 3) -->
<section class="canva-guides-section">
<div class="canva-container">
<div class="canva-section-header">
<h2 class="canva-section-title">WooCommerce Canva Connector Guides</h2>
<p class="canva-section-subtitle">
Find setup, configuration, customization and usage documentation for WooCommerce Canva Connector in one place.
</p>
</div>
<div class="guide-steps-grid">
<!-- STEP 1 -->
<div class="guide-step-card">
<div class="guide-step-header">
<span class="guide-step-num">1</span>
<h3 class="guide-step-title">Set up</h3>
</div>
<p class="guide-step-desc">
Install the plugin and configure your WooCommerce store foundation.
</p>
<div class="guide-step-links">
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/" class="guide-link-item">
<span>Introduction</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/features.html" class="guide-link-item">
<span>Features</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/installation.html" class="guide-link-item">
<span>Installation</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/configuration-canva-connect.html" class="guide-link-item">
<span>General settings</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/how-to-guide.html" class="guide-link-item">
<span>How to Guide</span>
<span class="guide-link-arrow">›</span>
</a>
</div>
</div>

<!-- STEP 2 -->
<div class="guide-step-card">
<div class="guide-step-header">
<span class="guide-step-num">2</span>
<h3 class="guide-step-title">Configure Canva App</h3>
</div>
<p class="guide-step-desc">
Set up OAuth credentials, redirect URIs, and build the Canva app extension.
</p>
<div class="guide-step-links">
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/canva-developer-portal.html" class="guide-link-item">
<span>Canva Developer Portal</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/configuration-redirect-uris.html" class="guide-link-item">
<span>Redirect URIs &amp; HTTPS</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/canva-app-build.html" class="guide-link-item">
<span>Build Canva App Bundle</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/how-to-part-2.html" class="guide-link-item">
<span>Upload Bundle to Canva</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/how-it-works.html" class="guide-link-item">
<span>OAuth Authorization</span>
<span class="guide-link-arrow">›</span>
</a>
</div>
</div>

<!-- STEP 3 -->
<div class="guide-step-card">
<div class="guide-step-header">
<span class="guide-step-num">3</span>
<h3 class="guide-step-title">Design &amp; Sync</h3>
</div>
<p class="guide-step-desc">
Open products in Canva, edit media seamlessly, and save back to store.
</p>
<div class="guide-step-links">
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/canva-app-sidebar.html" class="guide-link-item">
<span>Using Canva App Sidebar</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/design-with-canva.html" class="guide-link-item">
<span>Design Editor Workflow</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/save-to-store.html" class="guide-link-item">
<span>Save to Store Gallery</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/troubleshooting.html" class="guide-link-item">
<span>Troubleshooting</span>
<span class="guide-link-arrow">›</span>
</a>
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/faq.html" class="guide-link-item">
<span>Frequently Asked Questions</span>
<span class="guide-link-arrow">›</span>
</a>
</div>
</div>
</div>
</div>
</section>

<!-- KEY FEATURES SECTION (Matching Screenshot) -->
<section class="canva-section canva-key-features">
<div class="canva-container">
<div class="canva-section-header">
<div class="key-features-tag-pill">
KEY FEATURES
</div>
<h2 class="canva-section-title">
Everything You Need to Connect WooCommerce &amp; <span class="canva-brand-text">Canva</span>
</h2>
</div>

<div class="key-features-layout">
<!-- LEFT COLUMN FEATURES -->
<div class="kf-col kf-col-left">
  <!-- Feature 1: Design in Canva -->
  <div class="kf-item">
    <div class="kf-icon-box">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z"></path></svg>
    </div>
    <div class="kf-content">
      <h3 class="kf-title">Design in Canva</h3>
      <p class="kf-desc">Add design buttons to product edit pages.</p>
    </div>
  </div>

  <!-- Feature 2: Auto Canvas Matching -->
  <div class="kf-item">
    <div class="kf-icon-box">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"></path></svg>
    </div>
    <div class="kf-content">
      <h3 class="kf-title">Auto Canvas Matching</h3>
      <p class="kf-desc">Match canvas dimensions to product image sizes.</p>
    </div>
  </div>

  <!-- Feature 3: Product SKU Search -->
  <div class="kf-item">
    <div class="kf-icon-box">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
    </div>
    <div class="kf-content">
      <h3 class="kf-title">Product SKU Search</h3>
      <p class="kf-desc">Search store products by name or SKU inside Canva.</p>
    </div>
  </div>
</div>

<!-- CENTER ILLUSTRATION -->
<div class="kf-col-center">
  <img src="https://wpdoc.webkul.com/woocommerce-canva-connector/images/canva-connect/key-features-illustration.png" alt="WooCommerce and Canva Connection" class="kf-center-img" />
</div>

<!-- RIGHT COLUMN FEATURES -->
<div class="kf-col kf-col-right">
  <!-- Feature 4: Direct Media Sync -->
  <div class="kf-item">
    <div class="kf-icon-box">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
    </div>
    <div class="kf-content">
      <h3 class="kf-title">Direct Media Sync</h3>
      <p class="kf-desc">Save Canva designs to WordPress Media Library.</p>
    </div>
  </div>

  <!-- Feature 5: Featured Image Update -->
  <div class="kf-item">
    <div class="kf-icon-box">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
    </div>
    <div class="kf-content">
      <h3 class="kf-title">Featured Image Update</h3>
      <p class="kf-desc">Set exported Canva designs as featured images.</p>
    </div>
  </div>

  <!-- Feature 6: Easy OAuth Setup -->
  <div class="kf-item">
    <div class="kf-icon-box">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
    </div>
    <div class="kf-content">
      <h3 class="kf-title">Easy OAuth Setup</h3>
      <p class="kf-desc">Manage Canva App ID and client details in WordPress.</p>
    </div>
  </div>
</div>
</div>
</div>
</section>

<!-- HOW IT WORKS SECTION (Matching Screenshot 1) -->
<section class="canva-section canva-how-it-works">
<div class="canva-container">
<div class="canva-section-header">
<h2 class="canva-section-title">How it works</h2>
<p class="canva-section-subtitle">
Get started in minutes and start designing beautiful product images with Canva, right from your WordPress admin.
</p>
</div>

<!-- TOP STEPPER PROGRESS BAR (01 - 02 - 03 - 04) -->
<div class="stepper-timeline-bar">
<div class="timeline-line"></div>
<div class="timeline-step">
<div class="timeline-step-circle">01</div>
</div>
<div class="timeline-step">
<div class="timeline-step-circle">02</div>
</div>
<div class="timeline-step">
<div class="timeline-step-circle">03</div>
</div>
<div class="timeline-step">
<div class="timeline-step-circle">04</div>
</div>
</div>

<!-- 4 STEP CARDS FLOW -->
<div class="canva-steps-flow">
<!-- CARD 1 -->
<div class="canva-step-card">
<div class="step-card-header">
<div class="step-icon-box">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" y1="18" x2="12" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</div>
<span class="step-watermark-num">01</span>
</div>
<h3 class="step-title">Install &amp; Activate</h3>
<p class="step-desc">Install the plugin from your WordPress site and activate it in just a few clicks.</p>
</div>

<!-- CARD 2 -->
<div class="canva-step-card">
<div class="step-card-header">
<div class="step-icon-box">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
</div>
<span class="step-watermark-num">02</span>
</div>
<h3 class="step-title">Connect Canva Account</h3>
<p class="step-desc">Create your Canva app in Canva Developer Portal and connect it through a secure OAuth connection.</p>
</div>

<!-- CARD 3 -->
<div class="canva-step-card">
<div class="step-card-header">
<div class="step-icon-box">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg>
</div>
<span class="step-watermark-num">03</span>
</div>
<h3 class="step-title">Design in Canva</h3>
<p class="step-desc">Open the product in Canva from the app sidebar and create stunning visuals.</p>
</div>

<!-- CARD 4 -->
<div class="canva-step-card">
<div class="step-card-header">
<div class="step-icon-box">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><line x1="3" y1="6" x2="21" y2="6"></line><path d="M16 10a4 4 0 0 1-8 0"></path></svg>
</div>
<span class="step-watermark-num">04</span>
</div>
<h3 class="step-title">Save to Store</h3>
<p class="step-desc">Publish your design and save it directly back to your WooCommerce store.</p>
</div>
</div>
</div>
</section>

<!-- WHY CHOOSE CANVA CONNECT -->
<section class="canva-section canva-why-choose">
<div class="canva-container">
<div class="canva-section-header">
<h2 class="canva-section-title">Why Choose Canva Connect?</h2>
<p class="canva-section-subtitle">
Bring your creativity and eCommerce together. Create professional, eye-catching product images without switching between tools.
</p>
</div>
<div class="canva-features-grid">
<div class="canva-feature-card">
<div class="feature-icon-box icon-clock">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
</div>
<div class="feature-body">
<h3 class="feature-title">Save Time</h3>
<p class="feature-desc">Design and publish in minutes without leaving your WordPress admin.</p>
</div>
</div>

<div class="canva-feature-card">
<div class="feature-icon-box icon-palette">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 1 0 10 10 3.5 3.5 0 0 0-3.5-3.5h-1.8a1.7 1.7 0 0 1-1.7-1.7V6A4 4 0 0 0 12 2z"></path><circle cx="7.5" cy="10.5" r="1.5" fill="currentColor"></circle><circle cx="12" cy="7.5" r="1.5" fill="currentColor"></circle><circle cx="16.5" cy="10.5" r="1.5" fill="currentColor"></circle></svg>
</div>
<div class="feature-body">
<h3 class="feature-title">No Design Skills Needed</h3>
<p class="feature-desc">Use Canva's easy drag-and-drop editor to create stunning visuals.</p>
</div>
</div>

<div class="canva-feature-card">
<div class="feature-icon-box icon-sync">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>
</div>
<div class="feature-body">
<h3 class="feature-title">Real Integration</h3>
<p class="feature-desc">Works smoothly with WooCommerce for a hassle-free experience.</p>
</div>
</div>

<div class="canva-feature-card">
<div class="feature-icon-box icon-device">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg>
</div>
<div class="feature-body">
<h3 class="feature-title">Responsive Designs</h3>
<p class="feature-desc">Create images that look great on all devices and screen sizes.</p>
</div>
</div>

<div class="canva-feature-card">
<div class="feature-icon-box icon-growth">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg>
</div>
<div class="feature-body">
<h3 class="feature-title">Boost Conversion</h3>
<p class="feature-desc">Professional product images help you attract more customers and increase sales.</p>
</div>
</div>

<div class="canva-feature-card">
<div class="feature-icon-box icon-sparkle">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z"></path></svg>
</div>
<div class="feature-body">
<h3 class="feature-title">Easy to Use</h3>
<p class="feature-desc">Simple setup, clear steps, and full support whenever you need it.</p>
</div>
</div>
</div>
</div>
</section>

<!-- BOTTOM CTA CARD -->
<section class="canva-section canva-bottom-cta">
<div class="canva-container">
<div class="canva-cta-banner">
<div class="cta-banner-content">
<h2 class="cta-banner-title">Start Creating Stunning<br>Product Images Today</h2>
<p class="cta-banner-desc">
Transform your WooCommerce products with professional designs, powered by Canva, and built for your store.
</p>
<div class="cta-banner-actions">
<a href="https://wpdoc.webkul.com/woocommerce-canva-connector/documentation/" class="btn-primary">
Get Started
</a>
<a href="https://wp-canva-connect.wcdemo.webkul.com/" target="_blank" rel="noopener noreferrer" class="btn-secondary">
View Demo
</a>
</div>
</div>
<div class="cta-banner-visual">
<img src="https://wpdoc.webkul.com/woocommerce-canva-connector/images/canva-connect/cta-illustration.png" alt="Canva integration design editor preview" class="cta-banner-img" />
</div>
</div>
</div>
</section>

<!-- BOTTOM FOOTER (Matching Screenshot 4 & wpdoc.webkul.com) -->
<footer class="site-footer">
  <div class="canva-container footer-inner">
    <p class="footer-copy">&copy; Copyright 2010-2026</p>
    <nav class="footer-nav" aria-label="Footer links">
      <a href="https://webkul.com/about-us/" target="_blank" rel="noopener noreferrer">About</a>
      <a href="https://webkul.com/contacts/" target="_blank" rel="noopener noreferrer">Contact</a>
      <a href="https://webkul.com/privacy-policy/" target="_blank" rel="noopener noreferrer">Privacy</a>
      <a href="https://webkul.com/" target="_blank" rel="noopener noreferrer">Company</a>
      <a href="https://store.webkul.com/woocommerce-plugins.html" target="_blank" rel="noopener noreferrer">Plugin Store</a>
      <a href="https://webkul.uvdesk.com/" target="_blank" rel="noopener noreferrer">Get Support</a>
    </nav>
  </div>
</footer>
</div>
