---
title: Vidin veebilehel, link agendile ja rakendus telefonis
description: Kuidas agenti veebilehele ühe reaga paigaldada, kuidas lühilink sotsiaalmeedias ja sõnumirakendustes töötab ning kuidas ostja teie agendi telefoni rakendusena installib.
section: guide
keywords: veebilehe vidin, vidina kood, Tilda vidin, Shopify vidin, WordPress vidin, link agendile, PWA rakendus, push-teavitused, lingi eelvaade, Commerce Agents paigaldus
updated: 2026-09-06
---
Agendil on kaks nägu. Veebilehel on see nurgas aken, mis avaneb nupuvajutusega. Sotsiaalmeedias ja sõnumirakendustes on see lühilingiga leht, mis töötab nagu väike pood ja paigaldatakse telefoni rakendusena. Kataloog, tingimused, dialoogid ja päringud on seejuures ühised: agent on üks.

Kõik allpool kirjeldatu asub jaotises „Vidin ja link“.

## Link agendile

Lühike aadress kujul `comag.vibevox.pro/c/teie-pood`. See pannakse Instagrami, TikToki või Telegrami profiili päisesse, saadetakse WhatsAppi, lisatakse YouTube'i video kirjelduse alla.

Sõnumirakendusse saatmisel avaneb link kaardiks: kaanepilt, poe nimi ja kirjeldus. Kõik kolm välja on seadistatavad:

- **Eelvaate pealkiri** — vaikimisi poe nimi.
- **Eelvaate kirjeldus** — lühike fraas selle kohta, mida küsida saab.
- **Kaanepilt** — koostatakse automaatselt teie aktsentvärvist, logost ja toodete fotodest. Saab üles laadida oma pildi, suurus 1200 korda 630 pikslit.

Lihtsaim viis eelvaate kontrollimiseks on saata link endale Telegramis.

## Kood veebilehele

Üks rida, mis lisatakse enne sulgevat `</body>` silti kõikidele lehtedele. Kopeeritakse kabinetis nupuga.

Kuhu täpselt populaarsetel platvormidel lisada:

| Platvorm | Kuhu lisada |
| --- | --- |
| Tilda | „Veebilehe seaded“ → „Veel“ → „HTML-kood body jaoks“ |
| Shopify | „Teema“ → „Muuda koodi“ → `theme.liquid`, enne `</body>` |
| WordPress | „Välimus“ → „Teema redaktor“ → `footer.php`, või koodi lisamise plugin |
| Wix | „Seaded“ → „Kohandatud kood“ → lisa Body endi |
| Oma veebileht | Otse malli enne `</body>` |

Pärast lisamist ilmub paremasse alanurka nupp. Asukohta saab seadetes vasakule muuta, värvi ja teemat samuti.

> [!tip] Vidin laeb asünkroonselt ega aeglusta lehte. Kui teil on seadistatud range CSP, lubage domeen `comag.vibevox.pro` `script-src` ja `connect-src` all.

## Kujundus

Seaded, mida ostja näeb:

- **Poe nimi ja assistendi nimi.** Teine on vestluspartneri allkiri vestluse päises.
- **Tervitus.** Esimene fraas. Hea tervitus lubab kasu, mitte lihtsalt ei tereta.
- **Vihjed dialoogi alguses.** Kuni neli nuppu küsimustega. Tühi — koostatakse automaatselt kataloogi põhjal.
- **Suhtluse toon.** Nimekirjast või oma: „soe ja lühike“, „ekspertlik, teietav“.
- **Aktsentvärv.** Üks värv määrab nupu, lingid ja kaartide esiletõstmise.
- **Logo.** Sellest saab ka rakenduse ikoon telefonis.
- **Mikrofoni nupp.** Kõnetuvastus brauseris. Kui brauser seda ei toeta, salvestab ostja häälsõnumi ja Gemini transkribeerib selle.

Paremal on reaalajas eelvaade: see muutub, kui te trükite. Nupp „Salvesta“ rakendab muudatused veebilehel.

## Hele ja tume teema

Vestlusel on kaks kujundust ja neid saab vahetada ühes seadete väljas — „Teema“.

| Väärtus | Mida ostja näeb |
| --- | --- |
| Nagu külastajal | Teema kohandub tema telefoni või arvuti seadetega: öösel tume, päeval hele |
| Hele | Alati hele aken, olenemata seadmest |
| Tume | Alati tume aken |

Vaikimisi on valitud „nagu külastajal“ ja enamikul juhtudel on see õige valik: inimene, kellel on telefonis tume teema, ei saa näkku valget välku, ja see, kes on harjunud heleda teemaga, näeb tuttavat akent.

Fikseeritud teemat on vaja, kui veebileht ise on ühes stiilis kujundatud. Tume maandumisleht heleda vestlusega nurgas näeb välja nagu paik, ja vastupidi. Sellisel juhul valige sama teema, mis veebilehel, ja vidin sulandub disainiga.

