Opprette en Kjøp-knapp

Denne siden ble skrevet ut den Oct 26, 2023. Gå til https://help.shopify.com/nb/manual/online-sales-channels/buy-button/create-buy-button for nyeste versjon.

Når du harlagt til Kjøp-knapp-salgskanaleni Shopify-administrator, kan du opprette en Kjøp-knapp foret produktelleren 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 stå. Du vil for eksempel kanskje legge til Kjøp-knappen på WordPress-bloggen eller Squarespace-nettstedet ditt.

Utseendet直到Kjøp-knappen菅直人ikke endres nar duhar 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.

Tilgjengelige oppsett for kjøp-knapper
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 handlekurvenlegger til produktet i en handlekurv. Kundene kan fortsette å handle og legge til flere produkter i handlekurven.
  • Direkte til kassenfører kunden direkte til kassen, der de kan kjøpe produktet. Kundene kan ikke legge til ytterligere produkter i bestillingen.
  • Åpne produktdetaljerviser enVis 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 medfull visningettersom layouten medfull visningallerede 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

  • Knappestilinkluderer form, farge og typografi for knappedelen av Kjøp-knappen.
  • LayoutAvhengig av hvilken layoutstil du velger, kan du tilpasse innstillinger som knappejustering, bildestørrelse, knappetekst, skrifttype, farge og størrelse.

  • Handlekurvinkluderer tekst-og fargealternativer for den innebygde handlekurven. Du kan også aktivere og tilpasse etiketten forbestillingsmerknad-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 valgtLegg til produkt i handlekurvenellerÅpne produktdetaljersom knappenshandling.

  • Detaljert popup-vindu inkluderer innstillingene for popup-vinduet for produktdetaljer. Du kan tilpasse teksten på knappen, om det skal vise antallsfeltet, etikett- og bakgrunnsfargen og skrifttype og skriftstørrelse på etikettteksten. Du kan kun redigere disse innstillingene hvis du har valgtÅpne produktdetaljersom knappenshandling.

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 omtilpassing av Kjøp-knapper.

Før du oppretter en Kjøp-knapp for et produkt, må du halagt til produktet i Shopify-administratoren dinoggjort den tilgjengeligfor salgskanalens Kjøp-knapp.

Steg:

  1. KlikkInnstillinger>Apper og salgskanalerfra Shopify-administrator.

  2. KlikkBuy Buttonfra sidenApper 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 dualle variantereller velger varianten du vil inkludere.
    2. Velg enlayoutstiloghandlingensom 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. Apne HTML-redigeringsprogrammet nettsiden derdu vil vise Kjøp-knappen. SeLegge 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.

  1. Trykk på…-knappen fraShopify-appen.
  2. ISalgskanal-seksjonen, trykker du påKjøp-knapp.
  3. Klikk påOpprett en Kjøp-knapp.
  4. Klikk påproduktets Kjøp-knapp.
  5. Velg produktet fra katalogen din eller bruk søkefeltet til å finne et produkt. Klikk påVelg.

  6. Valgfritt: Klikk påTilpass.

    1. Hvis produktet ditt har flere varianter, velger dualle variantereller velger en variant fra rullegardinmenyen.
    2. Velg enlayoutstiloghandlingensom 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.

  7. Klikk påFerdig.

  8. Klikk påKopier kode.

  9. Apne HTML-redigeringsprogrammet nettsiden derdu vil vise Kjøp-knappen. SeLegge 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.

  1. Trykk på…-knappen fraShopify-appen.
  2. ISalgskanal-seksjonen, trykker du påKjøp-knapp.
  3. Klikk påOpprett en Kjøp-knapp.
  4. Klikk påproduktets Kjøp-knapp.
  5. Velg produktet fra katalogen din eller bruk søkefeltet til å finne et produkt. Klikk påVelg.

  6. Valgfritt: Klikk påTilpass.

    1. Hvis produktet ditt har flere varianter, velger dualle variantereller velger en variant fra rullegardinmenyen.
    2. Velg enlayoutstiloghandlingensom 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.

  7. Klikk påFerdig.

  8. Klikk påKopier kode.

  9. Apne HTML-redigeringsprogrammet nettsiden derdu vil vise Kjøp-knappen. SeLegge 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 omtilpassing av Kjøp-knapper.

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

Steg:

  1. KlikkInnstillinger>Apper og salgskanalerfra Shopify-administrator.

  2. KlikkBuy Buttonfra sidenApper 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. Velghandlingensom 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. Apne HTML-redigeringsprogrammet nettsiden derdu vil vise Kjøp-knappen. SeLegge 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.

  1. Trykk på…-knappen fraShopify-appen.
  2. ISalgskanal-seksjonen, trykker du påKjøp-knapp.
  3. Klikk påOpprett en Kjøp-knapp.
  4. Klikk påsamling Kjøp-knapp.
  5. Velg samlingen eller bruk søkefeltet for å finne samlingen. Klikk påVelg.

  6. Valgfritt: Klikk påTilpass.

    1. Velghandlingensom 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.

  7. Klikk påFerdig.

  8. Klikk påKopier kode.

  9. Apne HTML-redigeringsprogrammet nettsiden derdu vil vise Kjøp-knappen. SeLegge 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.

  1. Trykk på…-knappen fraShopify-appen.
  2. ISalgskanal-seksjonen, trykker du påKjøp-knapp.
  3. Klikk påOpprett en Kjøp-knapp.
  4. Klikk påsamling Kjøp-knapp.
  5. Velg samlingen eller bruk søkefeltet for å finne samlingen. Klikk påVelg.

  6. Valgfritt: Klikk påTilpass.

    1. Velghandlingensom 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.

  7. Klikk påFerdig.

  8. Klikk påKopier kode.

  9. Apne HTML-redigeringsprogrammet nettsiden derdu vil vise Kjøp-knappen. SeLegge 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.

Er du klar til å begynne å selge med Shopify?

Prøv det gratis