# Asiakaspalvelu-chatin upottaminen web-sivustolle

Asiakaspalvelun sijoittaminen onnistuu web-sivustolle, mobiilisivustolle ja -aplikaatioon, blogiin tai Facebook-sivulle.

## Chatin upotuskoodi (embed-koodi)

Upottamista varten tarvitset ns. upotuskoodin, jonka saat Ninchatin henkilökunnalta, kun chat on valmiina. Muokkaamme ja valmistelemme chatin valmiiksi haluamallanne tavalla; teidän tulee vain sijoittaa upotuskoodi sivustolle.

Upotuskoodi on seuraavankaltainen, yhden rivin mittainen Javascript-tägi (toimitamme teille oman koodinne):

```markup
<script src="http://ninchat.com/[...]/ninchat-init.js" charset="UTF-8"></script>
```

### Upotuskoodin sijoittaminen

Suosittelemme sijoittamaan script-tägin web-sivun body-elementin loppuun. Esim:

```markup
        ...
        <script src="http://ninchat.com/[...]/ninchat-init.js" charset="UTF-8"></script>
    </body>
</html>
```

Upotuskoodi tulee sijoittaa jokaiselle sivulle, jolla chatin halutaan toimivan. Käytännössä script-tägi kannattaa sijoittaa sivuston header- tai footer-osioon, joka kulkee mukana jokaisella sivulla.

### Ninchat Wordpress-sivustolle

Ninchatin embed-koodin lisäminen Wordpress-sivustolle onnistuu muokkaamalla sivuston HTML-lähdekoodia.

1. Sivuston hallintanäkymässä siirry "Appearance"-osioon.
2. Klikkaa kohtaa "Editor", joka avaa muokkausnäkymän.
3. Selaa ja klikkaa "Theme Files" -listalta esim. "Theme footer (footer.php)" -sivu.
4. Liitä Ninchatin upotuskoodi haluamaasi kohtaan (mielellään lähellä body-elementin loppua, kuitenkin sen sisäpuolelle).

![Ninchatin lisääminen Wordpress-sivustolle](/files/-LP1BYYC0dC-hBmLUf05)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.ninchat.com/ninchat-support/asiakasjonot-ja-keskustelut/asiakaspalvelu-chatin-upottaminen-web-sivustolle.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.