Lägg in Octany på en hemsida

Koden som lägger in Octany på en hemsida består av två delar. Den första delen ska placeras där betalrutan ska visas och ser ut så här:

<octany-widget
    version="2"
    url="https://app.octany.com"
    account-id="OCTANY_ID"
    product-id="PRODUKT_ID"
    locale="sv"
    type="iframe"
></octany-widget>

Varje rad här kalla för attribut och vilka attribut ni kan använda finns i vår widget-dokumentation. Det viktiga här är att ni ersätter OCTANY_ID med ert eget ID-nummer och PRODUCT_ID med er produkts ID-nummer.

Ett enkelt sätt att ta reda på ID-nummer är att gå in under inställningar och redigera en produkt. Då hittar ni dessa i adressfältet:

JavaScript

För att widgeten ska aktiveras behöver ni även lägga in följande script:

<script src="https://app.octany.com/js/checkout.js?v=10"></script>

Viktigt: Ni behöver bara lägga in scriptet en gång per sida. Det går bra att ha flera <octany-widget> på samma sida, men ni behöver bara lägga in JavaScriptet en gång.

För att optimera laddningen kan ni även lägga in följande kod i <head> . Det är inget måste, men kan öka hastigheten i framförallt Chrome:

<link rel="preload" href="https://app.octany.com/js/checkout.js?v=10" as="script">

Tidigare har vi rekommenderat att lägga in en <link> som såg ut så här: <link rel="stylesheet" href="https://app.octany.com/...."> . Det behövs inte längre, och ni får gärna ta bort den koden för att snabba upp laddningen av widgeten.