> ## 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 x Replo landingssidebygger

> Denne artikel forklarer, hvordan du sætter Replo op til at åbne Upcart-draweren, når et produkt lægges i kurven.

Replo er en kraftfuld landingssidebygger, men dens standardadfærd for "Add to Cart" omdirigerer til Shopify-kurvsiden. Det afbryder den tilsigtede Upcart-oplevelse, som bruger en udskydelig drawer.

Med et simpelt JavaScript-snippet kan du få Replo til at give Upcart besked, når et produkt tilføjes, så kunden bliver på samme side, og draweren åbner med det samme.

Det viser, hvordan JavaScript ikke kun kan bruges til Upcart-integration, men også til bredere kurvtilpasning i din butik.

***

<div id="why-this-integration-matters">
  ## Hvorfor denne integration er vigtig
</div>

Som standard understøtter Replo flere adfærdsmønstre efter tilføjelse til kurven:

* Omdirigering til Shopify-kurvsiden
* Omdirigering til checkout
* Bliv på siden (ingen drawer-interaktion)

Upcart åbner ikke automatisk, medmindre du udtrykkeligt udløser den. Denne opsætning sikrer, at draweren åbner, lige efter der klikkes på Replos "Add to Cart"-knap.

***

<div id="step-1-open-the-product-page-in-replo">
  ## Trin 1: Åbn produktsiden i Replo
</div>

1. Åbn din produkt- eller landingsside i Replo-editoren
2. Vælg **Add to Cart**-knappen i sidelayoutet
3. Klik på fanen **Interactions** i sidebjælken til højre

<img src="https://mintlify.s3.us-west-1.amazonaws.com/aftersell/images/upcart/replo-editor-interactions-on-click.gif" alt="Replo-editorens Interactions-fane, hvor der tilføjes en On Click-interaktion til Add to Cart-knappen" />

<div id="step-2-add-a-second-interaction">
  ## Trin 2: Tilføj endnu en interaktion
</div>

1. Bekræft, at knappen allerede bruger interaktionen **Add Product to Cart**
2. Klik på `+`-ikonet under **On Click**
3. Vælg **Run JavaScript** på listen over handlinger
4. Indsæt følgende i kodefeltet:
   ```javascript theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
   window.upcartRegisterAddToCart();
   ```
   Det fortæller Upcart, at draweren skal åbne, så snart produktet lægges i kurven.

<div id="step-3-disable-replo-redirect-to-the-cart-page">
  ## Trin 3: Deaktivér Replos omdirigering til kurvsiden
</div>

1. Vælg interaktionen **Add Product to Cart** igen
2. Deaktivér togglen **Go to cart after?**

Det forhindrer Replo i at omdirigere til Shopify-kurvsiden, hvilket helt ville springe Upcart-draweren over.

<div id="step-4-preview-and-publish">
  ## Trin 4: Forhåndsvis og publicér
</div>

1. Klik på **Preview** i Replo for at teste interaktionen
2. Læg et produkt i kurven, og bekræft, at Upcart-draweren åbner automatisk
3. Når det er bekræftet, skal du klikke på **Publish Page** for at sætte ændringerne live

***

<div id="notes">
  ## Noter
</div>

* Denne opsætning skal anvendes på **hver side**, hvor du bruger Replo + Upcart sammen
* Funktionen `window.upcartRegisterAddToCart();` kommer fra Upcarts offentlige API og fungerer uden yderligere kodeinstallationer
* Det virker på både mobil- og desktopversioner af Replo-sider

<div id="notes-2">
  # **Noter**
</div>

Replo bør nu stoppe med at omdirigere til Shopify-kurvsiden og i stedet give Upcart besked, når en vare lægges i kurven.

Bemærk: Du skal gennemføre denne proces for hver produktside, du designer i Replo Landing Page Designer.