Ud af boksen viser WooCommerce produktvariationer som almindelige dropdown-menuer. Vælg en størrelse, vælg en farve, alt sammen fra en grå markeringsboks, der skjuler, hvordan mulighederne faktisk ser ud. A WooCommerce variation swatches plugin løser det. Det bytter disse dropdowns til klikbare farvecirkler, billedminiaturebilleder og mærkede knapper, så en shopper ser den røde skjorte eller XL på et øjeblik i stedet for at afkode en tekstmenu.
Den lille ændring flytter nålen, fordi folk køber, hvad de kan se. Denne vejledning sammenligner 8 af de bedste farveprøver plugins, og hver enkelt er gratis at installere fra den officielle WordPress.org bibliotek, så du kan prøve dem på din egen butik, før du forpligter dig. Først, selv om, en plugin, der hører hjemme på hver Elementor butik, før du selv tænker på farveprøver: Master Addons for Elementor. Det er ikke en farveprøver plugin, men det bygger produktsiden dine farveprøver vil leve på, så det tjener den øverste plet.
Hvad Er WooCommerce Variation Swatches?
Variationsprøver erstatter attribut- dropdowns på et variabelt produkt med visuelle vælgere. I stedet for en “Farve” dropdown får du en række farvefirkanter. I stedet for en “Størrelse” dropdown får du klikbare knapper: S, M, L, XL.
Du vil normalt se fire farveprøvetyper:
- Farveprøver for attributter som rød, marineblå eller oliven
- Billedprøver det viser et lille billede af hver variation, uanset om det er et mønster, en tekstur eller produktet i den farve
- Knap- eller etiketprøver for størrelser, materialer eller enhver tekstattribut
- Radioprøver for en mere ryddelig version af standarden vælg
De bedre plugins skubber også farveprøver ind på butiks- og kategorisiderne, ikke kun den enkelte produktside, så shoppere får øje på deres muligheder, mens de stadig browser.
Sådan tilføjes farveprøver i WooCommerce
Opsætningen er tæt på identisk på tværs af hvert plugin her:
- Installer og aktiver WooCommerce og dit valgte swatches plugin.
- Gå til Produkter > Attributter og opret en attribut som Farve, og tilføj derefter dens vilkår (Rød, Blå, Grøn).
- Indstil hvert udtryk farveprøvetype. For farve skal du vælge hex-værdien; for billede skal du uploade et miniaturebillede.
- Åbn et variabelt produkt, tilføj attributten under fanen Attributter, og generer variationer.
- Gem og forhåndsvisning. Dropdown er nu en række farveprøver.
Ingen kode nogen steder på den liste. Hvis dine variable produkter ikke er sat op endnu, skal du først sortere det med den officielle WooCommerce variabel produktdokumentation, som går gennem attributter og variationer. For sidedesignet omkring farveprøverne, vores roundup af de bedste Elementor tilføjelser til WooCommerce viser, hvordan du opbygger en brugerdefineret enkeltproduktskabelon.
Hurtig sammenligning: Bedste WooCommerce Swatches Plugins
| Plugin | Aktive Installationer | Bedømmelse | Shop Sideprøver (Gratis) | Best For |
|---|---|---|---|---|
| Master Addons til Elementor | 30.000+ | 4,5 ★ | n/a (værktøjssæt) | Opbygning af selve produktsiden |
| Variationsprøver til WooCommerce (Emran Ahmed) | 300.000+ | 4,8 ★ | Pro | Det sikre standardvalg |
| Variationsprøver til WooCommerce (CartFlows) | 200.000+ | 4,6 ★ | Pro | Astra / CartFlows butikker |
| WCBoost Variation Swatches | 50.000+ | 4,8 ★ | Ja | Hurtig, no-nag mulighed |
| Produktvariationer Farveprøver (VillaTheme) | 10.000+ | 4,7 ★ | Ja | Farveprøver + galleri billedbytte |
| Variationsprøver (RadiusTheme) | 10.000+ | 4,7 ★ | Ja | Allround med katalogprøver |
| WPC Variation Swatches | 7.000+ | 4.3 ★ | Ja | WPClever økosystem brugere |
| Smart Variations Images & Swatches | 1.000+ | 4,7 ★ | Partiel | Variationsbilledbytte |
| Variationsprøver til WooCommerce (Woosuite) | 50.000+ | 3,7 ★ | Ja | Langvarige gratis katalogprøver |
1. Master Addons for Elementor (fundamentet)

