DOCS

Checkout-design

Checkout-design

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

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

Så här laddar ni upp er logotyp till er checkout-sida:

  1. Gå till Dashboard -> Settings -> Checkout -> Appearance.
  2. Klicka på Upload new logo.
  3. Välj filen från er dator och klicka sedan på Open.

Så här laddar ni upp er favicon till er checkout-sida:

  1. Gå till Dashboard -> Settings -> Checkout -> Appearance.
  2. Klicka på Upload new favicon.
  3. Välj filen från er dator och klicka sedan på Open.

Hitta favicon-fil att spara 

Om ni inte har er favicon-fil på datorn följer ni dessa steg för att hämta den från er webbplats innan ni laddar upp den till Dashboard.

  1. Gå till er webbplats.
  2. Högerklicka på er webbplatssida och välj sedan View page source i rullgardinsmenyn.
  3. Hitta favicon genom att trycka på ctrl+f (eller command+f på en Mac) och sedan söka efter ordet "favicon."
  4. Klicka på länken som visas för favicon för att öppna bilden.
  5. Högerklicka på bilden och spara den i ICO-format.
    1. Om bilden inte sparas i ICO-format sparar ni den i sitt nuvarande format och använder sedan ett program som Convertio för att konvertera filen till en ICO-fil.

Så här anpassar ni färgerna på er checkout-sida:

  1. Gå till Dashboard -> Settings -> Checkout -> Appearance.
  2. Under Colors klickar ni på den färg ni vill ändra.
  3. Välj en förinställd färg eller ange Hex-färgkoden för den färg ni vill ha.

Om ni behöver hjälp att hitta Hex-färgkoden för era varumärkesfärger kan ni använda ett färgväljar-tillägg i er webbläsare för att hämta hex-färgkoderna från er webbplats.

Element ni kan anpassa färg för 

Ni kan anpassa checkout-sidan med upp till tre färger:

  • Primary color (för radioknappar, kryssrutor, inmatningsfält, länkar)
  • Button color (färgen på checkout-knappen ni trycker på för att lägga en order)
  • Header color (bakgrundsfärgen på sidhuvudet)

För att förhandsgranska er checkout-design skapar ni en testorder. Gör så här:

  1. I Dashboard navigerar ni till Orders.
  2. Växla till Test Mode -> klicka på Create test order
  3. Ange testorderuppgifterna och klicka sedan på Create order.

Er checkout visar då den design ni har ställt in i avsnittet Appearance.

Boka en demo

Var den här sidan till hjälp?