Přeskočit na obsah
Platformy

Webflow

Kam ve Webflow vložit kód chatu Otta, jak web publikovat, jak ověřit, že chat běží, a co dělat, když se neukáže.

Na této stránce

Webflow je nástroj pro tvorbu webů s editorem Designer. Kód chatu vložíte do patičky v nastavení webu (Site settings) a web publikujete. Zabere to asi 5 minut.

Co budete potřebovat

  • Účet v Ottovi. Kód chatu najdete v panelu v Přehledu, na kartě Instalace a integrace, na dlaždici Webflow. Je pod dlaždicí Další platformy, najdete ji i vyhledáváním.
  • Plán webu (Site plan) nebo placený plán pracovního prostoru Core, Growth, Agency či Freelancer. Bez něj Webflow vlastní kód nepustí.
  • Roli Site manager nebo Designer. Publikovat web může Site manager nebo člen týmu se zapnutým Can publish.

Kód chatu

Na dlaždici Webflow klikněte na Zkopírovat kód. Dostanete jeden řádek s veřejným klíčem vaší firmy:

<script async src="https://ottoai.sk/widget.js" data-otto-key="pk_vas_kluc"></script>
V ukázce je místo klíče pk_vas_kluc, dlaždice vám dá kód s vaším klíčem. Klíč není heslo, netřeba ho tajit. Kód stačí vložit jednou, platí pro celý web.

Vložení kódu

  1. Otevřete nastavení webu (Site settings). V Dashboardu jsou pod třemi tečkami pod náhledem webu, v Designeru v menu pod logem Webflow vlevo nahoře.
  2. Přejděte na záložku Custom code.
  3. Kód chatu vložte do pole Footer code. Pokud v něm už jiný kód je, vložte chat pod něj.
  4. Klikněte na Save changes.
  5. Web publikujte: klikněte na Publish, zaškrtněte domény, na kterých má chat být, a klikněte na Publish to selected domains.
Vlastní kód Webflow pustí jen s plánem webu (Site plan) nebo s placeným plánem pracovního prostoru Core, Growth, Agency či Freelancer.

Postup najdete i v oficiální nápovědě platformy Webflow.

Ověření

  1. Otevřete svůj web v novém okně prohlížeče a obnovte stránku. Vpravo dole má naskočit bublina chatu.
  2. Napište do chatu zkušební otázku. Otto odpoví za pár sekund.
  3. V panelu v Nastavení, v části Propojení, řádek Váš web ukáže doménu, na které chat běží.
Webflow spouští vlastní kód i v režimu náhledu, na web se ale chat dostane až po publikování. V rozšířeném zobrazení plátna (expand canvas) se vlastní kód nespouští.

Katalog produktů

Pokud prodáváte přes Webflow Ecommerce, adresu feedu pro Google získáte v Settings, Ecommerce, Integrations: zapněte integraci Google, zkopírujte adresu feedu a nastavení uložte. Feed funguje, jen dokud je web publikovaný. Pokud ji Otto při ověření nepřijme, zapněte přepínač Nemám XML feed, Otto si přečte můj web.

Když něco nefunguje

Kód v Custom code nejde uložit

Vlastní kód smějí přidávat jen role Site manager a Designer a jen na webu s plánem webu nebo placeným plánem pracovního prostoru. Ověřte si plán a svou roli u vlastníka pracovního prostoru.

Chat je na adrese .webflow.io, ale ne na mé doméně

Při publikování jste zřejmě zaškrtli jen adresu webflow.io. Klikněte na Publish, zaškrtněte i vlastní doménu a web publikujte. Otto se pak na vlastní doménu přesune sám.

Chat nevidím v Designeru

V rozšířeném zobrazení plátna Webflow vlastní kód nespouští. Chat zkontrolujte v režimu náhledu nebo na publikovaném webu.

Dále zkontrolujte

  • Obnovte stránku bez mezipaměti klávesami Ctrl+F5 nebo ji otevřete v anonymním okně.
  • Kód má být na stránce jen jednou, druhý se ignoruje.
  • Lišta souhlasu s cookies může skripty zablokovat až do souhlasu. Pokud se chat ukáže až po souhlasu, podívejte se do části Souhlas s cookies.
  • Pokud má web hlavičku Content-Security-Policy, povolte v ní https://ottoai.sk, postup je v části Content-Security-Policy.
  • V konzoli prohlížeče (klávesa F12) hledejte zprávy začínající [Otto]. Řeknou, co chatu chybí.
  • Pořád nic? Napište nám na podpora@ottoai.sk a pošlete adresu webu.

Odstranění chatu

V Site settings, záložka Custom code, smažte kód chatu z pole Footer code, klikněte na Save changes a web znovu publikujte.