DOCS

Checkout design

/

Checkout design

Lägg till din varumärkeslogotyp, favicon och färger.

Förbättra din checkout-upplevelse med en personlig touch genom att anpassa din internationella checkout-sida med din logotyp, favicon och varumärkesfärger.

Ladda upp din logotyp

För att ladda upp din logotyp till din checkout-sida:

  1. Gå till Dashboard -> Inställningar -> Checkout -> Utseende.
  2. Klicka på Ladda upp ny logotyp.
  3. Välj filen från din dator och klicka sedan på Öppna.

Ladda upp din favicon

För att ladda upp din favicon till din checkout-sida:

  1. Gå till Dashboard -> Inställningar -> Checkout -> Utseende.
  2. Klicka på Ladda upp ny favicon.
  3. Välj filen från din dator och klicka sedan på Öppna.

Hitta favicon-fil att spara

Om du inte har din favicon-fil på din dator, följ dessa steg för att hämta den från din webbplats innan du laddar upp den till Dashboard.

  1. Gå till din webbplats.
  2. Högerklicka på din webbplats sida och välj Visa sidkälla från rullgardinsmenyn.
  3. Hitta favicon genom att klicka ctrl+f (eller command+f på en Mac) och söka efter ordet "favicon."
  4. Klicka på länken som visas för favicon för att hämta bilden.
  5. Högerklicka på bilden och spara bilden i ICO-format.
    1. Om din bild inte kan sparas i ICO-format, spara den i sitt nuvarande format och använd sedan ett program som Convertio för att konvertera filen till en ICO-fil.

Ändra färger

För att anpassa färgerna på din checkout-sida:

  1. Gå till Dashboard -> Inställningar -> Checkout -> Utseende.
  2. Under Färger, klicka på den färg du vill ändra.
  3. Välj en förinställd färg eller ange Hex-färgkoden för den färg du vill ha.

Om du behöver hjälp med att hitta Hex-färgkoden för dina varumärkesfärger kan du använda en färgplockare-tillägg i din webbläsare för att hämta hex-färgkoderna från din webbplats.

Element du kan anpassa färg

Du kan anpassa checkout-sidan att ha upp till tre färger:

  • Primärfärg (för radioknappar, kryssrutor, inmatningar, länkar)
  • Knapparnas färg (färgen på checkout-knappen som du trycker på för att lägga en beställning)
  • Headerfärg (bakgrundsfärgen på headern)

Förhandsgranska din checkout design

  1. Gå till Dashboard -> Inställningar -> Checkout -> Utseende.
  2. Klicka på Live preview i det övre högra hörnet av sidan.

Felsökning av live preview som inte visas

Om live preview inte visas, följ stegen nedan för att generera en mock checkout. Efter att ha gjort detta en gång kommer live preview att fungera korrekt utan att behöva följa stegen nedan vid ytterligare förhandsvisningar.

  1. Gå till Dashboard -> Beställningar -> Mock checkout.
  2. Klicka på Generera checkout.

Var den här sidan hjälpsam?