> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Upcart HTML-placeringsbibliotek

> Lær, hvor tilpasset HTML og JavaScript vises i cart draweren.

<div id="overview">
  # Oversigt
</div>

Upcart lader dig indsætte HTML eller JavaScript på specifikke placeringer i hele kurven ved hjælp af **Custom HTML**-editoren. Det giver dig fuld kontrol over layout, synlighed og betinget indhold i kurvoplevelsen.

Brug denne guide til at forstå, hvordan hver placering opfører sig, og hvor dit indhold vises.

<div id="available-html-locations">
  ## Tilgængelige HTML-placeringer
</div>

<div id="above-announcementsrewards">
  #### **Above announcements/rewards**
</div>

Vises direkte under kurvens header, før alle moduler.\
Brug den til at tilføje beskeder for hele sitet, flag eller dynamiske bannere.

<div id="below-headerannouncementsrewards">
  #### **Below header/announcements/rewards**
</div>

Vises direkte efter Announcements- og Rewards-modulerne og lige før produktlisten.

<div id="between-each-line-item">
  #### **Between each line item**
</div>

Gentager din HTML efter hvert produkt i kurven.\
Ideel til at vise ansvarsfraskrivelser eller ekstra produktspecifik info.

<div id="below-cart-items">
  #### **Below cart items**
</div>

Vises under produktlisten, efter alle kurvens linjer. Brug den til beskeder, bannere eller tilpasset indhold, der skal vises under produkterne, men over upsells og add-ons.

<div id="above-footeradd-ons">
  #### **Above footer/add-ons**
</div>

Vises under produktlisten og upsells, men over Add-ons-sektionen.\
Perfekt til beskeder, der leder ind i tilbud om garanti eller fragtbeskyttelse.

<div id="above-checkout-button">
  #### **Above checkout button**
</div>

Vises i footer-området, lige over checkout-knappen og subtotalen.\
Bruges ofte til at vise prisspecifikationer, fragtbemærkninger eller vilkår.

<div id="below-checkout-button">
  #### **Below checkout button**
</div>

Også i footeren, placeret efter checkout-knappen og før express payment-knapperne. Add-ons vises øverst i footeren, et godt stykke over denne.\
Nyttig til sekundære CTA'er eller juridiske bemærkninger.

<div id="bottom-of-cart">
  #### **Bottom of cart**
</div>

Vises uden for footer-området helt i bunden af cart draweren.\
Arver ikke footerens baggrundsfarve.

<div id="on-empty-cart-screen">
  #### **On empty cart screen**
</div>

Vises kun, når kurven er tom.\
Vises direkte **under** beskeden "Your cart is empty" og over anbefalingsmodulet — nyttig til en støttende linje eller et link til en kollektion.

<div id="scripts-before-load">
  #### **Scripts (Before Load)**
</div>

Usynlig placering, der bruges til at køre JavaScript **før** kurven indlæses.\
Brug den til at definere variabler, sætte betingelser eller ændre Upcarts adfærd.

* Alle tilpassede HTML-placeringer administreres under:\
  **Upcart > Cart Editor > Settings > Custom HTML**

<div id="visual-reference">
  ## Visuel reference
</div>

For en klar forståelse af, hvor hver placering vises inde i kurven, se det mærkede layout nedenfor

<Frame>
  <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/html-locations-labeled-cart-drawer.gif?s=fd801e149233b51066ee15010556c375" alt="Mærket Upcart cart drawer, der viser, hvor hver tilpasset HTML-placering vises" width="700" height="1080" data-path="images/upcart/html-locations-labeled-cart-drawer.gif" />
</Frame>