> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.trustmary.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Vaihtoehtoinen widgetin asennustapa (React, Node.js, yms.)

Tässä artikkelissa esittelemme vaihtoehtoisen tavan upottaa arvosteluwidget sivustollesi, jos tavallinen skripti ei jostain syystä toimi. Ohjeita voi käyttää esimerkiksi **React**- tai **Node.js**-pohjaisilla sivustoilla ja myös muunlaisilla sivustoilla, jos kohtaat ongelmia tavallisessa upotusprosessissa.

# Mistä koodinpätkät löytyvät

### Upotuskoodin hakeminen

Aloita siirtymällä Trustmaryn **Widgetit**-osioon. Valitse sieltä widget tai luo uusi.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/8/0/8/b8083cc0c8b32000/widgetscreatenew_kgai57.png)

Kun olet widget-editorissa, klikkaa **Lisää verkkosivulle** -painiketta. Täältä löydät ensimmäisen koodinpätkän, jota widgetin upottamiseen tarvitaan.

![](https://storage.crisp.chat/users/helpdesk/website/b8083cc0c8b32000/widgetseditoraddtowebsite_1yjqr5h.png)

Kopioi koodi klikkaamalla tummemmalla taustalla olevan koodin vieressä olevaa **Kopioi**-painiketta.

![](https://storage.crisp.chat/users/helpdesk/website/b8083cc0c8b32000/widgetsaddtowebsitedialogue_61gsax.png)

Ota sitten **widget-ID** (URL-osoitteessa oleva merkkijono) juuri kopioimastasi koodista...

![](https://storage.crisp.chat/users/helpdesk/website/b8083cc0c8b32000/widgetsaddtowebsitedialogue-ko_d3shea.png)

...ja liitä se **tähtien tilalle** tähän div-elementtiin:

```javascript
<div data-trustmary-widget="********"></div>
```

Tämän koodin voit sitten asentaa sivustollesi siihen kohtaan, johon haluat widgetin ilmestyvän.

### Head-elementin skriptin hakeminen

Seuraavaksi sinun täytyy kopioida skripti, joka lataa widgetit sivustollesi ja joka asennetaan verkkosivustosi head-elementtiin. Aloita siirtymällä tilisi **Asetuksiin**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/8/0/8/b8083cc0c8b32000/navigationprofilemenu_ie2dbf.png)

**Kehittäjät**-välilehdeltä löydät **Trustmary tag** -skriptin, jonka voit kopioida klikkaamalla oikealla olevaa Kopioi-painiketta.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/8/0/8/b8083cc0c8b32000/settingsdevelopersscript_1nilr0r.png =800x287)

Kun olet kopioinut skriptin asetuksista, asenna se verkkosivustosi **head-elementtiin** (tagien `<head>` ja `</head>` väliin). Jotkin editorit saattavat kutsua tätä nimellä "Code injection" tai mukautetun koodin lisääminen.

Kun molemmat koodinpätkät on asennettu oikein omille paikoilleen, widgetin pitäisi näkyä ja arvosteluidesi pitäisi olla näkyvissä verkossa.