> ## 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.

# Sådan installerer du Rokt Thanks på Tapcart

> En opsætningsguide til TapCart App Studio

<div id="what-is-rokt-thanks">
  ## Hvad er Rokt Thanks?
</div>

Rokt Thanks viser personaliserede, ikke-påtrængende tilbud til dine kunder på bekræftelsesskærmen efter købet. Det er en enkel måde at generere passiv indtægt fra hver ordre uden at påvirke kundeoplevelsen.

Denne guide gennemgår, hvordan du installerer Rokt Thanks i din TapCart-mobilapp ved hjælp af en Custom Code Block. Opsætningen tager kun få minutter.

<div id="before-you-start">
  ## Før du starter
</div>

Du skal bruge følgende:

* **TapCart Enterprise-plan** - Custom Code Blocks er kun tilgængelige på Enterprise. Hvis du er i tvivl om din plan, så tjek med din TapCart-kontorepræsentant.
* **Dit Rokt-konto-id** - din Aftersell-kontomanager giver dig dette. Hvis du ikke har det endnu, så kontakt os, og vi sender det.

<div id="step-1-create-a-custom-block">
  ## Trin 1: Opret en Custom Block
</div>

Log ind på dit TapCart-dashboard, og åbn App Studio-editoren. Opret en ny Custom Block.

<div id="step-2-paste-the-code-snippet">
  ## Trin 2: Indsæt kodestykket
</div>

I Custom Block-editoren skal du skifte til Dev-sektionen. Ryd eventuel pladsholderkode, og indsæt kodestykket nedenfor:

```jsx theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
import * as React from "react"
 
export default function RoktPlacement({
  blockConfig,
  tapcartData,
  translations,
  pageState,
  useActions,
}) {
  const containerRef = React.useRef(null)
 
  React.useEffect(() => {
    const loadRokt = async () => {
      try {
        await new Promise((resolve, reject) => {
          if (document.getElementById("rokt-launcher")) {
            resolve()
            return
          }
          const script = document.createElement("script")
          script.type = "text/javascript"
          script.src =
            "https://apps.rokt.com/wsdk/integrations/launcher.js"
          script.fetchPriority = "high"
          script.crossOrigin = "anonymous"
          script.async = true
          script.id = "rokt-launcher"
          script.addEventListener("load", () => resolve())
          script.addEventListener("error", (error) => reject(error))
          document.head.appendChild(script)
        })
 
        const launcher = await window.Rokt.createLauncher({
          accountId: "YOUR_ACCOUNT_ID",
          sandbox: true,
        })
 
        await launcher.selectPlacements({
          identifier: "TapCart.success",
          attributes: {
            email: tapcartData?.customer?.email || "",
            firstname:
              tapcartData?.customer?.firstName || "",
            lastname:
              tapcartData?.customer?.lastName || "",
          },
        })
      } catch (error) {
        console.error("Rokt SDK failed to load:", error)
      }
    }
 
    loadRokt()
  }, [])
 
  return <div id="rokt-placeholder" ref={containerRef} />
}
```

<Info>
  <div id="replace-your-account-id">
    ### Erstat dit konto-id
  </div>

  I kodestykket ovenfor skal du finde linjen `accountId: "YOUR_ACCOUNT_ID"` og erstatte `YOUR_ACCOUNT_ID` med det konto-id, som din Aftersell-kontomanager har givet dig.

  Når det er opdateret, skal du gemme din Custom Block.
</Info>

<div id="step-3-add-to-your-post-purchase-page">
  ## Trin 3: Tilføj til din Post Purchase-side
</div>

Naviger til din Post Purchase-side i TapCarts visuelle editor. Træk den Custom Block, du lige har oprettet, ind på siden, og slip den der, hvor du vil have tilbuddene vist.

<div id="step-4-let-us-know">
  ## Trin 4: Giv os besked
</div>

Når du har fuldført trinnene ovenfor, skal du give din Aftersell-kontomanager besked. Vi færdiggør en hurtig konfiguration i vores ende og bekræfter, når alt er live.

Kodestykket er som udgangspunkt sat til sandbox-tilstand (`sandbox: true`), som indlæser testtilbud, så du kan forhåndsvise placeringen. `sandbox` er en indstilling på launcheren i selve kodestykket, ikke en indstilling på vores side — så når vi har bekræftet, at alt ser rigtigt ud, skal du redigere din Custom Block, ændre `sandbox: true` til `sandbox: false` og gemme. Du begynder at tjene indtægter fra det tidspunkt.

<div id="summary">
  ## Opsummering
</div>

| Trin | Handling                                                                                |
| ---- | --------------------------------------------------------------------------------------- |
| 1    | Opret en Custom Block i TapCarts App Studio-editor                                      |
| 2    | Indsæt kodestykket i Dev-sektionen (erstat `YOUR_ACCOUNT_ID` med dit faktiske konto-id) |
| 3    | Træk din Custom Block ind på din Post Purchase-side                                     |
| 4    | Giv din Aftersell-kontomanager besked, så vi kan færdiggøre opsætningen                 |

<div id="frequently-asked-questions">
  ## Ofte stillede spørgsmål
</div>

**Skal jeg være på TapCart Enterprise?**

Ja. Custom Code Blocks i App Studio kræver TapCarts Enterprise-plan.

**Vil dette gøre min app langsommere?**

Nej. Scriptet indlæses asynkront og blokerer ikke sidens rendering.

**Kan jeg vælge, hvor tilbuddet vises på siden?**

Absolut. Når din Custom Block er gemt, kan du trække den til enhver position på din Post Purchase-side med TapCarts visuelle editor.

**Hvilken slags tilbud vil mine kunder se?**

Rokt Thanks viser relevante, ikke-påtrængende tilbud fra førsteklasses annoncører, skræddersyet til hver kunde.