Logg på
Start gratis prøveperiode

Bruke redigeringsprogrammet for merkevarebygging i Checkout Blocks

Du kan bruke redigeringsprogrammet for merkevarebygging i Checkout Blocks, drevet av Checkout Branding API, til å tilpasse estetikken i kasse- og kontosidene uten å måtte endre kode.

Du kan bruke redigeringsprogrammet for merkevarebygging til å redigere fargene og kasseelementene for alle kassekonfigurasjoner. Endringer du gjør i kassedesignet med redigeringsprogrammet for merkevarebygging, gjelder for alle sider i kassen, inkludert takkesiden, bestillingsstatussiden og sider for nye kundekontoer.

For å starte redigeringsprogrammet for merkevarebygging fra Shopify-administratoren klikker du på Apper > Checkout Blocks og klikker på Redigeringsprogram for merkevarebygging.

På denne siden

Tilpass kassefarger

I Farger-delen kan du tilpasse grunnfargene i kassen. Du kan også tilpasse opptil fire fargevalg som gjelder for enkeltdeler når du vil gjøre flere endringer i designet. Du kan redigere fargetyper, inkludert uthevingsfarger (for interaktive elementer, for eksempel koblinger) og merkevarefarger (brukes for elementer som primære og sekundære knapper).

Trinn:

Customize global colors
  1. Fra Shopify-administratoren, klikk på Apper > Checkout Blocks.
  2. Klikk på Redigeringsprogram for merkevarebygging.
  3. Klikk på Globale farger i Farger-delen.

  4. For å overstyre en eksisterende kassefarge i Globale farger-delen klikker du på ⊕-ikonet, og deretter velger du fargen ved å gjøre en av de følgende handlingene:

    • Bruk fargevelgeren til å velge fargen.
    • Skriv inn HEX-fargekoden i det tilgjengelige feltet.

  5. Klikk på Lagre.

Customize color schemes
  1. Fra Shopify-administratoren, klikk på Apper > Checkout Blocks.
  2. Klikk på Redigeringsprogram for merkevarebygging.
  3. I Farger-delen klikker du på Plan 1, Plan 2, Plan 3 eller Plan 4 for å tilpasse en bestemt fargeplan.

  4. Velg en av følgende komponenter du vil tilpasse:

    • Hovedfarger
    • Skjemakontroller
    • Primærknapp
    • Sekundær knapp

  5. I Grunn-delen klikker du på ⊕-ikonet ved siden av fargetypen du vil tilpasse, og velger fargen du vil bruke, ved å gjøre en av følgende handlinger:

    • Bruk fargevelgeren til å velge fargen.
    • Skriv inn HEX-fargekoden i det tilgjengelige feltet.

  6. Valgfritt: Hvis du redigerer planen for Skjemakontroller , Primærknapp eller Sekundærknapp, kan du også tilpasse fargene for samhandlingene Ved valg eller Når markøren holdes over. Klikk på ⊕-ikonet ved siden av fargetypen du vil tilpasse, og velger fargen du vil bruke, ved å gjøre en av følgende handlinger:

    • Bruk fargevelgeren til å velge fargen.
    • Skriv inn HEX-fargekoden i det tilgjengelige feltet.

  7. Klikk på Lagre.

Tilpass kasseelementer

I Tilpasninger-delen av redigeringsprogrammet for merkevarebygging kan du redigere følgende elementer av kassen:

  • Favorittikon: Velg ikonet som vises til kunder i nettleserfanen i kassen.
  • Global: Juster hjørneradius for alle elementer (skjemainndata, knapper og kort).
  • Overskrift og logo: Velg overskriftposisjon i kassen, i tillegg til hvorvidt du vil vise søkebaner, en handlekurvkobling og en logo.
  • Hoved: Legg til designplaner i hovedområdet for innhold i kassen, inkludert bakgrunnsbilder, kantbredder og fargeplaner.
  • Bestillingsoversikt: Legg til designplaner i sidefeltet i kassen som inneholder kundens bestillingsoversikt, inkludert bakgrunnsbilder, kantbredder og fargeplaner.
  • Bunntekst: Velg bunntekstbredden i kassen samt hvorvidt butikkens retningslinjer skal vises.
  • Typografi: Velg skriftstørrelse, skrifttypefamilie og skriftvekt, størrelse, utligning og bokstavtilfeller for opptil 3 nivåer av overskrifter.
  • Knapper: Velg marg, kanter og stiler for de primære og sekundære knappene.
  • Skjemaer: Tilpass stilene for skjemainndata i kassen, for eksempel avmerkingsbokser, tekstfelt og utvalgte alternativer fra en liste.
  • Miniatyrbilder av produkt: Juster stilene for kant- og hjørneradius for produktbilder i kassen.

