9 volledige demo's

Een e-commerce WordPress-thema met een catalogus erin

Deze 9 Canvas-demo's zijn eerst als winkel opgebouwd. Importeer er één en de catalogus, de productpagina's, het winkelwagentje en de afrekenpagina komen allemaal in het ontwerp van die demo binnen, met 106 demo-producten die je kunt vervangen.

De Clothing Store-demo bekijkenPrijzen bekijken

Laatst bijgewerkt

De demo's

Negen winkelontwerpen, samen 115 pagina's

Elk daarvan wordt geïmporteerd als volledige website: de producten en hun categorieën, de pagina's, de menu's, de formulieren en elk WooCommerce-scherm, allemaal bewerkbaar. Bekijk ze live voordat je koopt.

Startpagina van de Clothing Store-demo

Clothing Store demo

Winkel & e-commerce · 19 pagina's · Wat het installeert
Startpagina van de Fashion Shop-demo

Fashion Shop demo

Winkel & e-commerce · 25 pagina's
Startpagina van de Furniture-demo

Furniture demo

Winkel & e-commerce · 12 pagina's
Startpagina van de Drone-demo

Drone demo

Winkel & e-commerce · 12 pagina's
Startpagina van de Wildroot Gear-demo

Wildroot Gear demo

Winkel & e-commerce · 14 pagina's · Wat het installeert
Startpagina van de Speaker Store-demo

Speaker Store demo

Winkel & e-commerce · 11 pagina's
Startpagina van de Supplement Store-demo

Supplement Store demo

Winkel & e-commerce · 13 pagina's
Startpagina van de eBook-demo

eBook demo

Winkel & e-commerce · 9 pagina's

Waarom 9 winkels hier, terwijl andere pagina's 21 winkels tellen? De catalogus heeft 21 demo's die een werkende WooCommerce-winkel importeren, en de 9 op deze pagina zijn de algemene winkels. De overige 13 demo's plaatsen een winkel binnen een ander type site, of verkopen voor één seizoen of één ambacht: Bag Store, Barber Shop, CanvasRoam, Christmas Store, Conference, Fashion Store, FORM 2026, Game of Canvas, Illustrator, Jewelry Boutique, Podcasts, Pottery Shop en Wine Estate. Alle 21 demo's staan op de WooCommerce-pagina.

De catalogus

Bewerk één productrecord en elk raster volgt automatisch

De collectiepagina's van de demo zijn opgebouwd met Canvas-winkelblokken die je WooCommerce-catalogus uitlezen, dus een product toevoegen of een prijs wijzigen is één bewerking op één record en elk raster volgt mee. De pagina's Men's Collections en Women's Collection van de Clothing Store-demo combineren een categoriefilter met een prijsbereikfilter.

  • 41 producten in de Fashion Shop-demo, 20 in Supplement Store en 16 in Furniture
  • Rasters, carrousels, categoriekaarten en een prijsfilter, die elk kunnen putten uit een categorie, een tag, een zoekopdracht of een handmatig samengestelde lijst
  • Geef een attribuutterm in de beheeromgeving een kleur, dan tonen variabele producten swatches waar anders een keuzemenu zou staan
  • Producten toevoegen aan de winkelwagen vanuit een raster of kaartoverlay werkt de winkelwagen in de header bij zonder de pagina opnieuw te laden
De pagina Men's Collections van de Clothing Store-demo op een telefoon, met het categoriefilter en het prijsbereikfilter boven het productraster
De vier pagina's die verkopen

Winkel, productpagina, winkelwagen, afrekenen

Canvas levert 24 WooCommerce-blokken en 18 winkelsjablonen, zodat elk scherm dat een klant ziet een blok is met een instellingenpaneel, en er geen PHP-sjabloon meer over is dat je kunt overschrijven.

De winkel en de collecties

Elke demo bevat eigen cataloguspagina's, zoals Men's Collections en Women's Collection in Clothing Store, of Rings, Earrings, Necklaces en Bracelets in Jewelry Boutique.

De productpagina

Kies voor de weergave van een enkel product de standaardindeling, een sticky samenvatting die de galerij volgt, een lijst, een kleurgedreven ontwerp of een zijbalkvariant. Stel dit per product in of als standaard voor de winkel.

De winkelwagen en het afrekenen

De eigen winkelwagen- en afrekenblokken van WooCommerce staan in het paginaontwerp van de demo, zodat de schermen waar betalingen plaatsvinden standaard blijven terwijl de pagina eromheen bij de winkel past.

Elk WooCommerce-blok, elk sjabloon en elke winkelinstelling

Schaal

Een lancering met drie producten en een catalogus met 41 producten

De negen winkels zijn bewust verschillend van omvang, omdat een lancering met één product en een warenhuis elk andere navigatie nodig hebben. Begin met de winkel waarvan de opzet bij de jouwe past en sla de middag over die je kwijt bent aan het verwijderen van pagina's die je nooit gebruikt.

  • Clothing Store bevat 19 pagina's, een megamenu en 6 blogberichten; Fashion Shop bevat 25
  • Wildroot Gear en eBook gebruiken navigatie op één pagina voor een kort assortiment
  • Jewelry Boutique voegt pagina's toe voor verzending, betalingen en het verhaal achter de sieraden
  • Supplement Store voegt een blog, veelgestelde vragen en een ondersteuningspagina toe; Drone voegt pagina's toe voor aanbiedingen, voor video's en voor accessoires; Speaker Store voegt reviews en ondersteuning toe

Zo richt je een WooCommerce-winkel in met Canvas

