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

# Rokt Thanks installeren op Tapcart

> Een installatiegids voor TapCart App Studio

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

Rokt Thanks toont gepersonaliseerde, niet-opdringerige aanbiedingen aan je klanten op het bevestigingsscherm na de aankoop. Het is een eenvoudige manier om passieve inkomsten te genereren uit elke bestelling zonder de klantervaring te beïnvloeden.

Deze gids leidt je door de installatie van Rokt Thanks in je TapCart mobiele app met behulp van een Custom Code Block. De installatie duurt slechts enkele minuten.

<div id="before-you-start">
  ## Voordat je begint
</div>

Je hebt het volgende nodig:

* **TapCart Enterprise-abonnement** - Custom Code Blocks zijn alleen beschikbaar op Enterprise. Weet je niet zeker welk abonnement je hebt, neem dan contact op met je TapCart-accountvertegenwoordiger.
* **Je Rokt Account ID** - je Aftersell-accountmanager verstrekt deze. Heb je deze nog niet, neem dan gewoon contact op en we sturen hem toe.

<div id="step-1-create-a-custom-block">
  ## Stap 1: Maak een Custom Block
</div>

Log in op je TapCart-dashboard en open de App Studio-editor. Maak een nieuw Custom Block.

<div id="step-2-paste-the-code-snippet">
  ## Stap 2: Plak het codefragment
</div>

Schakel in de Custom Block-editor over naar de sectie Dev. Wis eventuele placeholder-code en plak het onderstaande fragment:

```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">
    ### Vervang je Account ID
  </div>

  Zoek in het bovenstaande fragment de regel `accountId: "YOUR_ACCOUNT_ID"` en vervang `YOUR_ACCOUNT_ID` door de Account ID die je Aftersell-accountmanager heeft verstrekt.

  Sla het Custom Block op zodra je dit hebt bijgewerkt.
</Info>

<div id="step-3-add-to-your-post-purchase-page">
  ## Stap 3: Voeg toe aan je Post Purchase-pagina
</div>

Ga naar je Post Purchase-pagina in de visuele editor van TapCart. Sleep het Custom Block dat je zojuist hebt gemaakt naar de pagina en plaats het waar je de aanbiedingen wilt laten verschijnen.

<div id="step-4-let-us-know">
  ## Stap 4: Laat het ons weten
</div>

Zodra je de bovenstaande stappen hebt voltooid, laat je het aan je Aftersell-accountmanager weten. Wij ronden aan onze kant een korte configuratie af en bevestigen wanneer alles live is.

Het fragment staat aanvankelijk in sandbox-modus (`sandbox: true`), waardoor testaanbiedingen worden geladen zodat je een voorbeeld van de plaatsing kunt bekijken. `sandbox` is een optie op de launcher in het fragment zelf, geen instelling aan onze kant — dus zodra we hebben bevestigd dat alles er goed uitziet, bewerk je het Custom Block, wijzig je `sandbox: true` naar `sandbox: false` en sla je op. Vanaf dat moment begin je inkomsten te verdienen.

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

| Stap | Actie                                                                                                |
| ---- | ---------------------------------------------------------------------------------------------------- |
| 1    | Maak een Custom Block in de App Studio-editor van TapCart                                            |
| 2    | Plak het codefragment in de sectie Dev (vervang `YOUR_ACCOUNT_ID` door je daadwerkelijke Account ID) |
| 3    | Sleep het Custom Block naar je Post Purchase-pagina                                                  |
| 4    | Informeer je Aftersell-accountmanager zodat wij de installatie kunnen afronden                       |

<div id="frequently-asked-questions">
  ## Veelgestelde vragen
</div>

**Moet ik op TapCart Enterprise zitten?**

Ja. Custom Code Blocks in App Studio vereisen het Enterprise-abonnement van TapCart.

**Vertraagt dit mijn app?**

Nee. Het script laadt asynchroon en blokkeert het renderen van je pagina niet.

**Kan ik kiezen waar de aanbieding op de pagina verschijnt?**

Absoluut. Zodra het Custom Block is opgeslagen, kun je het naar elke positie op je Post Purchase-pagina slepen met de visuele editor van TapCart.

**Wat voor aanbiedingen zien mijn klanten?**

Rokt Thanks toont relevante, niet-opdringerige aanbiedingen van premium adverteerders, afgestemd op elke klant.