Articles

WooCommerce Docs

Produkttillägg gör det möjligt att lägga till betalda eller kostnadsfria alternativ till dina produkter med hjälp av flera olika typer av fält, inklusive radioknappar, kryssrutor, rullgardinsfält, anpassade textinmatningar med mera.

Detta tillägg fungerar också med WooCommerce Subscriptions (separat köp) för att lägga till ytterligare prissättning till den återkommande prenumerationen.

Installation Tillbaka till början

  1. Ladda ner tillägget från din WooCommerce instrumentpanel.
  2. Gå till Plugins > Add New > Upload och välj ZIP-filen du just laddat ner.
  3. Klicka på Installera nu och aktivera sedan.

Installation och konfiguration Tillbaka till början

För att skapa tillägg använder du knappen Skapa tillägg som visas högst upp på skärmen vid installationen.

Och gå till Produkter > Tilläggsmoduler och välj sedan Skapa nytt. Du kan lägga till tillägg på produktnivå genom att redigera en produkt.

Inställningar Tillbaka till början

Inställningar för tillägg gör det möjligt att konfigurera tillägg som gäller för alla produkter eller produkter i valda kategorier. Detta inkluderar:

  • Namn: Används för att skilja tillägg från varandra, detta visas inte på webbplatsen. Som standard fylls detta i åt dig.
  • Prioritet: Ange i vilken ordning de ska visas om det finns mer än ett tilläggstillägg aktiverat. Ett tillägg med prioritet 1 skulle ligga över ett tillägg med prioritet 10.
  • Produktkategorier: Ange Alla produkter eller välj kategorier för att tillämpa tillägget. Om du tar bort taggen Alla produkter avaktiveras tillägget, vilket kan vara praktiskt för säsongstillägg eller tidsspecifika tillägg.

Spara när du är klar. Därefter ska vi ta upp hur vi lägger till de faktiska tilläggsfunktionerna.

Fälttyper Tillbaka till början

Fälten för tilläggsfunktioner läggs till på samma sätt för både produktspecifika och globala tilläggsfunktioner. Den här panelen finns på en ny eller befintlig produkt. Om du vill lägga till ditt första tilläggsfält klickar du på knappen ”Lägg till fält”. Detta kommer att infoga ett tomt tillägg:

Välj en fälttyp från den översta valrutan. I skrivande stund är dessa alternativ tillgängliga:

  • Flera val – Visar en lista med alternativ som användaren kan välja mellan. Visas som rullgardinsmenyer, bilder eller radioknappar.
  • Kunddefinierat pris – Visar ett fält där användare kan ange ett numeriskt värde som läggs till produktpriset.
  • Kvantitet – Visar en spinnare där användare kan ange ett antal.
  • Kryssrutor – Visar en kryssruta eller kryssrutor som kan kryssas i/avkryssas av en kund.
  • Kort text – Det finns fem inbyggda typer. Här visas ett textfält där användarna kan skriva in antingen vilken text som helst, bara bokstäver, bara siffror, båda eller bara en e-postadress.
  • Lång text – Här visas ett textfält där användarna kan skriva flera rader text (möjlig teckenbegränsning).
  • Uppladdning av fil – Gör det möjligt för användare att ladda upp en fil.
  • Rubrik – Lägg till en rubrik mellan tilläggsmoduler för att gruppera dem i sektioner.

Flera val Tillbaka till början

Kunderna väljer endast ett alternativ från en uppsättning fördefinierade alternativ. Exempel: Färg eller storlek.

  • Titel: Formatera titeln som en etikett eller rubrik, eller dölj den.
  • Visa som: Välj hur alternativen ska presenteras för kunderna. Visa som dropdowns, bilder eller radioknappar (se nedan).
  • Lägg till beskrivning: Visar mer information om tillägget under rubriken.
  • Obligatoriskt fält: Förhindrar att produkten läggs till i varukorgen om ett alternativ inte är valt.
  • Alternativ: Lägg till en etikett för varje alternativ samt ett pris om det behövs. Beräkna priset som en fast avgift oavsett kvantitet, per beställd kvantitet eller ta ut en procentsats av totalsumman. Om du vill ta bort en alternativrad klickar du på ”X”.
Obs: Du måste lägga till en etikett för varje alternativ, så att informationen visas när du tittar på beställningen och skickas vidare i bekräftelsemeddelandet till kunden.

Om visningsalternativet är inställt på bilder visas en ikon för uppladdning av bilder intill varje alternativ.

Visning på webbplats

Radieknappar:

Dropdown

Bilder

Kryssrutor Tillbaka till början

