Skip to main content
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.

​
Hvorfor denne integration er vigtig

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.

​
Trin 1: Åbn produktsiden i Replo

  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
Replo-editorens Interactions-fane, hvor der tilføjes en On Click-interaktion til Add to Cart-knappen

​
Trin 2: Tilføj endnu en interaktion

  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:
    Det fortæller Upcart, at draweren skal åbne, så snart produktet lægges i kurven.

​
Trin 3: Deaktivér Replos omdirigering til kurvsiden

  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.

​
Trin 4: Forhåndsvis og publicér

  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

​
Noter

  • 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

​
Noter

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.