Hjelp
Logg på

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 deretter til på nettsiden eller i blogginnlegget der du vil at knappen skal vises. Du vil kanskje for eksempel legge til Kjøp-knappen på Wordpress-bloggen eller Squarespace-nettstedet ditt.

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

På denne siden

Tilpasse Kjøp-knapper

Du kan tilpasse en Kjøp-knapps utseende og hvordan den fungerer:

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

Mens du tilpasser knappen, kan du forhåndsvise endringene dine. Du kan teste funksjonaliteten til Kjøp-knappen ved å klikke på forhåndsvisningen.

Layoutstil

Du kan velge layouten til Kjøp-knappen.

Beskrivelser av de tilgjengelige layoutene Basic, Classic og 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 et annet sted på nettet, og bare vil legge til en knapp for å gjennomføre kjøpet.
ClassicVelg denne layouten for å vise et produktbilde og en pris ved siden av Kjøp-knappen. Denne layouten er nyttig for en rask forhåndsvisning av produktet, for eksempel i et blogginnlegg.
Full visningVelg denne layouten for å vise et produktbilde, pris og beskrivelse ved siden av Kjøp-knappen. Denne layouten etterligner en produktdetaljside i nettbutikken din.

Handlinger for Kjøp-knappen

Når du oppretter en Kjøp-knapp, kan du velge handlingen som utføres når du klikker på knappen.

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

  • Legg produkt i handlekurven legger til produktet i en handlekurv. Kundene kan fortsette å handle og legge til flere produkter i handlekurven.
  • Direkte til kassen sender kunden direkte til kassen, der de kan kjøpe produktet. Kundene kan ikke legge til flere produkter i bestillingen.
  • Åpne produktopplysninger viser en « Vis produkt »-knapp. Når kunden klikker på knappen, kan vedkommende se produktbeskrivelsen, velge tilgjengelige produktvarianter og legge produktet i handlekurven. Hvis et produkt har flere produktbilder, vises disse også.
    • Dette alternativet er ikke tilgjengelig når du velger Full visning-layouten, fordi Full visning-layouten allerede viser alle produktopplysningene.

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

Utseende på Kjøp-knappen

  • Knappestil omfatter form, farge og typografi for knappedelen av Kjøp-knappen.
  • Layout: Avhengig av hvilken layoutstil du velger, kan du tilpasse innstillinger som justering av knappen, bildestørrelse, knappetekst, skrifttype, farge og størrelse.
  • Handlekurv omfatter tekst- og fargealternativer for den integrerte handlekurven. Du kan også aktivere og tilpasse etiketten for feltet « Bestillingsnotat ». Du kan bruke bestillingsnotater for å samle inn spesielle instruksjoner fra kunder om hvordan en bestilling skal klargjøres og leveres. Feltet « Tilleggsinformasjon » lar deg formidle en melding til kundene dine.
    • Du kan bare redigere innstillingene for handlekurven hvis du har valgt Legg produkt i handlekurven eller Åpne produktopplysninger som knappens handling.
  • Detaljert pop-up omfatter innstillingene for pop-up-vinduet med produktopplysninger. Du kan tilpasse knappeteksten, om kvantitetsfeltet skal inkluderes, fargene som brukes for bakgrunn og etiketter, og skrifttypen og skriftstørrelsen på etikettene. Du kan bare redigere disse innstillingene hvis du har valgt Åpne produktopplysninger som knappens handling.

Opprett en Kjøp-knapp for et enkeltprodukt

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

Før du kan opprette en Kjøp-knapp for et produkt, må du ha lagt til produktet i Shopify-administratorpanelet og gjort det tilgjengelig for Kjøp-knapp-salgskanalen.

Trinn:

Stasjonær PC

  1. Fra Shopify-administratorpanelet går du til Salgskanaler > Buy Button.

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

  3. Klikk på Kjøp-knapp for produkt.

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

  5. Valgfritt: tilpass Kjøp-knappen.

    1. Hvis produktet 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 utseendet til knappen.
    3. Som standard åpnes kassen i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet. Klikk på Avanserte innstillinger > Omdiriger i samme fane.

  6. Klikk på Neste.

  7. Klikk på Kopier kode.

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

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

Mobil

  1. Fra Shopify-appen trykker du på Menu-ikonet.

  2. I delen Salgskanaler 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, eller bruk søkefeltet til å finne et produkt, og trykk deretter på Velg.

  6. Valgfritt: Trykk på Tilpass.

    1. Hvis produktet har flere varianter, velger du Alle varianter eller en variant fra rullegardinlisten.
    2. Velg en layoutstil og handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse utseendet til knappen.
    3. Som standard åpnes kassen i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet. Trykk på Avanserte innstillinger > Omdiriger 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-koden der du vil at Kjøp-knappen skal vises, og lagre deretter endringene.

Opprett en Kjøp-knapp for en samling

Når du oppretter en Kjøp-knapp for en samling, oppretter du egentlig 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 utføres når en kunde klikker på den. Finn ut mer om å tilpasse Kjøp-knapper.

Før du kan opprette en Kjøp-knapp for en samling, må du:

Trinn:

Stasjonær PC

  1. Fra Shopify-administratorpanelet går du til Salgskanaler > Buy Button.

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

  3. Klikk på Kjøp-knapp for samling.

  4. Velg samlingen, eller bruk søkefeltet for å finne den. Klikk på Velg.

  5. Valgfritt: tilpass Kjøp-knappen.

    1. Velg handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
    2. Som standard åpnes kassen i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet. Klikk på Avanserte innstillinger > Omdiriger i samme fane.

  6. Klikk på Neste.

  7. Klikk på Kopier kode.

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

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

Mobil

  1. Fra Shopify-appen trykker du på Menu-ikonet.

  2. I delen Salgskanaler 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økefeltet for å finne den, og trykk deretter 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. Som standard åpnes kassen i et nytt vindu, men du kan velge å åpne kassen i samme nettleserfane som nettstedet. Trykk på Avanserte innstillinger > Omdiriger 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-koden der du vil at Kjøp-knappen skal vises, og lagre deretter endringene.