MerförsÀljning

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
 aktivera merförsÀljningswidget

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
redigera en produktmall
  • 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.
dra och slÀpp merförsÀljningswidget

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.

gÄ till redigera produkter för att lÀgga till merförsÀljning eller korsfö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.

sök och lÀgg till korsförsÀljningsprodukt

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:

 content_settings_upsell_widget.png
  • 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

slider_control_settings_upsell_widget.png
  • 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

 advanced_settings_upsell_widget.png
  • 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:

 style_settings_upsell_widget.png
  • 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.

förhandsgranska merförsÀljningswidget
Vad Àr dina kÀnslor
Uppdaterad den 17 februari 2022