Skapa en köpknapp

Den här sidan skrevs ut den Nov 28, 2023. Besök https://help.shopify.com/sv/manual/online-sales-channels/buy-button/create-buy-button för den aktuella versionen.

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

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äddat in den på din webbplats. Om du vill ändra utseendet 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
Grundläggande	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.