Skapa en köpknapp

Obs! Du debiteras transaktionsavgifter varje gång en kund gör ett köp med Köpknappen, såvida du inte aktiverar Shopify Payments.

När du har lagt till köpknappsförsäljningskanalen i din Shopify-admin kan du skapa en köpknapp för en produkt eller en kollektion.

När du har skapat en köpknapp kopierar du den automatiskt genererade koden och lägger sedan till koden på webbsidan eller blogginlägget där du vill att knappen ska visas. Du kanske till exempel vill lägga till köpknappen till din WordPress-blogg eller Squarespace-webbplats.

Köpknappens utseende kan inte ändras när du bäddar in den på din webbplats. Om du vill ändra det måste du skapa en ny knapp i kanalen och ersätta den ursprungliga koden med den nya koden.

Anpassa köpknappar

Du kan anpassa en köpknapps utseende och funktioner:

  • dess färg
  • dess storlek
  • dess teckensnitt
  • vad som händer när du klickar på knappen
  • om kassan ska öppnas i ett nytt webbläsarfönster

Du kan förhandsgranska dina ändringar när du anpassar knappen. Du kan prova köpknappens beteende genom att klicka på förhandsgranskningen.

Layoutstil

Du kan välja layout för köpknappen.

Tillgängliga layouter för köpknappar
Basic Välj den här layouten för att lägga till en köpknapp utan någon produktbild. Det kan vara bra att göra detta om du redan har dina produkter på andra ställen online men bara vill lägga till knappen för att göra köpet.
Klassisk Välj den här layouten för att visa en produktbild och pris bredvid köpknappen. Den här layouten är användbar för en snabb produktförhandsgranskning, till exempel i ett blogginlägg.
Helbild Välj den här layouten för att visa en produktbild, pris och beskrivning intill köpknappen. Den här layouten emulerar en produktdetaljsida i din webbutik.

Köpknappsåtgärder

När du skapar en köpknapp kan du välja vilken åtgärd som ska inträffa när du klickar på knappen.

Obs! Om du har fler än en köpknapp på en sida måste du konfigurera dem alla med samma åtgärd.

Om köpknappen är till för en produktserie så rör händelsen varje produkt i serien.

  • Lägg till produkt i varukorgen lägger till produkten i en varukorg. Kunderna kan fortsätta handla och lägga till ytterligare produkter i varukorgen.
  • Direkt till kassan tar kunden direkt till din kassa där de kan köpa produkten. Kunderna kan inte lägga till ytterligare produkter i sina beställningar.
  • Öppna produktdetaljer visar knappen Visa produkt. När kunden klickar på knappen kan de se beskrivningen av produkten, välja alla tillgängliga produktvarianter och lägga till produkten i varukorgen. Om en produkt har flera produktbilder visas även dessa.

    Det här alternativet är inte tillgängligt när du väljer Helbild eftersom visningslayouten Helbild redan visar alla produktdetaljer.

Du kan också välja om kassan ska öppnas i ett nytt webbläsarfönster eller om den ska öppnas i samma flik som din webbplats. Standardfunktionen är att kassan öppnas i ett nytt fönster.

Köpknappsutseende

  • Knappstilen inkluderar form, färg och typografi för knappdelen av köpknappen.
  • Layout Beroende på vilken layoutstil du väljer kan du anpassa inställningar såsom knapplacering, bildstorlek, knapptext, teckensnitt, färg och storlek.
  • Varukorg innehåller text- och färgalternativ för den inbäddade varukorgen. Du kan också aktivera och anpassa etiketten för fältet Orderanteckning. Du kan använda orderanteckningar för att samla in särskilda instruktioner från kunder om hur du ska förbereda och leverera en order. Fältet Ytterligare information gör att du kan skicka ett meddelande till dina kunder.

    Du kan bara redigera inställningarna för varukorgen om du har valt Lägg till produkt i kundvagnen eller Öppna produktinformationen som knappens åtgärd.

  • Detaljerad pop-up innehåller inställningarna för popup-fönstret för produktinformation. Du kan anpassa texten på knappen, om du vill visa kvantitetsfältet, färgerna som används för bakgrunden och etiketterna, samt etikettens typsnitt och teckenstorlek. Du kan bara redigera dessa inställningar om du har valt Öppna produktdetaljer som knappens åtgärd.

Skapa en köpknapp för en enda produkt

Du kan skapa en köpknapp för en enda produkt. Köpknappen kan innehålla en eller flera av varianterna för produkten. När du skapar köpknappen väljer du en layoutstil och anpassar knappens färg, text och utseende, samt den åtgärd som händer när en kund klickar på den. Läs mer om att Anpassa köpknappar.

Innan du skapar en köpknapp för en produkt måste du ha lagt till produkten i din Shopify-admin och gjort den tillgänglig för köpknappsförsäljningskanalen.

Steg:

Skapa en köpknapp för en serie

När du skapar en köpknapp för en kollektion skapar du egentligen en knapp för varje produkt i kollektionen.

När du skapar köpknappen väljer du en layoutstil och anpassar knappens färg, text och utseende, samt den åtgärd som händer när en kund klickar på den. Läs mer om att Anpassa köpknappar.

Innan du skapar en köpknapp för en kollektion måste du ha:

Steg:

Är du redo att börja sälja med Shopify?

Prova gratis