De Furniture-demo-homepage, een WooCommerce-winkel voor de verkoop en verhuur van meubels
De homepage van de Clothing Store-demo op een telefoon, met de slider op volledig scherm en het winkelwagentje in de header
Op een telefoon

Het meeste webshopverkeer ziet nooit de desktop-lay-out

De catalogus, de filters en de afrekening komen allemaal uit dezelfde responsieve blokken, dus er is geen tweede layout om te onderhouden en niets om bij te werken te vergeten. De screenshot is de Clothing Store-demo zoals die is geleverd, 390 pixels breed.

  • Canvas laadt alleen de CSS en JavaScript die een pagina daadwerkelijk weergeeft
  • Vijf schakelaars verwijderen WooCommerce-scripts van pagina's die niets verkopen, inclusief de cart fragments-poll
  • Productafbeeldingen krijgen breedte, hoogte, lazy loading en responsieve afmetingen van WordPress
  • De header, de paginatitelbalk en de footer krijgen elk hun eigen regels voor mobiel
Waarom Canvas voor een winkel

Vier dingen die een webwinkel nodig heeft naast de voorpagina

Elke pagina die een winkel nodig heeft

De producten en hun categorieën, de collectiepagina's, de beleidspagina's, de menu's en de formulieren worden samen geïmporteerd, zodat de winkel goed oogt terwijl je je eigen catalogus erin zet.

Bewerkbaar in WordPress zelf

Een prijs, een badge, een aanbiedingsbanner: elk daarvan is een blokveld in de editor die WordPress meelevert. Geen pagebuilder-licentie die je naast het thema moet verlengen.

Omkeerbaar

Canvas houdt alles bij wat een import wegschrijft. Met Demo-gegevens verwijderen haal je dat er weer uit, dus een tweede winkelontwerp proberen kost je alleen een middag.

Hulp bij teksten inbegrepen

Niemand schrijft graag productbeschrijvingen. Canvas AI stelt concepten op en herschrijft tekst in elk veld van een blok, met maandelijkse AI-tegoeden bij het jaarlijkse abonnement.

Vragen

Online verkopen, eenvoudig gevraagd

Antwoorden die gelden voor de negen winkeldemo's zoals ze worden uitgebracht.

Welke van de negen winkeldemo's moet ik als startpunt kiezen?

Kies de Canvas-winkeldemo die past bij de catalogus die je echt hebt. Clothing Store en Fashion Shop zijn grote modecatalogi met megamenu's en collectiepagina's. Furniture en Jewelry Boutique zijn winkels voor weloverwogen aankopen met lange productpagina's. Drone, Speaker Store en Supplement Store zijn kleinere assortimenten met een blog en een ondersteuningspagina. Wildroot Gear en eBook zijn eenpagina-lanceringen voor een handvol producten. Elke demo is hetzelfde thema eronder, dus je kiest alleen een startontwerp, zonder verdere verplichting.

Heb ik de WooCommerce-plugin nog nodig?

Ja: WooCommerce beheert de winkel en Canvas ontwerpt die. WooCommerce beheert de producten, voorraad, bestellingen, belastingregels, verzendzones en betaalgateways, zodat je andere WooCommerce-extensies gewoon blijven werken. Canvas voegt daarbovenop de ontwerplaag toe: 24 winkelblokken, 18 winkelsjablonen en 39 winkelopties. Kies in de installatiewizard een winkeldemo en die installeert en activeert WooCommerce voordat de import start.

Ik verkoop nu al spullen. Krijg ik na een import een tweede checkout?

Nee: de Canvas-importer zoekt naar de winkelpagina, de winkelwagen, de afrekenpagina en de accountpagina die je al hebt, en koppelt daarna de menu's en links van de demo aan die pagina's. Er wordt geen dubbele set aangemaakt. Je producten en bestellingen blijven ongewijzigd, en alles wat de import wel heeft aangemaakt, verwijder je weer met Delete Demo Data.

Moet je de winkelblokken apart aanschaffen?

Nee: alle 24 Canvas-winkelblokken zijn premium blokken, en elk abonnement bevat elk premium blok, elk winkelsjabloon en alle 21 demowinkels. Er is geen e-commerce-niveau en geen winkel-add-on. Elders is dat gebruikelijk: Shop Kit van Kadence zit bij de Pro- en Elite-abonnementen, de WooCommerce-widgets van Elementor beginnen bij Advanced Solo, en OceanWP verkoopt Ocean eCommerce Pro als een los product.

Wat doet Canvas niet voor een webshop?

Canvas verzorgt de verkoopfunctionaliteit niet. Betalingen en belasting, verzendtarieven, abonnementen, boekingen, lidmaatschappen, een CRM: dat alles is WooCommerce en de extensies ervan. Canvas ontwerpt de shop, de productpagina, het winkelwagentje en de afrekenpagina, en blijft daarna weg van de onderdelen die geld innen. Daarom laat het later wisselen van thema je bestellingen ongemoeid.

Hoeveel websites dekt één licentie?

Elke Canvas-licentie dekt onbeperkt websites en multisite-netwerken. Jaarlijks kost US$ 79 per jaar en levenslang US$ 299 eenmalig. De abonnementen verschillen in facturering, updates en AI-tegoed, nooit in functies, dus een licentie voor één webwinkel levert dezelfde blokken als een bureaulicentie.

Open de shop met een gevulde catalogus

Eén licentie dekt elke demo-winkel, elk winkelblok en elk winkelsjabloon. Importeer er een via de Installatiewizard en zet daarna je eigen producten en afbeeldingen in de plaats van die van de demo.

Canvas kopen · vanaf US$ 79/jaarDemo's bekijken