Anpassa stilen på din kassa
Om du säljer produkter i en webbshop kan du anpassa stilen på dina kassasidor i kassa- och kontoredigeraren. Du kan lägga till företagets logotyp, ändra färger eller välja ett nytt teckensnitt för att kassan ska matcha ditt företag.
En del av varumärkeshanteringen som du väljer för dina betalningssidor gäller även för dina nya kundkontosidor.
På den här sidan
- Överväganden vid anpassning av kassans stil
- Ladda upp en bakgrundsbild för bannern
- Lägga till en logotyp på betalningssidan
- Lägg till en bakgrundsbild eller bakgrundsfärg i huvudinnehållsområdet
- Ändra färg på formulärfälten
- Lägga till en bakgrundsbild eller färg till orderöversikten
- Ändra eller ta bort en bild från betalningssidan
- Ändra teckensnitt på betalningssidan
- Byta knapp- och accentfärger på betalningssidan
- Ändra din kassalayout
- Lägg till appblock till kassasidorna
Överväganden vid anpassning av kassans stil
Granska följande överväganden innan du anpassar kassans stil:
- Området Konfigurationer i avsnittet Kassa i admin är dolt tills att du har valt en plan och skapat din första produkt.
- Om du har Shopify Plus så kan du använda Checkout Branding-API för avancerade anpassningar av kassans varumärkeshantering.
Du kan anlita en Shopify-partner om du behöver hjälp med att anpassa stilen på din varukorg och kassa. Läs mer om att anlita en Shopify partner.
Även om du kan vilja lägga till mycket färg och intresse för dina betalningssidor, är det bäst att hålla formgivningen enkel. Dina kunder använder dessa sidor för att ange leverans- och betalningsinformation för sina ordrar, och du vill inte distrahera dem eller göra uppgifterna svåra att läsa. Välj färger med hög kontrast och bilder som inte drar uppmärksamheten från orden på sidan.
Ladda upp en bakgrundsbild för bannern
En banner som har ett butiksnamn visas högst upp på varje betalningssida. Du kan ändra bakgrundsbilden för den bannern. Välj en bild som matchar ditt varumärke. Om du till exempel säljer smycken kan en bild av färgglada pärlor vara en bra matchning. Bannerbilder ser bäst ut med en upplösning på 1000 x 400 pixlar.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
I avsnittet Kassasidhuvud klickar du på Välj bild på alternativet Bakgrundsbild.
Klicka på Lägg till bild för att ladda upp en bildfil, eller välj en befintlig bild från ditt bibliotek.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Klicka på Välj bild under alternativet Bakgrundsbild i avsnittet Kassasidhuvud.
- Tryck på Lägg till bild för att ladda upp en bildfil eller välj en befintlig bild från ditt bibliotek.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Klicka på Välj bild under alternativet Bakgrundsbild i avsnittet Kassasidhuvud.
- Tryck på Lägg till bild för att ladda upp en bildfil eller välj en befintlig bild från ditt bibliotek.
- Klicka på Spara.
Lägga till en logotyp på betalningssidan
Du kan lägga till din butiks logotyp på betalningssidorna. Om du använder en bannerbild visas logotypen ovanpå den. Du kan placera din logotyp till vänster, höger eller mitten av bannerområdet på betalningssidorna.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
Klicka på Lägg till bild i avsnittet Logotyp för att ladda upp en bildfil eller välj en befintlig bild från ditt bibliotek.
-
Valfritt: Justera din logotyp med följande inställningar i avsnittet Kassasidhuvud:
- Använd Logotypens maxbredd för att välja en storlek för logotypen, i pixlar.
- Använd Logotypjustering för att välja om logotypen ska visas till vänster, i mitten eller till höger om bannern.
- Använd Logotypposition för att välja var i kassan logotypen ska visas.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Klicka på Lägg till bild i avsnittet Logotyp för att ladda upp en bildfil, eller välj en befintlig bild från ditt bibliotek.
-
Valfritt: Justera din logotyp med följande inställningar i avsnittet Kassasidhuvud:
- Använd Logotypens maxbredd för att välja en storlek för logotypen, i pixlar.
- Använd Logotypjustering för att välja om logotypen ska visas till vänster, i mitten eller till höger om bannern.
- Använd Logotypposition för att välja var i kassan logotypen ska visas.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Klicka på Lägg till bild i avsnittet Logotyp för att ladda upp en bildfil, eller välj en befintlig bild från ditt bibliotek.
-
Valfritt: Justera din logotyp med följande inställningar i avsnittet Kassasidhuvud:
- Använd Logotypens maxbredd för att välja en storlek för logotypen, i pixlar.
- Använd Logotypjustering för att välja om logotypen ska visas till vänster, i mitten eller till höger om bannern.
- Använd Logotypposition för att välja var i kassan logotypen ska visas.
Klicka på Spara.
Lägg till en bakgrundsbild eller bakgrundsfärg i huvudinnehållsområdet
Du kan lägga till en bakgrundsbild eller -färg till det huvudsakliga området för innehåll på kassasidorna. Detta är det område där kunderna anger sin leverans- och betalningsinformation, så se till att du tydligt kan läsa fälten på bakgrunden.
Du kan inte lägga till både en bakgrundsbild och färg.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
-
Lägg till en bakgrundsfärg eller bild i avsnittet Bakgrund 1.
- Om du lägger till en färg ska du klicka på rutan bredvid bakgrundsfärg för att öppna en färgväljare, välja en färg eller ange en hexadecimal kod.
- Om du lägger till en bild ska du klicka på Bakgrundsbild > Lägg till bild för att ladda upp en bildfil, eller välja en bild som du redan har laddat upp i ditt bibliotek. Mindre bilder upprepas lodrätt och vågrätt i bakgrunden, som paneler.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
-
Lägg till en bakgrundsfärg eller bild i avsnittet Bakgrund 1.
- Om du lägger till en färg ska du tryck på rutan bredvid bakgrundsfärg för att öppna en färgväljare, välja en färg eller ange en hexadecimal kod.
- Om du lägger till en bild trycker du på Bakgrundsbild > Lägg till bild för att ladda upp en bildfil eller välj en befintlig bild från ditt bibliotek. Mindre bilder upprepas vertikalt och horisontellt mot bakgrunden, liknande paneler.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
-
Lägg till en bakgrundsfärg eller bild i avsnittet Bakgrund 1.
- Om du lägger till en färg ska du tryck på rutan bredvid bakgrundsfärg för att öppna en färgväljare, välja en färg eller ange en hexadecimal kod.
- Om du lägger till en bild trycker du på Bakgrundsbild > Lägg till bild för att ladda upp en bildfil eller välj en befintlig bild från ditt bibliotek. Mindre bilder upprepas vertikalt och horisontellt mot bakgrunden, liknande paneler.
Klicka på Spara.
Ändra färg på formulärfälten
Du kan ändra färg på fälten för att göra dem vita eller transparenta. Du kanske vill göra fälten genomskinliga så att en bakgrundsbild blir synlig. Se till att du tydligt kan läsa texten i fälten.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
I avsnittet Färg klickar du på rullgardinsmeny Formulärsfält och kortbakgrund för att välja den färg du vill ha.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Klicka på rullgardinsmenyn Formulärfält och kortbakgrund i avsnittet Färg för att välja färgen du vill ha.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Klicka på rullgardinsmenyn Formulärfält och kortbakgrund i avsnittet Färg för att välja färgen du vill ha.
- Klicka på Spara.
Lägga till en bakgrundsbild eller färg till orderöversikten
När en kund klickar på Visa ordersammanfattning på en kassasida så visas en lista över produkterna som kunden köper. Du kan lägga till en bakgrundsbild eller färg i orderöversikten. Du kan klicka på Visa ordersammanfattning i förhandsgranskningen i temaredigeraren för att se till att du är nöjd med hur orderöversikten visas.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
-
Lägg till en bakgrundsfärg eller -bild i avsnittet Bakgrund 2:
- Om du lägger till en färg ska du klicka på rutan bredvid bakgrundsfärg för att öppna en färgväljare, välja en färg eller ange en hexadecimal kod.
- Om du lägger till en bild ska du klicka på Bakgrundsbild > Lägg till bild för att ladda upp en bildfil, eller välja en bild som du redan har laddat upp i ditt bibliotek. Mindre bilder upprepas lodrätt och vågrätt i bakgrunden, som paneler.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
-
Lägg till en bakgrundsfärg eller -bild i avsnittet Bakgrund 2:
- Om du lägger till en färg ska du tryck på rutan bredvid bakgrundsfärg för att öppna en färgväljare, välja en färg eller ange en hexadecimal kod.
- Om du lägger till en bild trycker du på Bakgrundsbild > Lägg till bild för att ladda upp en bildfil eller välj en befintlig bild från ditt bibliotek. Mindre bilder upprepas vertikalt och horisontellt mot bakgrunden, liknande paneler.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
-
Lägg till en bakgrundsfärg eller -bild i avsnittet Bakgrund 2:
- Om du lägger till en färg ska du tryck på rutan bredvid bakgrundsfärg för att öppna en färgväljare, välja en färg eller ange en hexadecimal kod.
- Om du lägger till en bild trycker du på Bakgrundsbild > Lägg till bild för att ladda upp en bildfil eller välj en befintlig bild från ditt bibliotek. Mindre bilder upprepas vertikalt och horisontellt mot bakgrunden, liknande paneler.
Klicka på Spara.
Ändra eller ta bort en bild från betalningssidan
Du kan ändra eller ta bort alla bilder som du lägger till i utcheckningssidorna.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
Klicka på Ändra under bilden som du vill byta ut för att välja en från ditt bibliotek, eller utforska gratisbilder.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Tryck på Ändra under bilden som du vill byta ut för att välja en från ditt bibliotek, eller utforska gratisbilder.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Tryck på Ändra under bilden som du vill byta ut för att välja en från ditt bibliotek, eller utforska gratisbilder.
- Klicka på Spara.
Om du vill ta bort en bild så klickar du på Ändra > Ta bort bild. Detta raderar inte bilden från Shopify.
Lägg till alternativtext för bild
När du har lagt till bilder på dina kassasidor kan du lägga till alternativtext för bild. Denna text kan bidra till tillgänglighet och SEO. Mer information om sökmotoroptimering.
Steg:
- Klicka på Redigera på bilden som du vill lägga till alternativtext för.
- I Alternativtext anger du alternativtext för bilden. Välj en kort, beskrivande titel för bilden.
- Klicka på Spara.
Ändra teckensnitt på betalningssidan
Du kan välja från en lista över typsnitt för att anpassa dina betalningssidor. Du kan inte ändra färg på texten på betalningssidan.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
Klicka på rullgardinsmenyn Rubriker eller rullgardinsmenyn Brödtext i avsnittet Typografi och välj sedan ett teckensnitt.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Klicka på rullgardinsmenyn Rubriker eller rullgardinsmenyn Brödtext i avsnittet Typografi och välj sedan ett teckensnitt.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Klicka på rullgardinsmenyn Rubriker eller rullgardinsmenyn Brödtext i avsnittet Typografi och välj sedan ett teckensnitt.
- Klicka på Spara.
Byta knapp- och accentfärger på betalningssidan
Du kan ändra färg på knappar, felmeddelanden och accenter såsom länkar på betalningssidorna. Om du ändrar färgerna ska du se till att du tydligt kan läsa texten i bakgrunden i det huvudsakliga innehållsområdet och orderöversikten.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
Gå till avsnittet Färger och klicka på färgrutan intill Accent, Knappar eller Fel för att öppna en färgväljare. Välj sedan en färg eller ange en hexkod.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Gå till avsnittet Färger och tryck på färgrutan intill Accent, Knappar eller Fel för att öppna en färgväljare. Välj sedan en färg eller ange en hexkod.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- Gå till avsnittet Färger och tryck på färgrutan intill Accent, Knappar eller Fel för att öppna en färgväljare. Välj sedan en färg eller ange en hexkod.
- Klicka på Spara.
Ändra din kassalayout
Som standard är kassalayouten i butiken inställd till betalning på en sida. Från Shopify-admin kan du växla mellan betalning på en sida och betalning på tre sidor. Granska skillnaderna mellan betalning på en sida och betalning på tre sidor innan du ändrar kassalayouten.
När du byter kassalayout visas inte förhandsgranskningen i din kassa eller kontoredigerare i realtid. När du har sparat dina ändringar navigerar du till din skyltfönsterkassa för att se din nya kassalayout.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
I avsnittet Kassalayout klickar du på den aktuella layouten för att öppna alternativen för kassalayout.
Klicka på ensidig kassa eller tresidig kassa för att ställa in kassalayouten.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- Tryck på Anpassa i avsnittet Konfigurationer.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- I avsnittet Kassalayout trycker du på Betalning på en sida eller Betalning på tre sidor för att ställa in kassalayouten.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- Tryck på Anpassa i avsnittet Konfigurationer.
- Klicka på kugghjulsikonen i kassa- och kontoredigeraren för att komma åt sidofältet Inställningar.
- I avsnittet Kassalayout trycker du på Betalning på en sida eller Betalning på tre sidor för att ställa in kassalayouten.
- Klicka på Spara.
Lägg till appblock till kassasidorna
Du kan lägga till funktioner som anpassade banners eller lojalitetspremier till din kunds kassaupplevelse med hjälp av appblock. Vissa kassaappar, inklusive de som anpassar informations-, leverans- och betalningssidorna i kassan, är endast tillgängliga för handlare på Shopify Plus-planen. Hänvisa till kassa-appens tillgänglighet när du väljer en app som ska läggas till i kassan.
Mer information om att anpassa kassakonfigurationer med appar.
Steg:
Gå till Inställningar > Kassa från din Shopify-admin.
I avsnittet Konfigurationer klickar du på Anpassa intill kassakonfigurationen som du vill anpassa.
I kassa- och kontoredigeraren väljer du den sida som du vill lägga till en app på och klickar sedan på avsnittsikonen för att komma åt sidofältet Avsnitt.
Klicka på ⊕ Lägg till app-block.
Klicka på appen som du vill lägga till i kassan i avsnittet Appar tillgängliga för den här sidan. Appen placeras automatiskt i det rekommenderade området på sidan.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- I kassa- och kontoredigeraren väljer du den sida som du vill lägga till en app på och klickar sedan på avsnittsikonen för att komma åt sidofältet Avsnitt.
- Klicka på ⊕ Lägg till app-block.
- Klicka på appen som du vill lägga till i kassan i avsnittet Appar tillgängliga för den här sidan. Appen placeras automatiskt i det rekommenderade området på sidan.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen … och sedan på Inställningar.
- I avsnittet Butiksinställningar trycker du på Kassa.
- I avsnittet Konfigurationer trycker du på Anpassa på kassan som du vill anpassa.
- I kassa- och kontoredigeraren väljer du den sida som du vill lägga till en app på och klickar sedan på avsnittsikonen för att komma åt sidofältet Avsnitt.
- Klicka på ⊕ Lägg till app-block.
- Klicka på appen som du vill lägga till i kassan i avsnittet Appar tillgängliga för den här sidan. Appen placeras automatiskt i det rekommenderade området på sidan.
- Klicka på Spara.