Kunden väljer ett eller flera alternativ. Exempel: Presentförpackning, kort eller uppgraderingar.

  • Titel: Formatera titeln som en etikett eller rubrik, eller dölj den.
  • Lägg till beskrivning: Visar mer information om tillägget under rubriken.
  • Obligatoriskt fält: Förhindrar att produkten läggs till i varukorgen om ett alternativ inte är valt.
  • Alternativ: Lägg till en etikett för varje alternativ samt ett pris om det behövs. Beräkna priset som en fast avgift oavsett kvantitet, per beställd kvantitet eller ta ut en procentuell andel av totalbeloppet.
Observera: Du måste lägga till en etikett för varje alternativ, så att informationen visas när beställningen visas och skickas vidare i bekräftelsemailet till kunden.

Visning på webbplats

Kort text Tillbaka till början

Kunderna kan skriva in en enda rad text. Exempel: Exempel: E-postadress, namn och gravyrtext.

  • Titel: Formatera titeln som en etikett eller rubrik, eller dölj den.
  • Begränsning: Begränsa den typ av tecken som kunderna kan ange från All text, Endast bokstäver, Endast siffror, Endast bokstäver och siffror, Endast e-postadress.
  • Lägg till beskrivning: Visa mer information om tillägget under rubriken.
  • Obligatoriskt fält: Förhindrar att produkten läggs till i varukorgen om fältet är tomt.
  • Limiterad teckenlängd:
  • Justera pris: Ange minsta/maximala antal tecken: Lägg till en extra kostnad för tillägget. Beräkna priset som en fast avgift oavsett kvantitet, per beställd kvantitet eller ta ut en procentsats av den totala summan.

Visning på webbplats

Lång text Tillbaka till början

Kunderna kan ange flera rader text. Exempel: Exempel: En gåvoanteckning, en adress eller särskilda instruktioner.

  • Titel: Formatera titeln som en etikett eller rubrik, eller dölj den.
  • Lägg till beskrivning: Visar mer information om tillägget under rubriken.
  • Obligatoriskt fält: Förhindrar att produkten läggs till i varukorgen om fältet är tomt.
  • Limiterad teckenlängd:
  • Justera pris: Ange minsta/maximala antal tecken: Lägg till en extra kostnad för tillägget. Beräkna priset som en fast avgift oavsett kvantitet, per beställd kvantitet eller ta ut en procentsats av den totala summan.

Visning på webbplats

Filuppladdning Tillbaka till början

En kund kan ladda upp sin egen fil. Exempel: För att skapa egen design på t-shirts, muggar eller visitkort.

  • Titel: ”En egen fil kan skickas till en annan användare. Titeln visas ovanför flervalsalternativen. Du kan formatera titeln som en etikett, rubrik eller dölja den.
  • Lägg till beskrivning: Visar mer information om tillägget under rubriken.
  • Obligatoriskt fält: Förhindrar att produkten läggs till i varukorgen om fältet är tomt.
  • Justera pris: Lägg till en extra kostnad för tillägget. Beräkna priset som en fast avgift oavsett kvantitet, per beställd kvantitet eller ta ut en procentsats av totalsumman.

Visning på webbplats

Kunddefinierat pris Tillbaka till början

Kunden kan ange ett eget pris, som läggs till totalsumman. Exempel: Donationer, dricks.

  • Titel: Formatera titeln som en etikett eller rubrik, eller dölj den.
  • Lägg till beskrivning: Visar mer information om tillägget under rubriken.
  • Obligatoriskt fält: Förhindrar att produkten läggs till i varukorgen om fältet är tomt.
  • Begränsa prisintervallet:

Webbplatsvisning

Mängd Tillbaka till början

Kunderna kan välja en mängd. Exempel: Används för att beställa ytterligare artiklar som passar till huvudprodukten.

  • Titel: Formatera titeln som en etikett eller rubrik, eller dölj den.
  • Lägg till beskrivning: Visar mer information om tillägget under rubriken.
  • Obligatoriskt fält: Förhindrar att produkten läggs till i varukorgen om fältet är tomt.
  • Begränsat kvantitetsintervall:
  • Justera pris: Ange minsta/maximala kvantitet: Lägg till en extra kostnad för tillägget. Beräkna priset som en fast avgift oavsett kvantitet, per beställd kvantitet eller ta ut en procentsats av den totala summan.

Visning på webbplats

Överskrift Tillbaka till början

Använd rubriker för att dela upp dina tilläggsfunktioner i sektioner.

Webbordsvisning

Prissättning Tillbaka till början

