# Webflow

> Sporingskoden i sitets Custom code og en linje på Order Confirmation – uden skabelonvariabler.

Webflow har ingen skabelonvariabler, men det behøver salget heller ikke: linjen på ordrebekræftelsen henter ordrenummeret fra sidens adresse og beløbet fra et felt på siden.

I Opsætning ligger Webflow under **Andet**. Vælg **Andet**, og tryk **Vis Webflow-guiden**.

## Før du starter

- Custom code kræver et betalt Webflow site plan.
- Adgang til sitet i Webflow Designer.
- Jeres butiks-id. Kodestumperne under **Program → Opsætning** har det sat ind; her står `DIN_BUTIK` i stedet.

## 1. Sporingskoden på hele sitet

Åbn **Site settings → Custom code**, indsæt scriptet i feltet **Head code**, og tryk **Save changes**.

```html title="Site settings → Custom code → Head code"
<script src="https://app.affilyflow.com/track.js" data-store="DIN_BUTIK" async></script>
```

## 2. Salget på ordrebekræftelsen

1. Åbn siden **Order Confirmation** i Designer.
2. Marker teksten med ordrens **subtotal**, og giv den id'et `af-total` under **Element settings → ID**.
3. Indsæt linjen under **Page settings → Custom code → Before `</body>` tag**.

```html title="Ordrebekræftelse → Before </body>"
<div hidden data-affilyflow-order="?orderId" data-affilyflow-total="#af-total" data-affilyflow-vat="25"></div>
```

Ordrenummeret hentes fra parameteren `orderId` i sidens adresse, og beløbet fra elementet med id'et `af-total`, når siden har vist det. Sporingskoden venter op til 20 sekunder på, at begge dele er der.

- `data-affilyflow-vat="25"` trækker 25 % moms fra. Fjern den, hvis jeres priser er uden moms.
- Fragten indgår ikke i subtotalen.
- Sælger I i en anden valuta end kroner, så tilføj fx `data-affilyflow-currency="EUR"`.

Alle attributter står i [Salgslinjen](https://www.affilyflow.com/docs/reference/salgslinje).

## 3. Publicer og test

Tryk **Publish** – custom code er først live, når sitet er publiceret. Tryk derefter **Åbn testlink** under testtrinnet i Opsætning, læg en testordre i samme browser, og bliv på siden. Live-testen viser testklikket og købet med ordrenummer og beløb, og spørger om beløbet passer.

| Det ser I | Årsag |
|---|---|
| Konsollen skriver "data-affilyflow-order must be the order number" | Adressen på ordrebekræftelsen har ingen `orderId`. |
| Konsollen skriver "data-affilyflow-total must be the amount" | Intet element har id'et `af-total`, eller det viste intet beløb inden for 20 sekunder. |

Mere i [Test og fejlfinding](https://www.affilyflow.com/docs/butik/test-og-fejlfinding).

## Lead-programmer

Betaler programmet pr. tilmelding, skal salgslinjen ikke bruges. Skriv adressen på jeres tak-side under **Automatisk lead-sporing** i Opsætning, og kopier derefter sporingskoden igen – den får tak-sidens adresse med (`data-lead-url`) og tæller så leads alene. Ellers viser Opsætning et lead-script, som kun må ligge på tak-siden (**Page settings → Custom code → Before `</body>` tag**) – ikke i sitets fælles footer, for så tælles leads på alle sider.

Kilde: https://www.affilyflow.com/docs/butik/webflow