Opprette en Kjøp-knapp

Når du har lagt til Kjøp-knapp-salgskanalen i Shopify-administrator, kan du opprette en Kjøp-knapp for et produkt eller en samling.

Når du har opprettet en Kjøp-knapp, kopierer du den automatisk genererte koden og legger den til i nettstedet eller blogginnlegget der du vil at knappen skal vises. Du vil for eksempel kanskje legge til Kjøp-knappen på WordPress-bloggen din eller Squarespace-nettstedet ditt.

Utseendet til Kjøp-knappen kan ikke endres når du har integrert den på nettstedet ditt. Hvis du vil endre den, må du opprette en ny knapp i kanalen og erstatte den opprinnelige koden med den nye koden.

Tilpassing av Kjøp-knapper

Du kan tilpasse utseendet til en Kjøp-knapp og hvordan den fungerer:

  • fargen
  • størrelsen
  • skrifttypen
  • hva som skjer når noen klikker på knappen
  • hvorvidt kassen åpnes i et nytt nettleservindu

Når du tilpasser knappen, kan du forhåndsvise endringene dine. Du kan teste hva Kjøp-knappen gjør ved å klikke på forhåndsvisningen.

Layoutstil

Du kan velge Layouten på Kjøp-knappen.

Beskrivelser av de tilgjengelige Basic-, Classic- og Layout med full visning for Kjøp-knapper.
BasicVelg denne layouten for å legge til en Kjøp-knapp uten produktbilde. Du vil kanskje gjøre dette hvis du allerede viser produktene dine andre steder på nettet, men bare vil legge til en knapp for kjøpets skyld.
KlassiskVelg denne layouten for å vise et produktbilde og pris ved siden av Kjøp-knappen. Denne Layouten er nyttig for en rask produktforhåndsvisning, for eksempel i et blogginnlegg.
FullvisningVelg denne layouten for å vise et produktbilde, pris og beskrivelse ved siden av Kjøp-knappen. Denne layouten etterligner en produktdetaljside i nettbutikken.

Handlinger for Kjøp-knapp

Når du oppretter en Kjøp-knapp, kan du velge hva som skal skje når noen klikker på den.

Hvis Kjøp-knappen er for en samling, gjelder handlingen for hvert produkt i samlingen.

  • Legg til produkt i handlekurven legger til produktet i en handlekurv. Kundene kan fortsette å handle og legge til flere produkter i handlekurven.
  • Direkte til kassen fører kunden direkte til kassen, der de kan kjøpe produktet. Kundene kan ikke legge til ytterligere produkter i bestillingen.
  • Åpne produktdetaljer viser en Vis produkt-knapp. Når kunden klikker på knappen, kan de se beskrivelsen av produktet, velge alle tilgjengelige produktvarianter og legge til produktet i handlekurven. Hvis et produkt har flere produktbilder, vises også disse.
    • Dette alternativet er ikke tilgjengelig når du velger layout med full visning ettersom layouten med full visning allerede viser alle produktdetaljene.

Du kan også velge om kassen skal åpnes i et nytt nettleservindu eller om den skal åpnes i samme fane som nettstedet ditt. Standardfunksjonen er at den åpnes i et nytt vindu.

Utseende på Kjøp-knapp

  • Knappestil inkluderer form, farge og typografi for knappedelen av Kjøp-knappen.
  • Layout Avhengig av hvilken layoutstil du velger, kan du tilpasse innstillinger som knappejustering, bildestørrelse, knappetekst, skrifttype, farge og størrelse.
  • Handlekurv inkluderer tekst-og fargealternativer for den innebygde handlekurven. Du kan også aktivere og tilpasse etiketten for bestillingsmerknad-feltet. Du kan bruke bestillingsmerknader til å innhente spesielle instruksjoner fra kunder om hvordan du klargjør og leverer en bestilling. Tilleggsinformasjon-feltet lar deg sende en melding til kundene dine.

    • Du kan kun redigere innstillingene for handlekurven hvis du har valgt Legg til produkt i handlekurven eller Åpne produktdetaljer som knappens handling.
  • Detaljert forgrunnsvindu inkluderer innstillingene for forgrunnsvinduet for produktdetaljer. Du kan tilpasse teksten på knappen, om det skal inkludere antallsfeltet, etikett- og bakgrunnsfargen og skrifttype og skriftstørrelse på etikettteksten. Du kan bare redigere disse innstillingene hvis du har valgt Åpne produktdetaljer som knappens handling.

Opprett en Kjøp-knapp for et enkelt produkt

Du kan opprette en Kjøp-knapp for et enkelt produkt. Kjøp-knappen kan inkludere én eller alle produktvariantene. Når du oppretter Kjøp-knappen, velger du en layoutstil og tilpasser knappens farge, tekst og utseende, i tillegg til handlingen som skjer når en kunde klikker på den. Finn ut mer om tilpassing av Kjøp-knapper.

Før du oppretter en Kjøp-knapp for et produkt, må du ha lagt til produktet i Shopify-administrator og gjort den tilgjengelig for salgskanalens Kjøp-knapp.

Steg:

