Přeskočit na hlavní obsah

Základní nastavení chat boxu

Naučte se, jak přizpůsobit vzhled vašeho Smartsupp chat boxu a klíčová nastavení tak, aby odpovídaly vašemu webu a zlepšily zapojení návštěvníků.

Jakmile máte Smartsupp chat nainstalovaný na svém webu, první věc, kterou budete pravděpodobně chtít udělat, je nastavit, jak chat box vypadá a jak se chová. Smartsupp chat box spojuje chat a kontaktní formulář do jednoho widgetu, takže návštěvníci mohou posílat zprávy a — pokud kontaktní formulář povolíte — sdílet údaje jako jméno a e-mail.

💡 Kde to najdete: Všechny níže uvedené možnosti jsou v Nastavení > Chat box ve vašem Smartsupp dashboardu.

V tomto článku:


Co můžete přizpůsobit

V nastavení vzhledu chat boxu můžete upravit následující, aby widget ladil s vaším webem:

Nastavení

K čemu slouží

Barevný přechod

Nastaví barvy chat boxu tak, aby odpovídaly vaší značce.

Pozice

Umístí chat box na levou nebo pravou stranu obrazovky.

Obecné texty

Upraví popisky a zprávy zobrazené v chat boxu.

Motiv

Přepne celkový vzhled chat boxu.


Změna pozice chat boxu

Tlačítko chatu můžete přesunout přímo z dashboardu — bez nutnosti kódu:

  1. Přihlaste se ke svému Smartsupp účtu.

  2. Přejděte do Nastavení > Chat box > Vzhled (nebo Nastavení pozice).

  3. Upravte umístění — vyberte levou nebo pravou stranu obrazovky, nastavte svislé odsazení a mezeru od okrajů.

  4. Uložte změny. Aktualizovaná pozice se na váš web použije automaticky.


Pokročilé: pozice přes JavaScript API

🟡 Poznámka: Změna pozice přes API vyžaduje balíček EXPERT (Legacy: PRO) a přístup vývojáře ke kódu vašeho webu.

Smartsupp JavaScript API dává vývojářům přesnější kontrolu nad chat widgetem. Můžete například nastavit různé pozice pro počítač a mobil:

<script>
// Desktop position
smartsupp('chat:position', { bottom: 20, right: 20 });

// Mobile override
if (window.innerWidth < 768) {
  smartsupp('chat:position', { bottom: 100, right: 10 });
}
</script>

Jak to implementovat:

  1. Otevřete kód svého webu a najděte instalační skript Smartsupp.

  2. Vložte výše uvedený úryvek přímo pod skript Smartsupp.

  3. Upravte hodnoty bottom a right podle svého designu pro počítač i mobil.

  4. Uložte změny a obnovte web v anonymním nebo soukromém okně, abyste ověřili nové pozice.

💡 Tip: Pro úplnou kontrolu si můžete vytvořit vlastní tlačítko a chat widget spravovat výhradně přes JavaScript API.


Co dál?

💡 Stále potřebujete pomoc? Pokud nemůžete nějaké nastavení najít nebo něco nefunguje podle očekávání, kontaktujte náš tým podpory přes chat nebo e-mail — rádi pomůžeme.

Dostali jste odpověď na svou otázku?