Lad mig være på forhånd: Master Addons til Elementor er ikke en variation farveprøver plugin, og det stadig sidder på nummer et. Her er logikken. Farveprøver tjener kun deres holde på et produkt side, der er faktisk bygget til at sælge, og den side er, hvor Master Addons kommer ind. Det er den lette Elementor værktøjssæt, der designer skabelonen, så enhver farveprøve plugin nedenfor slipper sin farve og billede vælgere ind i det.
Brugt på 30.000 + websteder og genopbygget til at køre omkring 3x hurtigere i version 3, giver Master Addons dig en fuld Tema Bygherre for brugerdefinerede enkeltprodukt-, butiks- og arkivskabeloner. Så i stedet for at acceptere det layout, dit tema sender, designer du produktsiden, tilføjer farveprøverne og styrer præcis, hvor de lander.
Hvorfor det går først for en Elementor butik:
- Tema Bygherre for at bygge det enkelte produkt og shop skabeloner, som dine farveprøver viser på
- Udvalgt produktwidget for at slippe ethvert produkt, pris og tilføjelse til vogn-knap til en destinationsside
- Popup Builder til salg, kupon, og exit-intent tilbud, der løfter vogn værdi
- Mega Menu til shoppbar navigation med produktkategorier
- 80+ widgets og udvidelser i én lyspakke, så du ikke stabler fem plugins for at bygge én side
Installer dette først for at bygge butikken, og vælg derefter et af farveprøvens plugins nedenfor for at håndtere variationsdisplayet. Gennemse hele widgets og udvidelser liste eller kontrollere prissætning, og få fat i den gratis version fra WordPress.org plugin side.
2. Variation Swatches til WooCommerce (af Emran Ahmed)

Dette er det mest installerede swatches plugin på WordPress.org, der sidder på 300.000 + aktive installationer og en 4,8 rating fra mere end 900 anmeldelser. Vil du have den mulighed, de fleste butikker allerede har tillid til? Start her.
Bedste egenskaber:
- Farve-, billed- og knap-/etiketfarveprøvetyper
- Attributer værktøjstip på hover
- Per-attribut og per-produkt farveprøve tilsidesættelser
- Kontrol over, hvordan udsolgte variationer opfører sig, klikbare eller slørede
- Bred tema kompatibilitet, så det virker på de fleste WooCommerce temaer uden ballade
Den gratis version håndterer den enkelte produktside godt. Katalog og shop-page farveprøver, plus variationsbilledgallerier, er en del af Pro-opgraderingen. Grib den fra WordPress.org plugin side.
3. Variation Farveprøver til WooCommerce (ved CartFlows)

Denne kommer fra holdet bag Astra og CartFlows, og den har hentet 200.000+ installationer til en 4,6 rating. Den er let, ren, og et nemt opkald, hvis du allerede kører andre Brainstorm Force produkter.
Bedste egenskaber:
- Farve-, billed-, knap-/etiket- og radioudtagningstyper
- Værktøjstip til attributter
- Global styling med tilsidesættelser pr. attribut
- Letvægtskode, der holder sig ude af dit temas måde
- Bakket op af en velkendt WordPress-leverandør
Hvis din butik kører på Astra, eller du bygger tragte med CartFlows, holder dette alt i ét hus. Installer det fra WordPress.org plugin side.
4. WCBoost Variation Swatches

WCBoost er no-nonsense pick, og det gør noget de to større plugins gør du betaler for: det viser farveprøver på shop og arkiv sider i den gratis version. Tilføj en 4.8 rating og 50,000 + installationer, og det tjener sin plads.
Bedste egenskaber:
- Farve-, billed-, knap- og radioprøver
- Værktøjstip på attribut-hover
- Justerbar farveprøveform (afrundet eller firkantet) og størrelse
- Shop og arkiv sidevisning, gratis
- Ingen konstante opsalgsnags i admin
For et hurtigt, rent plugin, der giver dig katalogprøver uden en betalingsmur, er WCBoost et af de bedste valg på denne liste. Download det fra WordPress.org plugin side.
5. Produktvariationer Farveprøver til WooCommerce (af VillaTheme)

