Oprettelse af en Køb-knap

Når du har tilføjet salgskanalen Køb-knap i din Shopify-administrator, kan du oprette en Køb-knap til et produkt eller en kollektion.

Når du har oprettet en Køb-knap, kopierer du den automatisk genererede kode og føjer den derefter til den webside eller det blogopslag, hvor knappen skal vises. Du kan f.eks. føje Køb-knappen til din WordPress-blog eller dit Squarespace-website.

Udseendet på Køb-knappen kan ikke ændres, efter du har integreret den på dit website. Hvis du vil ændre det, skal du oprette en ny knap i kanalen og erstatte den oprindelige kode med den nye kode.

Tilpasning af Køb-knapper

Du kan tilpasse en Køb-knaps udseende og funktionsmåde:

  • dens farve
  • dens størrelse
  • dens skrifttype
  • den handling, der sker, når der klikkes på knappen
  • om betalingssiden åbnes i et nyt browservindue

Mens du tilpasser knappen, kan du forhåndsvise dine ændringer. Du kan teste Køb-knappens funktionsmåde ved at klikke på forhåndsvisningen.

Layouttype

Du kan vælge layoutet for Køb-knappen.

Beskrivelser af de tilgængelige layouts Basic, Classic og Fuld visning for Køb-knapper.
BasicVælg dette layout for at tilføje en Køb-knap uden produktbillede. Det kan være en god idé, hvis du allerede viser dine produkter andre steder online, men blot vil tilføje en knap for at gennemføre købet.
ClassicVælg dette layout for at vise et produktbillede og en pris ved siden af Køb-knappen. Dette layout er nyttigt til en hurtig forhåndsvisning af produkter, f.eks. i et blogopslag.
Fuld visningVælg dette layout for at vise et produktbillede, en pris og en beskrivelse ved siden af Køb-knappen. Dette layout efterligner en side med produktoplysninger i din webshop.

Handlinger for Køb-knap

Når du opretter en Køb-knap, kan du vælge den handling, der skal ske, når der klikkes på knappen.

Hvis Køb-knappen er til en kollektion, gælder handlingen for hvert produkt i kollektionen.

  • Læg produkt i indkøbskurv lægger produktet i en indkøbskurv. Kunderne kan fortsætte med at shoppe og lægge flere produkter i kurven.
  • Direkte til betalingssiden fører kunden direkte til din betalingsside, hvor vedkommende kan købe produktet. Kunder kan ikke føje flere produkter til deres ordre.
  • Åbn produktoplysninger viser en Se produkt knap. Når kunden klikker på knappen, kan vedkommende se produktbeskrivelsen, vælge tilgængelige produktvarianter og lægge produktet i indkøbskurven. Hvis et produkt har flere produktbilleder, vises disse også.
    • Denne mulighed er ikke tilgængelig, når du vælger layoutet Fuld visning, da layoutet Fuld visning allerede viser alle produktoplysningerne.

Du kan også vælge, om betalingssiden skal åbnes i et nyt browservindue, eller om den skal åbnes i den samme fane som dit website. Standardadfærden er, at betalingssiden åbnes i et nyt vindue.

Udseende for Køb-knap

  • Knapformat omfatter form, farve og typografi for knapdelen af Køb-knappen.
  • Layout: Afhængigt af den layouttype du vælger, kan du tilpasse indstillinger som f.eks. justering af knap, billedstørrelse, knaptekst, skrifttype, farve og størrelse.
  • Indkøbskurv omfatter tekst- og farvemuligheder for den integrerede indkøbskurv. Du kan også aktivere og tilpasse labelen for Ordrenote felt. Du kan bruge ordrenoter til at indsamle særlige instruktioner fra kunder om, hvordan en ordre skal klargøres og leveres. Feltet Yderligere oplysninger giver dig mulighed for at sende en meddelelse til dine kunder.
    • Du kan kun redigere indstillingerne for indkøbskurven, hvis du har valgt Læg produkt i indkøbskurv eller Åbn produktoplysninger som knappens handling.
  • Detaljeret pop op-vindue indeholder indstillingerne for pop op-vinduet med produktoplysninger. Du kan tilpasse knappens tekst, om feltet Antal skal medtages, farverne til baggrunden og labelerne samt skrifttypen og skriftstørelsen for labelerne. Du kan kun redigere disse indstillinger, hvis du har valgt Åbn produktoplysninger som knappens handling.

Opret en Køb-knap til et enkelt produkt

Du kan oprette en Køb-knap til et enkelt produkt. Køb-knappen kan indeholde én eller alle produktets varianter. Når du opretter Køb-knappen, vælger du en layouttype og tilpasser knappens farve, tekst og udseende samt den handling, der sker, når en kunde klikker på den. Få mere at vide om tilpasning af Køb-knapper.

Inden du opretter en Køb-knap for et produkt, skal du have føjet produktet til din Shopify-administrator og gjort det tilgængeligt for salgskanalen Køb-knap.

