Brugerdefineret HTML

Sektionen Custom HTML i Upcart giver dig mulighed for at indsætte brugerdefineret kode i forskellige dele af din cart drawer.
Du kan også skrive JavaScript med <script>-tags og interagere med kurven via Upcarts Public API (f.eks. upcartOnCartLoaded (deprecated — use upcartSubscribeCartLoaded for new scripts)).

Her finder du det

Gå til: Cart Editor > Settings > Custom HTML

Sådan fungerer det

Dropdown-menuen HTML Location lader dig vælge, hvor koden skal vises i kurvens layout. Baseret på dit valg bliver koden injiceret i det tilsvarende kurvområde. Du kan bruge det til at tilføje:

Brugerdefinerede beskeder
Tillidsskabende tekst
App-integrationer
Analytics-snippets
Styling-hooks
Kampagneindhold, såsom bannere med personlige tilbud eller rabatter
Produktgarantier, der opbygger kundernes tillid

Dynamiske tokens

Du kan bruge følgende token i ethvert Custom HTML-felt til at injicere live kurvdata:

Token	Hvad den viser
`{{UPCART_SUBTOTAL}}`	Kurvens aktuelle subtotal, formateret i din butiks valuta

Eksempel:

<p>Your current total: <strong>{{UPCART_SUBTOTAL}}</strong></p>

Denne token virker i alle HTML-placeringsfelter undtagen Scripts (Before Load), hvor du i stedet bør bruge JavaScript-API’et. Dette er den eneste dynamiske token, der er tilgængelig i Custom HTML-felter.

Tilgængelige HTML-placeringer


Placering	Beskrivelse
Above announcements/rewards	Øverst i kurven, under kurvens header.
Below header/announcements/rewards	Umiddelbart under eventuelle announcements eller reward-bjælker.
Between each line item	Injiceres under hvert produkt i kurven.
Below cart items	Direkte under kurvens varelinjer, over de nederste moduler.
Above footer/add-ons	Under kurvens varer og upsells, over add-ons.
Above checkout button	Inde i footeren, direkte over checkout-knappen og subtotalen.
Below checkout button	Inde i footeren, direkte under checkout-knappen.
Bottom of cart	Helt i bunden af draweren (uden for footeren).
On empty cart screen	Vises ved siden af teksten “Your cart is empty”.
Scripts (Before Load)	Usynligt område til at køre JavaScript, før kurven indlæses. Ideelt til tracking, betinget logik eller brugerdefineret adfærd.

Brugerdefineret CSS (valgfrit)

Du kan style din HTML med editoren Custom CSS, som findes under:
Upcart > Cart Editor > Settings > Custom CSS For eksempel for at justere placeringen af den tomme kurv:

[class*="styles_CartPreview__empty__"] { flex-direction: column; } [class*="styles_CartPreview__empty__"] h3 { margin: unset; }

Kom godt i gang

Kurvmoduler

Kurvindstillinger

Fastgjort kurvknap

Multicart

Tilpasninger

Analyser

Integrationer og kompatibilitet

Fakturering og konto

Fejlfinding

Her finder du det

Sådan fungerer det

Dynamiske tokens

Tilgængelige HTML-placeringer

Brugerdefineret CSS (valgfrit)

​Her finder du det

​Sådan fungerer det

​Dynamiske tokens

​Tilgængelige HTML-placeringer

​Brugerdefineret CSS (valgfrit)

Her finder du det

Sådan fungerer det

Dynamiske tokens

Tilgængelige HTML-placeringer

Brugerdefineret CSS (valgfrit)