Sådan føjer du en Køb-knap-kode til HTML
Når du har oprettet en Køb-knap i din Shopify-administrator, kan du føje den til dit eget website eller din blog.
Processen med at føje en integreringskode til dit websites HTML-kilde kan variere alt afhængigt af, hvordan og hvor du vil have vist Køb-knapperne og indkøbskurven, udgivelsesplatformen, og nogle gange af temaet, du bruger på denne platform.
På denne side
Sådan føjer du integreringskode til WordPress
Du kan føje integreringskode til opslag, sider eller skabeloner på dit WordPress-website.
Føj integreringskode til et WordPress-opslag eller en side
- Oprette en Køb-knap i Shopify, og kopiér dens integreringskode fra dialogboksen Integrer kode (eller klik på Kopiér integreringskode til udklipsholder).
- Gå til dine opslag eller sider i dit WordPress-kontrolpanel.
- Du skal enten oprette et nyt opslag eller en ny side eller redigere et eksisterende opslag.
- Klik på + knappen i blokeditoren, søg efter Tilpasset HTML, og klik derefter for at indsætte en blok med tilpasset HTML.
- Indsæt integreringskoden i det tekstfelt, der er angivet af blokken med Tilpasset HTML.
-
Valgfrit: Flyt blokken med den tilpassede HTML, eller se en forhåndsvisning af, hvordan din Køb-knap vises:
- Hvis du vil flytte blokken med tilpasset HTML, skal du klikke på pileknapperne på blokkens værktøjslinje eller trække blokken til en ny placering.
- Klik på Forhåndsvisningt på værktøjslinjen for blokke for at se en forhåndsvisning af Køb-knappen.
Når du er færdig, skal du klikke på knappen Gem kladde, Forhåndsvisning eller Udgiv for dit opslag eller din side.
Hvis du bruger Classic Editor Plugin fra WordPress i stedet for at bruge en blok med tilpasset HTML, skal du ændre teksteditoren fra tilstanden Visuel til Tekst og indsætte den indlejrede kode i editoren.
Føj integreringskode til en WordPress-skabelon
Hvis dit WordPress-tema understøtter websiteeditoren, kan du føje en Integreret Køb-knap til alle skabeloner på dit website.
Fremgangsmåde:
- Oprette en Køb-knap i Shopify, og kopiér dens integreringskode fra dialogboksen Integrer kode (eller klik på Kopiér integreringskode til udklipsholder).
- Gå til Editor i dit WordPress-kontrolpanel.
- Naviger til den skabelon, du vil redigere.
- Klik på + knappen i blokeditoren, søg efter Tilpasset HTML, og klik derefter for at indsætte en blok med tilpasset HTML.
- Indsæt integreringskoden i det tekstfelt, der er angivet af blokken med Tilpasset HTML.
-
Valgfrit: Flyt blokken med den tilpassede HTML, eller se en forhåndsvisning af, hvordan din Køb-knap vises:
- Hvis du vil flytte blokken med tilpasset HTML, skal du klikke på pileknapperne på blokkens værktøjslinje eller trække blokken til en ny placering.
- Klik på Forhåndsvisningt på værktøjslinjen for blokke for at se en forhåndsvisning af Køb-knappen.
Når du er færdig, skal du klikke på knappen Forhåndsvisning eller Gem for skabelonen.
Sådan føjer du integreringskode til din Shopify-blog
Bemærk: #### Fremgangsmåde:Du kan føje integreringskode til individuelle opslag i Squarespace og til menuerne på din startside. Du vil muligvis gøre begge dele i nogle tilfælde. Du kan f.eks. integrere en indkøbskurv på din startside, så du kan modtage køb fra Køb-knapper, der integreres i individuelle opslag.
Fremgangsmåde:
- Åbn websiden, hvor du vil indsætte integreringskoden i dit Squarespace-kontrolpanel.
- Find elementet på den side, som du vil have, at Køb-knappen eller den integrerede indkøbskurv skal vises på, flyt markøren hen over området Sidens indhold, og klik derefter på REDIGER.
- Klik på indsætningspunktet, hvor du vil tilføje integreringskoden.
- Klik på Kode i dialogboksen Indholdsblokke i afsnittet Mere.
- Kopiér integreringskoden fra dialogboksen Integreringskode i din Shopify-administrator.
- Indsæt integreringskoden i dialogboksen KODE i dit Squarespace-kontrolpanel. Sørg for, at tekstfeltet er indstillet til at modtage HTML.
- Klik på ANVEND i dialogboksen REDIGER KODE.
- Klik igen på GEM i sideeditoren. Da Squarespace deaktiverer JavaScript i kontrolpanelet, skal du forhåndsvise din side separat for at bekræfte, at Køb-knappen eller den integrerede indkøbskurv fungerer.
Hvis din Køb-knap ikke indlæses, når du har gennemført trinnene, skal du muligvis slå indlæsningen af Ajax fra. Du kan se flere detaljer ved at gå til Aktivér eller deaktiver Ajax.
Sådan føjer du integreringskode til Wix
Når du har oprettet en Køb-knap eller en kollektion i din Shopify-administrator, kan du føje den til dit Wix-website ved hjælp af websiteredaktøren i Wix.
Du kan integrere en kollektion, hvis du vil vise mere end ét produkt på dit Wix-website uden at redigere integreringskoden. Du kan oprette en ny kollektion i din Shopify-administrator for de produkter, som du vil vise i Wix.
Fremgangsmåde:
- Opret en Køb-knap for et produkt eller en kollektion i din Shopify-administrator, og kopiér derefter dens integreringskode.
- Åbn din Wix-konto, og find det website, du vil redigere, i afsnittet Mine websites. Klik derefter på Rediger website.
- Klik på knappen
+
i websiteredaktøren til Wix, og klik derefter på Mere. - Klik på HTML-kode for at føje en HTML-kode-widget til siden.
- Klik på Indtast kode.
- Indsæt integreringskoden for din Køb-knap eller kollektion i feltet Tilføj din kode her, der vises i dialogboksen Indstillinger for HTML. Klik derefter på Opdater.
- Tilpas størrelsen på din HTML-kode-widget, så den passer til indholdet. Hvis du opretter en integrering med en indkøbskurv, skal du sørge for, at fanen med indkøbskurven vises på det rigtige sted.
- Når du er færdig, skal du klikke på Gem.
Integrer flere produkter eller kollektioner
Fremgangsmåde:
- Opret en Køb-knap for et produkt eller en kollektion i din Shopify-administrator, og kopiér derefter dens integreringskode.
- Indsæt koden i en kodeeditor eller websitedesigner i Wix. Gentag de første to trin, indtil du har oprettet de Køb-knapper, du har brug for.
- Rediger integreringskoderne for at sikre, at de vises korrekt justeret.
- Åbn din Wix-konto, og find det website, du vil redigere, i afsnittet Mine websites. Klik derefter på Rediger website.
- Klik på knappen
+
i websiteredaktøren til Wix, og klik derefter på Mere. - Klik på HTML-kode for at føje en HTML-kode-widget til siden.
- Klik på Indtast kode.
- Indsæt den redigerede kode for dine Køb-knapper i feltet Tilføj din kode her, der vises i dialogboksen Indstillinger for HTML. Klik derefter på Opdater.
- Tilpas størrelsen på din HTML-kode-widget, så den passer til indholdet. Hvis du opretter en integrering med en indkøbskurv, skal du sørge for, at fanen med indkøbskurven vises på det rigtige sted.
- Når du er færdig, skal du klikke på Gem.
Tilføj scripttags separat
Nogle platforme (f.eks. Unbounce) kræver, at du indsætter <script>
-tags for integreringskoden i sidehovedet og resten af integreringskoden på den side, hvor du vil vise Køb-knappen.
Fremgangsmåde:
- Kopiér både elementet
<div>
og elementet<script>
fra den integreringskode, der genereres, når du opretter en Køb-knap. For eksempel:
- Åbn sidehovedet for det website, hvor du vil integrere en Køb-knap.
- Indsæt hele elementet
<script>
i sidehovedet. - Gem dine ændringer.
- Kopiér kun elementet
<div>
fra den oprindelige integreringskode i din Shopify-administrator. For eksempel:
- Åbn den side på dit website, hvor du vil integrere en Køb-knap.
- Indsæt
<div>
-kodestykket på siden. - Gem dine ændringer.