Trin:

Computer
  1. Gå til Salgskanaler > Køb-knap i din Shopify-administrator.

  2. Klik på Opret en Køb-knap.

  3. Klik på Køb-knap til produkt.

  4. Vælg produktet fra dit katalog, eller brug søgefunktionen til at finde et produkt. Klik på Vælg.

  5. Valgfrit: Tilpas Køb-knappen.

    1. Hvis dit produkt har varianter, skal du vælge Alle varianter eller den variant, du vil inkludere.
    2. Vælg en layouttype og den handling, der skal ske, når en kunde klikker på knappen. Du kan også tilpasse knappens udseende.
    3. Som standard åbner betalingssiden i et nyt vindue, men du kan vælge at åbne den i den samme browserfane som dit website. Klik på Avancerede indstillinger > Omdiriger i samme fane.
  6. Klik på Næste.

  7. Klik på Kopiér kode.

  8. Åbn HTML-editoren for den webside, hvor du vil vise Køb-knappen. Se Tilføjelse af Køb-knap-kode til HTML.

  9. Indsæt koden i HTML-koden, hvor Køb-knappen skal vises, og gem derefter dine ændringer.

Mobil
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. I afsnittet **Salgskanaler** skal du trykke på **Køb-knap**.

  3. Tryk på Opret en Køb-knap.

  4. Tryk på Køb-knap til produkt.

  5. Vælg produktet fra dit katalog, eller brug søgefunktionen til at finde et produkt, og tryk derefter på Vælg.

  6. Valgfrit: Tryk på **Tilpas**.

    1. Hvis dit produkt har flere varianter, skal du vælge Alle varianter eller en variant på rullelisten.
    2. Vælg en layouttype og den handling, der skal ske, når en kunde klikker på knappen. Du kan også tilpasse knappens udseende.
    3. Som standard åbner betalingssiden i et nyt vindue, men du kan vælge at åbne den i den samme browserfane som dit website. Tryk på Avancerede indstillinger > Omdiriger i samme fane.
  7. Tryk på Færdig.

  8. Tryk på Kopiér kode.

  9. Åbn HTML-editoren for den webside, hvor du vil vise Køb-knappen. Se Tilføjelse af Køb-knap-kode til HTML.

  10. Indsæt koden i HTML-koden, hvor Køb-knappen skal vises, og gem derefter dine ændringer.

Opret en Køb-knap til en kollektion

Når du opretter en Køb-knap til en kollektion, opretter du rent faktisk en knap for hvert produkt i kollektionen.

Når du opretter Køb-knappen, vælger du en layouttype og tilpasser knappens farve, tekst og udseende samt den handling, der sker, når en kunde klikker på den. Få mere at vide om tilpasning af Køb-knapper.

Inden du opretter en Køb-knap for en kollektion, skal du have:

Trin:

Computer
  1. Gå til Salgskanaler > Køb-knap i din Shopify-administrator.

  2. Klik på Opret en Køb-knap.

  3. Klik på Køb-knap til kollektion.

  4. Vælg kollektionen, eller brug søgningen til at finde den. Klik på Vælg.

  5. Valgfrit: Tilpas Køb-knappen.

    1. Vælg den handling, der skal ske, når en kunde klikker på knappen. Du kan også tilpasse knappens udseende.
    2. Som standard åbner betalingssiden i et nyt vindue, men du kan vælge at åbne den i den samme browserfane som dit website. Klik på Avancerede indstillinger > Omdiriger i samme fane.
  6. Klik på Næste.

  7. Klik på Kopiér kode.

  8. Åbn HTML-editoren for den webside, hvor du vil vise Køb-knappen. Se Tilføjelse af Køb-knap-kode til HTML.

  9. Indsæt koden i HTML-koden, hvor Køb-knappen skal vises, og gem derefter dine ændringer.

Mobil
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. I afsnittet **Salgskanaler** skal du trykke på **Køb-knap**.

  3. Tryk på Opret en Køb-knap.

  4. Tryk på Køb-knap til kollektion.

  5. Vælg kollektionen, eller brug søgningen til at finde den, og tryk derefter på Vælg.

  6. Valgfrit: Tryk på **Tilpas**.

    1. Vælg den handling, der skal ske, når en kunde klikker på knappen. Du kan også tilpasse knappens udseende.
    2. Som standard åbner betalingssiden i et nyt vindue, men du kan vælge at åbne den i den samme browserfane som dit website. Tryk på Avancerede indstillinger > Omdiriger i samme fane.
  7. Tryk på Færdig.

  8. Tryk på Kopiér kode.

  9. Åbn HTML-editoren for den webside, hvor du vil vise Køb-knappen. Se Tilføjelse af Køb-knap-kode til HTML.

  10. Indsæt koden i HTML-koden, hvor Køb-knappen skal vises, og gem derefter dine ændringer.