> ## 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.
# Niestandardowa integracja web SDK dla Rokt Thanks
> Ten artykuł jest przeznaczony dla marek, które nie korzystają z Shopify Checkout, ale nadal chcą korzystać z ofert Rokt Thanks w Aftersell.
Przegląd
Jeśli Twój sklep używa **niestandardowego procesu checkout**, nadal możesz uzyskać dostęp do ofert Rokt Thanks, instalując **Rokt Web SDK** (niewielki snippet JavaScript).
Instalacja SDK jest zwykle prosta i wymaga minimalnej wiedzy technicznej. W razie potrzeby zespół wsparcia technicznego Aftersell może pomóc Ci w całym procesie.
***
## Pytania wstępne
Zanim zaczniesz, odpowiedz na poniższe pytania, aby zapewnić płynną integrację:
1. **Czy Ty (lub ktoś z Twojego zespołu inżynierskiego) możecie dodać snippet kodu do strony potwierdzenia?**\
Strona potwierdzenia, znana również jako **strona z podziękowaniem**, pojawia się bezpośrednio po checkoucie.
2. **Jakie dane lub właściwości użytkownika są dostępne na stronie potwierdzenia?**\
Będziemy potrzebować dostępu do [określonych właściwości](https://www.notion.so/rokt/Custom-Web-SDK-integration-for-Rokt-Thanks-306ee2db8608815899eadad3811b5ff3) dotyczących zakupionych produktów i informacji o kliencie. Im więcej danych jest dostępnych, tym trafniejsze i dokładniejsze będą Twoje oferty Rokt Thanks.
3. **Czy istnieje łatwy sposób dostępu do tych danych za pomocą JavaScriptu?**\
Na przykład, czy możesz odpytać koszyk lub szczegóły zamówienia na stronie potwierdzenia?
***
## Kroki wdrożenia
## Krok 1: Przegląd i potwierdzenie
* Przejrzyj powyższe pytania i potwierdź, które właściwości danych są dostępne.
* Gdy zdecydujesz się kontynuować, będziesz potrzebować **accountId**, który zostanie dostarczony przez inżyniera Aftersell.
Aby utworzyć konto, podaj następujące dane:
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
{
"firstName": "",
"lastName": "",
"primaryEmail": "",
"websiteUrl": "",
"countryCode": "",
"brand": ""
}
```
***
## Krok 2: Wybór metody instalacji
Zdecyduj, czy chcesz:
* **zainstalować integrację samodzielnie**, czy
* **współpracować bezpośrednio z inżynierem Aftersell** (przy wspomaganej konfiguracji może być wymagane środowisko testowe).
Jeśli zdecydujesz się na samodzielną instalację, możesz skorzystać z [**dokumentacji Rokt**](https://docs.rokt.com/developers/integration-guides/getting-started/?layer1=siteMonetization) lub podsumowanych kroków poniżej.\
Nie wszystkie kroki z przewodnika konfiguracji Rokt są wymagane, ale przewodnik służy jako materiał referencyjny.
***
## Krok 3: Instalacja skryptu integracji
a. **Skopiuj [startowy skrypt integracji](#)** (podany poniżej).
b. **Dodaj skrypt** między tagami `` na każdej stronie, na której chcesz wyświetlać ofertę Rokt Thanks (zwykle na stronie potwierdzenia zamówienia).
i. Uzupełnij wszystkie wymagane **właściwości danych klienta i transakcji**.
ii. Zastąp `"rokt_account_id_here"` wartością **accountId** dostarczoną przez inżyniera Aftersell.
c. **Przetestuj swoje wdrożenie** za pomocą [przewodnika testowania Rokt](https://docs.rokt.com/developers/integration-guides/web/testing), aby upewnić się, że miejsca docelowe ładują się poprawnie.
d. Współpracuj z naszym zespołem, aby dostosować miejsce docelowe do wyglądu i stylu Twojej marki.
## Właściwości (właściwości ***pogrubione i pochylone*** są zdecydowanie zalecane)
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
const cartItems = [
{
'itemPrice': '',
'itemQuantity': '',
'majorcat': '',
'majorcatid': '',
'minorcat': '',
'minorcatid': '',
'productname': '',
'sku': '',
},
{
...
}
]
```
Właściwości klienta/zamówienia
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
{
attributes: {
// Required
amount: '', //In $
firstname: '',
lastname: '',
billingzipcode: '',
Country: '',
Language: '',
currency: '',
cartItems: JSON.stringify(cartItems), //From above
email: '',
//Order Data
clientcustomerid: '',
cartId: '',
subtotal: '',
totalTax: '',
totalShipping: '',
margin: '',
paymenttype: '',
ccbin: '',
//Customer Data
customerType: '',
hasAccount: '',
isReturning: '',
lastVisited: '',
isLoyalty: '',
loyaltyTier: '',
mobile: '',
title: '',
age: '',
gender: '',
dob: '',
billingAddress1: '',
billingAddress2: '',
billingCity: '',
billingState: '',
billingCountry: '',
shippingAddress1: '',
shippingAddress2: '',
shippingCity: '',
shippingState: '',
shippingZipcode: '',
shippingCountry: '',
},
```
## Skrypt startowy
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
```