Trinn:

  1. Fra Shopify-administratoren, klikk på Apper > Checkout Blocks.
  2. Klikk på Redigeringsprogram for merkevarebygging.
  3. I Tilpasninger-delen klikker du på et av elementene du vil tilpasse, for eksempel Overskrift og logo.
  4. Juster kasseelementet etter preferansene dine med de tilgjengelige tilpasningsalternativene.
  5. Klikk på Lagre.

Bytt konfigurasjoner av kassen

Når du åpner redigeringsprogrammet for merkevarebygging, redigerer du som standard kassekonfigurasjonen som er Aktiv. Du kan imidlertid endre hvilken kassekonfigurasjon du vil redigere med merkevareredigeringsprogrammet, i tillegg til å opprette nye kassekonfigurasjoner.

Finn ut mer om administrering av konfigurasjoner for aktiv kasse og utkastkasse.

Trinn:

  1. Fra Shopify-administratoren, klikk på Apper > Checkout Blocks.
  2. Klikk på Redigeringsprogram for merkevarebygging.
  3. Klikk på navnet til den gjeldende kassekonfigurasjonen for å åpne en rullegardinmeny som inneholder en liste over aktive konfigurasjonen samt eventuelle konfigurasjoner av utkast, og velg kassekonfigurasjonen du vil tilpasse:
    • Velg en eksisterende konfigurasjon du vil redigere.
    • Klikk på ⊕ Opprett ny konfigurasjon for å bli omdirigert til Kasse-innstillinger i Shopify-administratoren.

Forhåndsvis kassen

Du kan når som helst forhåndsvise endringene du gjør i redigeringsprogrammet for merkevarebygging, ved å velge kassekonfigurasjonen du vil forhåndsvise, og klikke på Forhåndsvisning. Redigeringsprogrammet for kasse og kontoer åpnes i en separat fane med alle endringene dine lagt til, slik at du kan forhåndsvise hvordan de vises i kassen.

Trinn:

  1. Fra Shopify-administratoren, klikk på Apper > Checkout Blocks.
  2. Klikk på Redigeringsprogram for merkevarebygging.
  3. Gjør tilpasninger i kassekonfigurasjonens farger eller kasseelementer som du vil justere.
  4. Klikk på Forhåndsvisning.

Eksportere og importere kassekonfigurasjoner

Du kan eksportere og importere kassekonfigurasjoner ved hjelp av JSON-filer.

Eksporter en kassekonfigurasjon:

  1. Fra Shopify-administratoren, klikk på Apper > Checkout Blocks.
  2. Klikk på Redigeringsprogram for merkevarebygging.
  3. Velg kassekonfigurasjonen med tilpasninger lagt til i med redigeringsprogrammet for merkevarebygging.
  4. Klikk på Flere handlinger > Eksporter konfigurasjon.

Kassekonfigurasjonen lastes ned som en .json på den lokale enheten.

Importer en kassekonfigurasjon:

  1. Fra Shopify-administratoren, klikk på Apper > Checkout Blocks.
  2. Klikk på Redigeringsprogram for merkevarebygging.
  3. Velg kassekonfigurasjonen du vil bruke den importerte merkevareprofilen på.
  4. Klikk på Flere handlinger > Importer konfigurasjon.

  5. I dialogboksen Importer Checkout Branding laster du opp JSON-filen for merkevarebygging:

    1. Klikk på Legg til fil.
    2. Velg riktig JSON-fil fra enheten din.
    3. Klikk på Importer og fortsett.

  6. Gjennomgå den forhåndsinnlastede tilpasningen av konfigurasjon. Modifiser etter behov.

  7. Klikk på Lagre.

Tilbakestill kassestilen til standard

Når du redigerer et farge- eller kasseelement med redigeringsprogrammet for merkevarebygging, kan du tilbakestille den spesifikke verdien tilbake til standardverdien ved å klikke på Tilbakestill ved siden av fargen eller elementet du endret.

Du kan når som helst tilbakestille hele kassekonfigurasjonen for merkevarebygging til standardverdiene i Shopify. Tilbakestilling av kassekonfigurasjonen fjerner alle tilpasninger fra alle sidene i redigeringsprogrammet for merkevarebygging. Denne handlingen kan ikke angres.

Trinn:

  1. Fra Shopify-administratoren, klikk på Apper > Checkout Blocks.
  2. Klikk på Redigeringsprogram for merkevarebygging.
  3. Velg kassekonfigurasjonen du vil tilbakestille.
  4. Klikk på Tilbakestill til standard.
  5. I dialogboksen Vil du tilbakestille til standardstiler? klikker du på Fortsett.
Finner du ikke svarene du leter etter? Vi er her for å hjelpe deg.