Upgates | Yaplet

Overview

Upgates has a Vlastní konverzní kódy (Custom conversion codes) menu whose codes can run on every page of a shop, and Upgates' own help names chats as one of its uses. Pasting the Yaplet code there, wrapped in <script> tags, puts the chat widget on the whole shop. No app or template editing is needed.

This guide follows the Czech Upgates admin, as Upgates' own help shows it. Menu and field names are written exactly as Upgates shows them, with an English translation in brackets.

Installation Steps

Copy your Yaplet code

In your Yaplet dashboard, go to Brand → Chat widget and open the Install tab. If the tab asks where your website runs, choose Other website. Copy the code with the copy button on the code block.

Upgates' code fields expect HTML, so the code must sit between a <script> line and a </script> line. With Other website chosen, the code already has these lines. If the tab didn't ask, the code is plain JavaScript that starts with !function (Yaplet, and you add the lines when you paste it.

Open the custom codes

In your Upgates admin, go to Doplňky → Vlastní konverzní kódy (Add-ons → Custom conversion codes) and find the section Kódy umístěné na všech stránkách (Codes placed on all pages).

Paste the code before the closing body tag

Use the field Kód je umístěn před tagem </body> (Code placed before the </body> tag). The field for the page head works too.

At the end of the field, paste the code on a new line. It must start with a <script> line and end with a </script> line; if what you copied starts with !function (Yaplet instead, type <script> on a new line before it and </script> on a new line after it. If the field already holds other code, keep it and add the Yaplet code after it.

Save your changes.

Check your shop

Open your shop in a new browser tab and reload it. The Yaplet chat button appears in the bottom-right corner. Click it to check that the chat opens.

Troubleshooting

The code shows up as text on the shop's pages — the <script> tags are missing. Add them as described above and save.
The code is under the codes for the order-completed page — those run only after an order. Move it to the section Kódy umístěné na všech stránkách.
The chat is missing in one language version of the shop — Upgates marks each code field with a language code, such as CZ. Check that the Yaplet code is in the field for that language too.
The browser shows an old copy of the page — reload, or open the shop in a private window.

The Installation page explains what the code does and lists every other platform guide.