VillaTheme har været i WooCommerce rummet i lang tid, og dens farveprøver plugin par visuelle vælgere med variation billede swapping. Klik på en farve og hovedgalleriet vender til den variations billeder.
Bedste egenskaber:
- Farve-, billed-, knap-, radio- og dropdown-prøve typer
- Værktøjstip for hver attribut
- Katalog- og butikssideprøver
- Variationsbilledbytte i produktgalleriet
- Per-attribut styling kontroller
Hvis du sælger ting, hvor galleribillederne betyder lige så meget som farveprøven (mode, møbler, kunsttryk), er det billedbytte grunden til at vælge det. Få det fra WordPress.org plugin side.
6. Variation Swatches til WooCommerce (af RadiusTheme)

Fra RadiusTheme, folkene bag The Post Grid og ShopBuilder, er dette en stabil allrounder med 10.000 + installationer og en 4.7 rating. Det dækker de centrale farveprøvetyper og skubber dem ud til katalogsider også.
Bedste egenskaber:
- Farve-, billed-, knap- og radioprøver
- Attributværktøjstip
- Shop og arkivér sideprøver
- Per-attribut og per-produkt indstillinger
- Bakket op af en aktiv WooCommerce plugin leverandør
Det er et pålideligt mellemgrundsvalg, og disse indstillinger pr. produkt tjener deres hold, når en håndfuld produkter har brug for farveprøver, der er stylet anderledes end resten. Installer det fra WordPress.org plugin side.
7. WPC Variation Swatches til WooCommerce

WPClever kører en stor familie af WooCommerce plugins, og dette swatches plugin snaps lige ind i det. Hvis du allerede bruger WPC produkter som Smart Sammenlign eller Linked Variation, vil det føles som hjem.
Bedste egenskaber:
- Farve-, billed-, knap- og etiketprøve-typer
- Værktøjstip support
- Farveprøvetildeling på term-niveau
- Lille fodaftryk
- Arbejder med den bredere WPClever suite
Bedømmelsen er en skygge lavere, og antallet af anmeldelser er tyndt, så test det på iscenesættelse, før du sender det. For WPClever-brugere er det dog den indlysende pasform. Download det fra WordPress.org plugin side.
8. Smart Variations Images & Swatches til WooCommerce

Denne læner sig hårdt ind i billeder. Den viser, skjuler og bytter automatisk produktgalleribilleder baseret på den variation, en shopper vælger, hvilket er ideelt, når den visuelle forskel mellem variationer er hele tonehøjden.
Bedste egenskaber:
- Billedprøver bundet til variationsbilleder
- Automatisk galleri vis, skjul og byt pr. variation
- Smart billede, der linker til attributter
- Spiller pænt sammen med et andet swatch plugin, hvis du allerede kører et
- 142 anmeldelser med en vurdering på 4,7, stort engagement for sin størrelse
Det handler mindre om knapstyling og mere om, at galleriet reagerer på klikket. Hvis billedbytte er din prioritet, er dette specialisten. Få det fra WordPress.org plugin side.
9. Variation Swatches til WooCommerce (af Woosuite)