Datamaskin
  1. Gå til Innstillinger > Apper og salgskanaler fra Shopify-administrator.

  2. Klikk Buy Button fra siden Apper og salgskanaler.

  3. Klikk Åpne salgskanal.

  4. Klikk på Opprett en Kjøp-knapp.

  5. Klikk på produktets Kjøp-knapp.

  6. Velg produktet fra katalogen din eller bruk søkefeltet til å finne et produkt. Klikk på Velg.

  7. Valgfritt: Tilpass kjøp-knappen.

    1. Hvis produktet ditt har varianter, velger du alle varianter eller velger varianten du vil inkludere.
    2. Velg en layoutstil og handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
    3. Kassen er standardinnstilt til å åpne seg i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet ditt. Klikk på Avanserte innstillinger > Omdirigering i samme fane.
  8. Klikk på Neste.

  9. Klikk på Kopier kode.

  10. Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.

  11. Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.

iPhone
  1. Trykk på -knappen fra Shopify-appen.
  2. I Salgskanal-seksjonen, trykker du på Kjøp-knapp.
  3. Trykk på Opprett en Kjøp-knapp.
  4. Trykk på Kjøp-knapp for produkt.
  5. Velg produktet fra katalogen din eller bruk søket til å finne et produkt, og trykk på Velg.
  6. Valgfritt: Trykk på Tilpass.

    1. Hvis produktet ditt har flere varianter, velger du alle varianter eller velger en variant fra rullegardinmenyen.
    2. Velg en layoutstil og handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
    3. Kassen er standardinnstilt til å åpnes i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet ditt. Trykk på Avanserte innstillinger > Omdirigering i samme fane.
  7. Trykk på Ferdig.

  8. Trykk på Kopier kode.

  9. Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.

  10. Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.

Android
  1. Trykk på -knappen fra Shopify-appen.
  2. I Salgskanal-seksjonen, trykker du på Kjøp-knapp.
  3. Trykk på Opprett en Kjøp-knapp.
  4. Trykk på Kjøp-knapp for produkt.
  5. Velg produktet fra katalogen din eller bruk søket til å finne et produkt, og trykk på Velg.
  6. Valgfritt: Trykk på Tilpass.

    1. Hvis produktet ditt har flere varianter, velger du alle varianter eller velger en variant fra rullegardinmenyen.
    2. Velg en layoutstil og handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
    3. Kassen er standardinnstilt til å åpnes i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet ditt. Trykk på Avanserte innstillinger > Omdirigering i samme fane.
  7. Trykk på Ferdig.

  8. Trykk på Kopier kode.

  9. Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.

  10. Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.

Opprett en Kjøp-knapp for en samling

Når du oppretter en Kjøp-knapp for en samling, oppretter du faktisk en knapp for hvert produkt i samlingen.

Når du oppretter Kjøp-knappen, velger du en layoutstil og tilpasser knappens farge, tekst og utseende, i tillegg til handlingen som skjer når en kunde klikker på den. Finn ut mer om tilpassing av Kjøp-knapper.

Før du oppretter en Kjøp-knapp for en samling, må du ha:

Steg:

Datamaskin
  1. Gå til Innstillinger > Apper og salgskanaler fra Shopify-administrator.

  2. Klikk Buy Button fra siden Apper og salgskanaler.

  3. Klikk Åpne salgskanal.

  4. Klikk på Opprett en Kjøp-knapp.

  5. Klikk på samling Kjøp-knapp.

  6. Velg samlingen eller bruk søkefeltet for å finne samlingen. Klikk på Velg.

  7. Valgfritt: Tilpass kjøp-knappen.

    1. Velg handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
    2. Kassen er standardinnstilt til å åpne seg i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet ditt. Klikk på Avanserte innstillinger > Omdirigering i samme fane.
  8. Klikk på Neste.

  9. Klikk på Kopier kode.

  10. Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.

  11. Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.

iPhone
  1. Trykk på -knappen fra Shopify-appen.
  2. I Salgskanal-seksjonen, trykker du på Kjøp-knapp.
  3. Trykk på Opprett en Kjøp-knapp.
  4. Trykk på Kjøp-knapp for samling.
  5. Velg samlingen eller bruk søket til å finne samlingen, og trykk på Velg.
  6. Valgfritt: Trykk på Tilpass.

    1. Velg handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
    2. Kassen er standardinnstilt til å åpnes i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet ditt. Trykk på Avanserte innstillinger > Omdirigering i samme fane.
  7. Trykk på Ferdig.

  8. Trykk på Kopier kode.

  9. Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.

  10. Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.

Android
  1. Trykk på -knappen fra Shopify-appen.
  2. I Salgskanal-seksjonen, trykker du på Kjøp-knapp.
  3. Trykk på Opprett en Kjøp-knapp.
  4. Trykk på Kjøp-knapp for samling.
  5. Velg samlingen eller bruk søket til å finne samlingen, og trykk på Velg.
  6. Valgfritt: Trykk på Tilpass.

    1. Velg handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
    2. Kassen er standardinnstilt til å åpnes i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet ditt. Trykk på Avanserte innstillinger > Omdirigering i samme fane.
  7. Trykk på Ferdig.

  8. Trykk på Kopier kode.

  9. Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.

  10. Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.

Finner du ikke svarene du leter etter? Vi er her for å hjelpe deg.