Priser kan öka eller minska den totala kostnaden för produkten. Tre prisalternativ finns tillgängliga:

  • Fasta avgifter: Priset tillämpas endast en gång, oavsett beställd kvantitet.
  • Kvantitetsbaserad: Priset multipliceras med produktens kvantitet.
  • Procentbaserad: Beräknar en procentandel av totalbeloppet.

Rekordera tilläggsmoduler Tillbaka till början

Du kan ändra ordningen på tilläggsmoduler som visas i grupper genom att dra och släppa dem.

Importera/exportera tilläggsmoduler Tillbaka till början

Ansökningar kan exporteras och importeras med hjälp av knapparna när du redigerar ett tilläggsmodul per produkt eller ett globalt tilläggsmodul. Klicka på ”export” för att exportera de befintliga fälten som serialiserad data. Klicka sedan på ”Import” för att klistra in de serialiserade uppgifterna och bifoga dem till dina befintliga tillägg.

Import och export är också tillgängliga för globala produkttillägg.

tillägg per produkt Tillbaka till början

tillägg per produkt visas bara för den produkt de läggs till på. Redigera en av dina produkter för att lägga till tillägg på produktnivå. De visas i panelen Produktdata under underavsnittet ”Tilläggsfunktioner.”

Viktig anmärkning

Anslutningsfunktioner kan tillämpas på variabla produkter, men kan endast definieras på produktnivå. Exempel: Du kan inte ha ett tillägg för en specifik variant av en variabel produkt – endast för en blå skjorta.

Exklusioner

När du skapar tillägg per produkt kan du välja att utesluta alla andra tillägg som tidigare tillämpats på produkten.

Frontendvisning och visning av beställningstillägg Tillbaka till början

I frontend visas tillägg på den enskilda produktsidan ovanför varukorgsknappen. För att se hur dina tillägg ser ut väljer du ”Förhandsgranska ändringar”:

Front-end Checkbox Add-on

Så här visas det på varukorgssidan:

Cart Checkbox Add-on

När en kund lägger till den här artikeln i sin varukorg visas data som meta:

Order details Checkbox Add-on

Anslutningsdata sparas till orderposterna som meta. Det finns ingen separat post för själva tillägget. Visa din beställning för att se de valda värdena.

Håller uppladdningar säkra Tillbaka till början

Uppladdningar lagras i slumpmässiga mappar under wp-content/uploads/ för att göra dem svåra att hitta. Vissa värdar aktiverar dock katalogförteckning, vilket gör det möjligt för folk att bläddra i din fil-/mappstruktur. För att inaktivera den här ”funktionen” lägger du till följande i din huvudsakliga .htaccess-fil:

Options -Indexes

Felsökning Tillbaka till början

Fälttypen för uppladdningsfältet fungerar inte Tillbaka till början

Detta kan bero på längden på fältnamnet. Försök att minska fältnamnets längd eller kontakta ditt webbhotell för att öka värdet för post.max_name_length.

Frekventa frågor Tillbaka till början

Kan produkttillägg importeras via Product CSV Import Suite? Tillbaka till början

Nej, Product Add-Ons består av komplexa serialiserade metadata som skulle vara svåra att göra i en produkt-CSV-rad som vanlig text. CSV Import kan endast importera meta som är oserialiserad om inget annat anges. Product Add-Ons i sig gör det dock möjligt att importera och exportera inställningar.

Kan ett tillägg ha en separat SKU för försäljning/spårning? Tillbaka till början

Nej. Ett tillägg behandlas som ett alternativ, inte som en separat produkt. Produkter och deras variabler har SKU:n.

Kan jag lägga till en datumplockare? Tillbaka till toppen

WooCommerce Product Add-Ons har ingen datumplockare. Vi tittar dock på att lägga till denna möjlighet i en framtida version av tillägget. Lägg till dina röster till den här idén på Idébrädan för att hjälpa till att prioritera funktionen.

Hur anpassar man ”Grand total” och ”Options total”? Tillbaka till början

Både ”Grand total” och ”Options total” kan anpassas via CSS, men det är lite knepigt. Så här gör du med hjälp av nth-child-selektorn:

Observera: Vi kan inte ge support för anpassningar enligt vår supportpolicy. Om du inte är bekant med kod/mallar och att lösa potentiella konflikter, välj en WooExpert eller utvecklare för att få hjälp.

Hur kan jag ställa in standardvärden för inmatning?

Du kan använda ett anpassat skript för att ställa in standardvärden, genom att infoga den här koden i en JavaScript-fil. Alternativt kan du använda det kostnadsfria programmet Custom CSS JS för att lägga till kodutdraget.

