Preskočiť na obsah
Platformy

Webflow

Kam vo Webflow vložiť kód chatu Otta, ako web zverejniť, ako overiť, že chat beží, a čo robiť, keď sa neukáže.

Na tejto stránke

Webflow je nástroj na tvorbu webov s editorom Designer. Kód chatu vložíte do pätičky v nastaveniach webu (Site settings) a web zverejníte. Zaberie to asi 5 minút.

Čo budete potrebovať

  • Účet v Otte. Kód chatu nájdete v paneli v Prehľade, na karte Inštalácia a integrácie, na dlaždici Webflow. Je pod dlaždicou Ďalšie platformy, nájdete ju aj vyhľadávaním.
  • Plán webu (Site plan) alebo platený plán pracovného priestoru Core, Growth, Agency či Freelancer. Bez neho Webflow vlastný kód nepustí.
  • Rolu Site manager alebo Designer. Zverejniť web môže Site manager alebo člen tímu so zapnutým Can publish.

Kód chatu

Na dlaždici Webflow kliknite na Skopírovať kód. Dostanete jeden riadok s verejným kľúčom vašej firmy:

<script async src="https://ottoai.sk/widget.js" data-otto-key="pk_vas_kluc"></script>
V ukážke je namiesto kľúča pk_vas_kluc, dlaždica vám dá kód s vaším kľúčom. Kľúč nie je heslo, netreba ho tajiť. Kód stačí vložiť raz, platí pre celý web.

Vloženie kódu

  1. Otvorte nastavenia webu (Site settings). V Dashboarde sú pod tromi bodkami pod náhľadom webu, v Designeri v menu pod logom Webflow vľavo hore.
  2. Prejdite na záložku Custom code.
  3. Kód chatu vložte do poľa Footer code. Ak v ňom už iný kód je, vložte chat pod neho.
  4. Kliknite na Save changes.
  5. Web zverejnite: kliknite na Publish, zaškrtnite domény, na ktorých má chat byť, a kliknite na Publish to selected domains.
Vlastný kód Webflow pustí len s plánom webu (Site plan) alebo s plateným plánom pracovného priestoru Core, Growth, Agency či Freelancer.

Postup nájdete aj v oficiálnej nápovede platformy Webflow.

Overenie

  1. Otvorte svoj web v novom okne prehliadača a obnovte stránku. Vpravo dole má naskočiť bublina chatu.
  2. Napíšte do chatu skúšobnú otázku. Otto odpovie o pár sekúnd.
  3. V paneli v Nastaveniach, v časti Prepojenia, riadok Váš web ukáže doménu, na ktorej chat beží.
Webflow spúšťa vlastný kód aj v režime náhľadu, na web sa však chat dostane až po zverejnení. V rozšírenom zobrazení plátna (expand canvas) sa vlastný kód nespúšťa.

Katalóg produktov

Ak predávate cez Webflow Ecommerce, adresu feedu pre Google dostanete v Settings, Ecommerce, Integrations: zapnite integráciu Google, skopírujte adresu feedu a nastavenie uložte. Feed funguje, len kým je web zverejnený. Ak ju Otto pri overení neprijme, zapnite prepínač Nemám XML feed, Otto si prečíta môj web.

Keď niečo nefunguje

Kód v Custom code nejde uložiť

Vlastný kód smú pridávať len roly Site manager a Designer a len na webe s plánom webu alebo plateným plánom pracovného priestoru. Overte si plán a svoju rolu u vlastníka pracovného priestoru.

Chat je na adrese .webflow.io, ale nie na mojej doméne

Pri zverejnení ste zrejme zaškrtli len adresu webflow.io. Kliknite na Publish, zaškrtnite aj vlastnú doménu a web zverejnite. Otto sa potom na vlastnú doménu presunie sám.

Chat nevidím v Designeri

V rozšírenom zobrazení plátna Webflow vlastný kód nespúšťa. Chat skontrolujte v režime náhľadu alebo na zverejnenom webe.

Ďalej skontrolujte

  • Obnovte stránku bez cache klávesmi Ctrl+F5 alebo ju otvorte v anonymnom okne.
  • Kód má byť na stránke len raz, druhý sa ignoruje.
  • Lišta súhlasu s cookies môže skripty zablokovať až do súhlasu. Ak sa chat ukáže až po súhlase, pozrite časť Súhlas s cookies.
  • Ak má web hlavičku Content-Security-Policy, povoľte v nej https://ottoai.sk, postup je v časti Content-Security-Policy.
  • V konzole prehliadača (kláves F12) hľadajte správy začínajúce [Otto]. Povedia, čo chatu chýba.
  • Stále nič? Napíšte nám na podpora@ottoai.sk a pošlite adresu webu.

Odstránenie chatu

V Site settings, záložka Custom code, zmažte kód chatu z poľa Footer code, kliknite na Save changes a web znova zverejnite.