MerförsÀljningsprodukter visar dina kunder fler alternativ att vÀlja mellan. Upsell uppmuntrar kunder att köpa tillÀggsprodukter och uppgradera bestÀllningar och kan dÀrmed öka din försÀljning. Du kan anvÀnda den hÀr widgeten pÄ mallen för en produktsida.
Innan du börjar stegen, se till att du har skapat en mall för en enda sida och ha lagt till merförsÀljningsprodukter pÄ de produkter du vill visa merförsÀljningsalternativet för.
LÄt oss lÀra oss hur du kan anvÀnda Upsell Widgets pÄ din wooCommerce-webbplats:
Steg 1: Aktivera widgeten #
För att aktivera widgeten,
- GÄ till ShopEngine > Widgets > MerförsÀljning
- Aktivera merförsÀljning under enstaka sektion
- Spara Àndringar
Notera: Du kan ocksÄ aktivera merförsÀljning med en global instÀllning som slÄr pÄ alla widgets i ShopEngine. Klicka hÀr för att kolla in processen.
Steg 2: LÀgg till merförsÀljningswidget #
TillÀgga merförsÀljningswidget:
- GĂ„ till ShopEngine > Mallar > Single Page Template
- Klicka pÄ Redigera med Elementor
- Sök för merförsÀljning i Elementor > Elements sökfÀlt
- Dra och slÀpp widgeten dÀr du vill att merförsÀljningen ska visas
- Klicka pÄ Uppdatering för att spara Àndringar.
Notera: Du behöver lÀgga till merförsÀljningsprodukter manuellt till varje produkt som du vill att merförsÀljningen ska dyka upp för. Widgeten visar bara merförsÀljningsprodukterna
Steg 3: LÀgg till merförsÀljningsprodukter #
För att lĂ€gga till merförsĂ€ljningsprodukter till nĂ„gon av dina befintliga produkter, frĂ„n dashboard gĂ„ till produkter â Alla produkter och klicka pĂ„ redigeringsalternativet för produkten du vill lĂ€gga till merförsĂ€ljning.
NÀr produktinstÀllningarna dyker upp, GÄ till LÀnkade produkter. Sedan för merförsÀljning, skriv den första stavningen av produkterna för att söka efter de produkter du vill lÀgga till. En lista kommer att dyka upp. VÀlj produkter frÄn listan och upprepa hela processen om du vill lÀgga till flera merförsÀljningsprodukter. Till sist, klicka pÄ uppdatera för att spara produktförsÀljningsinstÀllningarna.
Steg 4: Konfigurera instÀllningar för merförsÀljningswidget #
För att anpassa klicka pÄ redigeringsalternativet för widgeten och gÄ till InnehÄll > InnehÄll för att anpassa följande instÀllningar:
- Aktivera skjutreglaget: Aktivera den hÀr för att visa merförsÀljningsprodukter i ett skjutreglage.
- Flash-rea: Aktivera det hÀr alternativet om du vill att produkterna pÄ rea ska visa reamÀrket.
- FörsÀljningspris: SlÄ pÄ den om du vill visa reapriset ocksÄ tillsammans med normalpriset.
- Varukorgsknapp: Aktivera det hÀr alternativet sÄ att andra kan lÀgga till merförsÀljningsprodukterna i sin kundvagn.
- Produkter att visa: StÀll in det totala antalet merförsÀljningsprodukter som du vill visa pÄ produktsidan.
Klicka pÄ Skjutreglage för att öppna alternativen
- Bilder per förestÀllning: VÀlj hur mÄnga produkter du vill visa per bild.
- Slinga: Aktivera det hÀr alternativet sÄ att bilderna fortsÀtter att visas i en slinga.
- Autospela: SlÄ pÄ för att lÄta reglaget spelas upp automatiskt.
- Glidhastighet: Ange vÀrdet för glidhastighet.
- Skjutpilar: Aktivera sÄ att anvÀndare kan Àndra skjutreglaget med hjÀlp av pilen.
- Visa prickar: Du kan aktivera punktalternativet sÄ att folk kan navigera mellan bilderna.
- VÀnster pil: VÀlj valfri ikon eller SVG-bild för vÀnsterpilen.
- Höger pil: VÀlj valfri ikon eller SVG-bild för högerpilen.
- Punktstorlek: Ange storleken för skjutreglagets prickar i pixlar.
- Aktiv prickstorlek: Ange storleken för de aktiva prickarna i pixlar.
Klicka pÄ Avancerat alternativ
- Sortera efter: StÀll in ordningen pÄ merförsÀljningsprodukterna. Du kan vÀlja mellan datum, titel, pris, popularitet, betyg, slumpmÀssig, menyordning och Àndringsdatum.
- BestÀlla: VÀlja DESC för fallande och ASC för stigande.
Efter alla instÀllningar, klicka pÄ Uppdatering för att spara Àndringar.
Steg 5: StilinstÀllningar för merförsÀljningswidgeten #
Du kan Àndra stilen för följande merförsÀljningsprodukter:
- Objekt: Du kan Àndra textjusteringen för var och en av produktartiklarna. Du kan ocksÄ justera kolumnutrymmet mellan varje produkt och utrymmet mellan knapparna.
- Flash-rea: HÀr kan du Àndra fÀrg pÄ reabrickan, bakgrund, typografi, stoppning, placera bÄde horisontellt och vertikalt och mÄnga fler.
- Bild: Du kan Àndra bakgrunden pÄ produktbilden, bildhöjden, stÀlla in den pÄ autopassning och Àven stÀlla in utfyllnaden runt varje produktbild.
- Titel: Du kan Àndra fÀrg, typografi för produkttiteln och Àven stÀlla in stoppningen runt titeln.
- Betyg: Du kan stÀlla in betygsfÀrgen. StjÀrnstorlek och Àven stÀlla in bottenmarginalen.
- Pris: VÀlj fÀrg för bÄde ordinarie och reapriser. Du kan ocksÄ anpassa typografin och stoppningen.
- LĂ€gg till i kundvagn: Ăndra LĂ€gg till i kundvagnens position, typografi, bakgrundsfĂ€rg, ramradie, kantlinje, marginal och utfyllnad.
- Slider Style: Ăndra pilstorlek, ikonstorlek, fĂ€rg, bakgrundsfĂ€rg, grĂ€nstyp grĂ€nsradie för ikon. Du kan ocksĂ„ stĂ€lla in punktfĂ€rg, aktiv punktfĂ€rg och radbrytningsmarginal.
- Globalt teckensnitt: Du kan Àndra teckensnittsfamiljen för hela widgeten hÀrifrÄn.
NÀr du har Àndrat stilalternativen klickar du pÄ uppdatering att spara.
Nu bör du se MerförsÀljningsprodukter pÄ den enskilda produktsidan med alla anpassningar och stilinstÀllningar du vÀljer. HÀr Àr förhandsvisningen av merförsÀljningen.