Bemärk att det här kodexemplet endast ställer in värdet för Custom price input-fältet till 0 , så se till att anpassa det till dina behov.

Observera: Vi kan inte ge support för anpassningar enligt vår supportpolicy. Om du inte är bekant med kod/mallar och att lösa potentiella konflikter, välj en WooExpert eller utvecklare för att få hjälp.

Kan jag lägga till anpassade fält till variabla produkter? Tillbaka till början

Ja! Här är ett exempel:

product-addon-variable-product
Observera: Tilläggsfunktioner kan tillämpas på variabla produkter, men kan endast definieras på produktnivå. Exempel: Du kan inte ha ett tillägg för en specifik variant av en variabel produkt (t.ex. endast för en blå skjorta).

Kan jag ha produkttillägg som tillämpas en gång på produkten, oavsett hur mycket som beställs? Tillbaka till början

Ja. I version 3.0x av Product Add-Ons infördes en funktion för fasta avgifter.

Varför är mina tilläggsfunktioner tomma? Tillbaka till toppen

Det kan bero på att du inte har klickat på Spara efter att du har lagt till/slöjat/redigerat något fält.

Var placerar jag mina språkfiler? Tillbaka till toppen

Språkfilerna .mo och .po för produkttillägg måste placeras i följande sökväg: /wp-content/languages/plugins/. Läs mer om översättning av tillägg här.

Hur kan jag ändra positionen för tillägg på min produktsida? Tillbaka till början

Om du använder vårt tema Storefront visas tilläggen snyggt mellan den korta beskrivningen och knappen Lägg i varukorgen.

I många andra teman visas dock tilläggen under knappen Lägg i varukorgen, vilket kan vara förvirrande för kunden.

För att ändra positionen kan du skriva över mallstrukturen via ett tema. Observera att när det gäller Product Add-Ons måste du placera dessa mallöversynsfiler i en mapp som heter woocommerce-product-addons i ditt WordPress-tema (i stället för att placera dem direkt i WooCommerce-mappen i det temat).

Kan Product Add-Ons användas för att tillämpa en rabatt Tillbaka till början

Ja! Product Add-Ons kan konfigureras för att sänka priset på en produkt – lägg bara till ett negativt värde i Pricefältet:

Är detta kompatibelt med Smart Coupons (separat köp)? Tillbaka till början

Ja, från och med version 2.9.0 fungerar Product Add-Ons med Smart Coupons, inklusive presentkortsfunktionen.

Är detta kompatibelt med WooCommerce Bookings (separat köp)? Tillbaka till början

Ja!

Är detta kompatibelt med WooCommerce Blocks? Tillbaka till toppen

Ja, sedan version 3.4.0.

Gör produkttillägg att jag kan använda villkorlig logik? Tillbaka till toppen

Produkttillägg har inte stöd för villkorlig logik. Om du vill visa kunderna olika fält baserat på information som de fyller i rekommenderar vi att du använder Gravity Forms tillsammans med tillägget Gravity Forms Product Add-Ons.

Kan jag lägga till beställningar via admin-backend med Product Add-Ons för telefonbeställningar? Tillbaka till början

Vagnen och kassasidorna krävs för att automatiskt slutföra de komplexa beräkningar som ofta ingår i Product Add-Ons. När du lägger till beställningar manuellt på administratörssidan är dessa beräkningar för närvarande inte automatiserade. Du kan skicka in en funktionsbegäran för detta via vårt idéforum.

Det sagt, Product Add-Ons-data sparas som metadata, så det finns en manuell lösning. Följ instruktionerna för att manuellt lägga till en order som vanligt. När Add-Ons-produkten har lagts till, för du musen över Total och klickar på pennikonen för att redigera objektet.

Klicka på knappen Lägg till meta som visas under objektet för att lägga till ett fältpar i vilket relevanta metadata för Add-Ons kan läggas till. Du kan lägga till så många fältpar som du behöver.

Namn (obligatoriskt) – ange tilläggsfältets titel plus kostnaden för tillägget inom parentes.

Värde (obligatoriskt) – ange namnet på tilläggsalternativet.

Observera: Artikelns kostnad plus kostnaden för tilläggsalternativet/tilläggsalternativen måste beräknas manuellt och läggas till i fälten Total (och i förekommande fall Skatt). När beställningen har sparats gör inte knappen Omberäkna detta automatiskt för dig.

Frågor och feedback Tillbaka till början

Har du en fråga innan du köper? Fyll i det här formuläret före försäljning.

Har du redan köpt och behöver hjälp? Ta kontakt med en Happiness Engineer via helpdesk.