Dette er en af de ældste swatches plugins på depotet, opført tilbage i 2017, og det kører stadig på 50.000 + butikker. Tegningen er gratis katalog-side farveprøver og et komplet sæt farveprøvetyper uden upsell væg.
Bedste egenskaber:
- Farve-, billed-, etiket-/tekst- og radioprøver
- Værktøjstip til attributter
- Arkivér og katalogér sideprøver i den gratis version
- Per-attribut konfiguration
- En lang track record på WooCommerce butikker
En ærlig advarsel: dens 3,7-vurdering er den svageste her, så skimme de seneste anmeldelser og teste det mod dit tema, før du læner dig op ad det. Installer det fra WordPress.org plugin side.
Også et kig værd
Et par mere er på WordPress.org og passer måske til en bestemt opsætning, selvom de ikke knækkede hovedlisten. YITH farve- og etiketvariationer giver dig farve- og etiketprøver gratis og holder billedprøver tilbage til Pro. QODE Variation Swatches er en nyere, lettere mulighed, der stadig bygger op anmeldelser.
Sådan vælger du det rigtige farveprøveplugin
Match plugin'et til det, din butik faktisk har brug for:
- Du vil have den sikreste, mest testede mulighed: Variationsprøver til WooCommerce af Emran Ahmed.
- Du vil have shop-side farveprøver uden at betale: WCBoost eller Woosuite plugin.
- Dine galleribilleder ændrer sig meget mellem variationer: Billeder af VillaTheme eller Smart Variations.
- Du bor i Astra/CartFlows eller WPClever økosystemet: vælg det matchende plugin (CartFlows eller WPC).
Uanset hvad du lander på, skal du holde øje med ydeevnen. Farveprøvescripts tilføjer vægt til dine produktsider, så par dem med tipsene i vores vejledning på sådan fremskynder du Elementor-websteder. Og hvis dine produkter har brug for mere end farveprøver, tænk brugerdefinerede felter, tilføjelser, eller gravering, se på ekstra produktmuligheder for WooCommerce at fange dem ved kassen.
Bygger butikken omkring disse farveprøver? Master Addons forbliver let med 80+ widgets og udvidelser, og dens Tema Bygherre lader dig designe den enkelte produktskabelon, dine farveprøver sidder på. Tjek den prissætning hvis du vil have hele værktøjskassen.
Ofte stillede spørgsmål
Hvad er den bedste gratis WooCommerce variation swatches plugin?
Variation Swatches for WooCommerce af Emran Ahmed er det sikreste gratis valg, med 300.000 + installationer og en 4.8 rating. Hvis du har brug for shop-side farveprøver gratis, WCBoost Variation Swatches er et stærkt alternativ, der ikke gate katalog farveprøver bag Pro.
Hvordan tilføjer jeg farveprøver i WooCommerce?
Installer et plugin til farveprøver, gå til Produkter > Attributter, opret en Farveattribut, og indstil en hex-værdi for hvert udtryk. Tilføj derefter attributten til et variabelt produkt, og generer variationer. Dropdownen bliver til en række klikbare farveprøver, ingen kode nødvendig.
Kan jeg tilføje variationsprøver uden et plugin?
Ikke let. WooCommerce har ingen indbygget farveprøve mulighed, så du ville have brug for brugerdefineret kode og CSS til at konvertere dropdowns selv. En dedikeret farveprøver plugin gør det i et par klik og forbliver kompatibel gennem WooCommerce opdateringer, hvilket er grunden til næsten hver butik bruger en.
Viser variationsprøver på butiks- og kategorisider?
Det afhænger af plugin. Mange viser farveprøver kun på den enkelte produktside i deres gratis version. WCBoost, VillaTheme, RadiusTheme og Woosuite plugin viser dem gratis på butiks- og arkivsider, mens andre gemmer det til Pro.
Vil et swatches plugin bremse min butik?
En velbygget tilføjer kun lidt CSS og JavaScript. Letvægts muligheder som WCBoost holder virkningen lav. Kør ikke to swatch plugins på én gang, og tjek din sidehastighed før og efter installation, så du ved, hvor du står.
Wrap Up
Den bedste WooCommerce variation swatches plugin til din butik virkelig kommer ned til to spørgsmål: har du brug for shop-side farveprøver gratis, og hvor meget ændrer dine galleri billeder mellem variationer? For de fleste butikker, Variation Swatches for WooCommerce af Emran Ahmed er den sikre start, WCBoost er den bedste gratis rute til katalog farveprøver, og VillaTheme eller Smart Variations Images vinde, når billederne gør det sælgende.
Installer et par af de gratis versioner, test dem mod dit tema, og hold den, der ser rigtigt ud. Byg derefter butikken omkring dem: udforsk det fulde Master Addons widgets og udvidelser eller start hurtigere med færdiglavet skabelonsæt.
Relateret læsning: Bedste Elementor Addons til WooCommerce, Ekstra produktindstillinger til WooCommerce, og 100 bedste elementortilføjelser.