Aktsentvärv töötab mõlema teema peal: nupud, lingid ja kaartide esiletõstmine võtavad teie firmavärvi, samal ajal kui taust ja tekst muutuvad koos teemaga. Mõlema variandi kontrollimine on kõige lihtsam paremal asuvas eelvaates — see joonistatakse kohe ümber, kui te väärtust vahetate.

## Tootekaardid viivad teie veebilehele

Agent vastab mitte ühtse tekstina, vaid kaartidena: foto, nimi, hind, nupp. Nupu taga on alati aadress — toote leht teie veebilehel või algne postitus sotsiaalmeedias, kui kaart on sealt koostatud.

Veebilehe vidina sees toimub üleminek samas aknas, et vältida liigseid vahelehti. Agendi lehel lingi kaudu avaneb kaart uues vahelehes, et dialoog ei läheks kaduma.

Shopify ja WooCommerce'i poodide jaoks on meeldiv detail: nupp mitte ainult ei ava toodet, vaid lisab selle poe ostukorvi platvormi standardmehhanismi abil. Üksikasjad artiklites [Shopify](/wiki/et/platform-shopify) ja [WordPress](/wiki/et/platform-wordpress) kohta.

Ja veel: vidin loeb toote märgistust lehel, kus see avatud on, ja edastab selle agendile. Seetõttu mõistetakse küsimust „kas sinist on?“ toote kaardil kontekstis, ilma täpsustamata, millest jutt käib.

## Rakendus ostja telefonis

Agendi leht on paigaldatav rakendusena. Ostja avab lingi telefonist, näeb pakkumist lisada see avakuvale ja saab ikooni teie logoga.

- **Nimi ikooni all** — üks sõna kuni 12 märki. Tühi — võtame poe nime esimese sõna.
- **Ikoon** — üles laaditud logo. Kui logo puudub, kasutatakse Commerce Agentsi logo.
- iPhone'is toimub paigaldamine läbi „Jaga“ → „Avakuvale“, see on Safari piirang, ja agent annab ise juhiseid.

Pärast paigaldamist saab ostjale saata tõukemärguandeid jaotisest „Dialoogid“. Nendele annab ta ise loa, vajutades vestluse päises kellukese ikooni.

## Ostja manused

Vestluses on kirjaklamber: foto, video või heli kuni 20 megabaiti. Kui brauseris pole kõnetuvastust, salvestab mikrofoni all hoidmine häälsõnumi.

Faili analüüsib Gemini: mis on näidatud, milline tekst on pildil, mis on öeldud. Agent vastab selle analüüsi põhjal ja teie näete dialoogis nii faili ennast kui ka lühikirjeldust. See on abiks valdkondades, kus on lihtsam näidata kui kirjeldada: varuosad, remont, valik foto järgi.

## Ostupiksel ostukorviga veebilehele

Kui makse toimub teie veebilehel, mitte vestluses, lisage lehele „Aitäh tellimuse eest“ lühike koodilõik kabinetist, asendades tellimuse numbri ja summa. Ost seotakse dialoogiga ja statistikas on näha, millised vestlused lõppevad müügiga.

## Kontroll

Kolm minutit, mida tasub pärast seadistamist kulutada:

1. Avage veebisait inkognito režiimis ja klõpsake vidina nuppu. Esitage küsimus toote kohta.
2. Avage agendi link telefonist. Kontrollige, kas pakutakse paigaldamist.
3. Saatke link endale sõnumirakendusse ja vaadake eelvaadet.
4. Vaadake „Dialoogid“ alla: seal peaksid ilmuma mõlemad vestlused.

## Korduma kippuvad küsimused

### Kas veebisaidi vidin ja link on erinevad agendid?

Üks ja seesama. Kataloog, tingimused, dialoogid ja päringud on ühised. Erineb ainult kujundus: veebisaidil on aken nurgas, lingil aga täisekraani leht, mille saab telefoni paigaldada.

### Kas lingi aadressi saab muuta?

Aadress moodustub poe nimest vitriini loomisel. Kui soovite teistsugust, kirjutage meile Telegramis — muudame selle käsitsi, et mitte rikkuda juba jagatud linke.

### Kas vidin aeglustab veebisaiti?

Ei. Skript on kerge ja laaditakse asünkroonselt, pärast lehe põisisu. Vestlusaken ise laaditakse alles siis, kui ostja nuppu klõpsab.

### Mida näeb ostja, kui agent on välja lülitatud?

Mitte midagi: nupp ei ilmu ja lingi leht näitab, et agent pole saadaval. Lüliti asub jaotises „Vidin ja link“.

### Kuidas eemaldada märge „Töötab Commerce Agentsi toel“?

Praegu mitte kuidagi: märgis jääb kõikidele pakettidele. See on klikitav ja viib meie veebisaidile — see on osa hinnast, tänu millele teenus maksab 29 € märkimisväärselt suurema summa asemel.