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.
På denne siden
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.
Basic | Velg 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. |
Klassisk | Velg 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. |
Fullvisning | Velg 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
Gå til Innstillinger > Apper og salgskanaler fra Shopify-administrator.
Klikk Buy Button fra siden Apper og salgskanaler.
Klikk Åpne salgskanal.
Klikk på Opprett en Kjøp-knapp.
Klikk på produktets Kjøp-knapp.
Velg produktet fra katalogen din eller bruk søkefeltet til å finne et produkt. Klikk på Velg.
-
Valgfritt: Tilpass kjøp-knappen.
- Hvis produktet ditt har varianter, velger du alle varianter eller velger varianten du vil inkludere.
- Velg en layoutstil og handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
- 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.
Klikk på Neste.
Klikk på Kopier kode.
Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.
Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.
iPhone
- Trykk på …-knappen fra Shopify-appen.
- I Salgskanal-seksjonen, trykker du på Kjøp-knapp.
- Trykk på Opprett en Kjøp-knapp.
- Trykk på Kjøp-knapp for produkt.
- Velg produktet fra katalogen din eller bruk søket til å finne et produkt, og trykk på Velg.
-
Valgfritt: Trykk på Tilpass.
- Hvis produktet ditt har flere varianter, velger du alle varianter eller velger en variant fra rullegardinmenyen.
- Velg en layoutstil og handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
- 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.
Trykk på Ferdig.
Trykk på Kopier kode.
Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.
Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.
Android
- Trykk på …-knappen fra Shopify-appen.
- I Salgskanal-seksjonen, trykker du på Kjøp-knapp.
- Trykk på Opprett en Kjøp-knapp.
- Trykk på Kjøp-knapp for produkt.
- Velg produktet fra katalogen din eller bruk søket til å finne et produkt, og trykk på Velg.
-
Valgfritt: Trykk på Tilpass.
- Hvis produktet ditt har flere varianter, velger du alle varianter eller velger en variant fra rullegardinmenyen.
- Velg en layoutstil og handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
- 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.
Trykk på Ferdig.
Trykk på Kopier kode.
Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.
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:
- La til produktene i Shopify-administrator,
- Laget produktene som er tilgjengelige for salgskanalens Kjøp-knapp
- Opprettet samlingen.
Steg:
Datamaskin
Gå til Innstillinger > Apper og salgskanaler fra Shopify-administrator.
Klikk Buy Button fra siden Apper og salgskanaler.
Klikk Åpne salgskanal.
Klikk på Opprett en Kjøp-knapp.
Klikk på samling Kjøp-knapp.
Velg samlingen eller bruk søkefeltet for å finne samlingen. Klikk på Velg.
-
Valgfritt: Tilpass kjøp-knappen.
- Velg handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
- 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.
Klikk på Neste.
Klikk på Kopier kode.
Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.
Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.
iPhone
- Trykk på …-knappen fra Shopify-appen.
- I Salgskanal-seksjonen, trykker du på Kjøp-knapp.
- Trykk på Opprett en Kjøp-knapp.
- Trykk på Kjøp-knapp for samling.
- Velg samlingen eller bruk søket til å finne samlingen, og trykk på Velg.
-
Valgfritt: Trykk på Tilpass.
- Velg handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
- 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.
Trykk på Ferdig.
Trykk på Kopier kode.
Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.
Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.
Android
- Trykk på …-knappen fra Shopify-appen.
- I Salgskanal-seksjonen, trykker du på Kjøp-knapp.
- Trykk på Opprett en Kjøp-knapp.
- Trykk på Kjøp-knapp for samling.
- Velg samlingen eller bruk søket til å finne samlingen, og trykk på Velg.
-
Valgfritt: Trykk på Tilpass.
- Velg handlingen som skjer når en kunde klikker på knappen. Du kan også tilpasse knappens utseende.
- 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.
Trykk på Ferdig.
Trykk på Kopier kode.
Åpne HTML-redigeringsprogrammet for nettsiden der du vil vise Kjøp-knappen. Se Legge til Kjøp-knapp-kode i HTML.
Lim inn koden i HTML-en der du vil at Kjøp-knappen skal vises, og lagre endringene.