Ano, plovoucí tlačítka sociálních médií můžete do WordPressu přidat bez úpravy souborů šablony. Nejjednodušší přístup je použít specializovaný plugin pro plovoucí widgety, vybrat kanály, které vaši návštěvníci již používají, přizpůsobit polohu a vzhled tlačítka a poté jej otestovat na stolních počítačích a mobilních zařízeních.

Plovoucí tlačítka jsou užitečná pro více než jen sledování na sociálních sítích. V závislosti na vaší firmě může stejný widget návštěvníkům poskytnout rychlý přístup k WhatsAppu, Messengeru, e-mailu, SMS, telefonním hovorům, kontaktním formulářům nebo živému chatu. Klíčem je, aby byl widget užitečný, a ne rušivý.

Tato příručka vysvětluje, jak nastavit plovoucí tlačítka sociálních médií pro WordPress, které kanály zahrnout, jak zpřístupnit widget, kde jej zobrazit a jak vyhodnotit, zda pomáhá vašemu webu.

Co jsou plovoucí tlačítka sociálních médií?

Plovoucí tlačítka sociálních médií jsou trvalé ikony, které zůstávají viditelné, když návštěvník prochází stránkou. Obvykle jsou umístěny podél levého nebo pravého okraje obrazovky a po kliknutí otevřou profil na sociální síti, kanál pro zasílání zpráv nebo kontaktní metodu.

Plovoucí widget se liší od standardního bloku sociálních médií v záhlaví nebo zápatí. Odkaz v záhlaví může zmizet, když návštěvník posouvá stránku, zatímco plovoucí widget zůstává k dispozici po celou dobu prohlížení. Díky tomu je užitečný pro webové stránky, kde se návštěvníci mohou chtít po přečtení stránky produktu nebo služby zeptat, požádat o cenovou nabídku, zavolat firmě nebo zahájit konverzaci.

Například firma poskytující místní služby může zobrazovat tlačítko pro telefon a WhatsApp. Internetový obchod může nabízet podporu přes Messenger, e-mail a produkty. Konzultant může použít kontaktní formulář a odkaz na kalendář. Vydavatel může preferovat jednoduché odkazy na profily na sociálních sítích.

Proč přidávat plovoucí tlačítka na web WordPress?

Plovoucí tlačítka mohou zkrátit počet kroků mezi návštěvníkem a vaší firmou. Místo hledání kontaktní stránky nebo posouvání zpět do záhlaví si návštěvníci mohou okamžitě zvolit komunikační kanál.

Udržují důležité akce viditelné

Návštěvníci nejdou na webových stránkách stejnou cestou. Někdo může vaši firmu objevit prostřednictvím příspěvku na blogu, dostat se na stránku produktu z vyhledávání nebo na vstupní stránku specifickou pro vaši kampaň. Trvalý widget zpřístupňuje důležité možnosti kontaktu z každého místa.

Podporují různé preference návštěvníků

Někteří lidé dávají přednost zasílání zpráv, zatímco jiní raději pošlou e-mail nebo zavolají. Poskytnutí několika relevantních možností může usnadnit používání vašich webových stránek, zejména pokud vaše publikum zahrnuje zákazníky na různých místech nebo s různými komunikačními návyky.

Mohou podporovat konverze v elektronickém obchodování

Dotazy k produktům často brání návštěvníkům v dokončení nákupu. Viditelná možnost kontaktování může nakupujícím pomoci se zeptat na velikosti, doručení, dostupnost, kompatibilitu nebo vrácení zboží před opuštěním webu. Pro obchody WooCommerce může být kontextová zpráva užitečnější než obecný odkaz „Kontaktujte nás“.

Mohou zlepšit přístup k zákaznické podpoře

Plovoucí widget může spíše doplňovat než nahrazovat váš proces podpory. Můžete například kombinovat živý chat během pracovní doby s e-mailem nebo WhatsAppem mimo tuto dobu. Pokud potřebujete širší pracovní postup podpory, porovnejte widget se specializovaným řešením živého chatu pro WordPress.

Které kanály byste měli zahrnout?

Nejlepší plovoucí widget není ten s největším počtem ikon. Je to ten, který nabízí několik kanálů, které vaši návštěvníci s největší pravděpodobností použijí a které váš tým může průběžně sledovat.

WhatsApp

WhatsApp může být dobrou volbou pro firmy, které již v dané lokalitě vyřizují zákaznické rozhovory. Je obzvláště užitečný pro místní služby, mezinárodní firmy, společnosti založené na schůzkách a obchody, které odpovídají na dotazy ohledně produktů prostřednictvím zpráv.

Facebook Messenger

Messenger může fungovat dobře, pokud vaše firma aktivně spravuje stránku na Facebooku a reaguje na zprávy. Vyhněte se jeho přidávání jen proto, že je populární, pokud nikdo není k dispozici, aby odpověděl na otázky.

instagramu

Odkaz na Instagram nebo možnost zasílání zpráv může pomoci vizuálním značkám, tvůrcům, restauracím, módním obchodům a lifestylovému průmyslu. Používejte ji, když je váš instagramový účet aktivní a podporuje cestu návštěvníka.

Email

E-mail je i nadále užitečný pro podrobné dotazy, přílohy, nabídky a problémy, které nevyžadují okamžitou odpověď. Odkaz mailto je jednoduchý, ale kontaktní formulář vám může poskytnout lepší kontrolu nad povinnými poli a sběrem potenciálních zákazníků.

Telefon a volání kliknutím

Telefonní tlačítko je obzvláště užitečné pro místní firmy, kliniky, řemeslníky, konzultanty a jakoukoli společnost, která uzavírá prodeje telefonicky. Na mobilních zařízeních může správně nakonfigurované telefonní spojení umožnit návštěvníkům volat jedním klepnutím.

SMS

SMS zprávy mohou být praktické pro žádosti o schůzku, rychlé dotazy nebo místní služby. Než je přidáte, ujistěte se, že je váš tým připraven reagovat prostřednictvím tohoto kanálu a že je číslo správné.

Živý chat

Živý chat je užitečný, když je někdo zodpovědný za sledování příchozích konverzací. Pokud používáte Chatway, můžete kanál živého chatu propojit s widgetem Chaty podle návodu k integraci Chatway a Chaty od Premio . Prozkoumejte Chatway jako možnost živého chatu v nastavení widgetu pro kontakty.

Jak přidat plovoucí tlačítka sociálních médií do WordPressu

Pro většinu majitelů webů na WordPressu je plugin nejpraktičtější metodou. Vyhýbá se vývoji vlastních šablon a obvykle poskytuje ovládací prvky pro kanály, umístění, viditelnost, cílení a analytiku.

Krok 1: Vyberte plugin pro plovoucí widget

Hledejte plugin, který podporuje kanály, které potřebujete, funguje s vaším motivem a nástrojem pro tvorbu stránek a dává vám kontrolu nad zobrazením na mobilních zařízeních. Měl by vám také umožnit odstranit nepotřebné kanály, změnit polohu widgetu a zabránit tomu, aby se widget zobrazoval tam, kde by mohl rušit jiný důležitý prvek.

Chaty pro WordPress je navržen pro plovoucí tlačítka chatu, kontaktů a sociálních médií. Jeho seznam na WordPress.org popisuje podporu pro kanály jako WhatsApp a Facebook Messenger, zobrazení na mobilních zařízeních a počítačích, možnosti umístění, text výzvy k akci a funkce cílení. Před výběrem funkcí, které chcete použít, si zkontrolujte aktuální seznam pluginů a podrobnosti o tarifu.

Krok 2: Instalace a aktivace pluginu

V dashboardu WordPressu přejděte do sekce Pluginy , vyberte možnost Přidat nový , vyhledejte plugin a nainstalujte jej. Po aktivaci otevřete nastavení pluginu v administrátorské nabídce WordPressu.

Před publikováním widgetu si vytvořte zálohu nebo otestujte změnu na testovacím webu, pokud váš web zaznamenává značnou návštěvnost. Testovací prostředí je také užitečné, když testujete nový widget spolu s pluginy pro ukládání do mezipaměti, optimalizaci, elektronické obchodování nebo přístupnost.

Krok 3: Vyberte si kanály

Začněte s jedním až třemi kanály. Například:

• Servisní firma: telefon, WhatsApp a kontaktní formulář.
• Internetový obchod: WhatsApp, e-mail a živý chat.
• Webové stránky tvůrce: Instagram, Facebook a e-mail.
• Místní restaurace: telefon, Messenger a pokyny k cestě.

Zadejte správná uživatelská jména, telefonní čísla, odkazy na profily nebo e-mailové adresy. Před zveřejněním otestujte každou destinaci. Jediná nesprávná číslice v telefonním čísle může potenciální zákazníky poslat na špatné místo.

Krok 4: Přizpůsobte si widget

Upravte styl ikon, barvy, rozestupy, text výzvy k akci a polohu na obrazovce. Widget by měl být viditelný, ale neměl by zakrývat navigaci, ovládací prvky produktu, tlačítka pro platbu, oznámení o souborech cookie ani ovládací prvky přístupnosti.

Udržujte design v souladu s vaší značkou, ale neobětujte rozpoznatelnost. Známé ikony a jasné popisky obvykle komunikují rychleji než vysoce dekorativní designy. Pokud váš widget podporuje textový popisek, použijte frázi zaměřenou na akci, například „Popovídejte si s námi“, „Zavolejte nyní“ nebo „Položte otázku“.

Dokumentace nápovědy Chaty vysvětluje hlavní postup nastavení, včetně výběru kanálů, přizpůsobení widgetu, konfigurace spouštěčů a cílení a uložení widgetu. Před konfigurací vlastního webu si můžete projít pokyny k nastavení Chaty pro WordPress .

Krok 5: Konfigurace pravidel viditelnosti

Zobrazování stejného widgetu všude není vždy nejlepší přístup. Produktová stránka může mít prospěch z kanálu s dotazy k produktu, zatímco stránka s kariérními nabídkami nemusí vůbec potřebovat tlačítko chatu.

Pomocí pravidel viditelnosti určete, kde se widget zobrazí. Můžete ho zobrazit na:

• Stránky produktů a služeb.
• Příspěvky na blogu s vysokou návštěvností.
• Stránky s cenami a nabídkami.
• Kontaktní a rezervační stránky.
• Vstupní stránky používané v reklamních kampaních.

Můžete jej skrýt na stránkách pokladny, účtu, přihlášení nebo na stránkách kampaně na celou obrazovku, pokud konkuruje primární akci. Pokud potřebujete různé kanály nebo zprávy pro různé sekce vašeho webu, můžete vytvořit samostatné widgety a použít cílení na stránky. Premio tento přístup vysvětluje ve svém průvodci vytvářením různých widgetů Chaty pro různé stránky.

Krok 6: Nastavení otevírací doby a pravidel pro zařízení

Pokud váš tým reaguje pouze v určitých hodinách, nakonfigurujte widget odpovídajícím způsobem. Během pracovní doby můžete zobrazit možnost telefonního hovoru nebo živého chatu a jindy můžete používat e-mail nebo kontaktní formulář.

Widget si prohlédněte zvlášť na počítači a na mobilním zařízení. Návštěvníci na mobilních zařízeních mají méně místa na obrazovce a plovoucí tlačítko, které na širokém monitoru vypadá nenápadně, může zakrývat obsah nebo překrývat ovládací prvek mobilního prohlížeče.

Krok 7: Uložte a otestujte widget

Otevřete si webové stránky v anonymním okně prohlížeče a otestujte každý kanál. Zkontrolujte domovskou stránku, příspěvek na blogu, stránku produktu, košík, pokladnu a všechny důležité vstupní stránky.

Otestujte widget pomocí myši, klávesnice a dotykové obrazovky. Potvrďte, že:

• Tlačítko je viditelné na pozadí.
• Widget se otevírá a zavírá předvídatelně.
• Každá ikona má jasný a přístupný název nebo popisek.
• Widget neblokuje důležitý obsah.
• Odkazy otevírají správnou destinaci.
• Tlačítko telefonu funguje správně na mobilním zařízení.
• Widget se kvůli šabloně nebo druhému pluginu nezobrazuje dvakrát.

Plovoucí tlačítka a přístupnost: co zkontrolovat

Plovoucí widget by měl usnadnit komunikaci pro všechny, ne vytvářet další překážku. Přístupnost není jen právní nebo technický kontrolní seznam; je součástí dobré uživatelské zkušenosti.

Používejte dostatečně velké dotykové cíle

Malé ikony se obtížně klepou, zejména na mobilních zařízeních nebo pro návštěvníky s motorickým postižením. WCAG 2.2 obsahuje kritérium velikosti cíle , které se zabývá minimálními rozměry a roztečí dotykových bodů. Použijte toto vodítko jako referenci pro design a zároveň otestujte widget na skutečných zařízeních.

Nespoléhejte se pouze na barvu

Návštěvníci by měli být schopni rozlišit kanály pomocí známých ikon, textových popisků nebo přístupných názvů, nikoli pouze podle barvy. Ujistěte se, že widget a jeho rozbalená tlačítka mají dostatečný kontrast s pozadím stránky.

Zkontrolujte přístup z klávesnice

Uživatel s klávesnicí by měl být schopen dosáhnout na widget, otevřít ho, navigovat v něm a zavřít ho. Dávejte pozor, aby fokus nebyl zachycen za widgetem nebo skryt pevným prvkem. Pokud widget nelze použít s klávesnicí, kontaktujte vývojáře pluginu nebo zvažte jinou implementaci.

Vyhněte se neočekávaným pohybům a agresivním vyskakovacím oknům

Animace, blikající efekty a automatické rozbalování mohou návštěvníky rušit nebo způsobovat problémy lidem, kteří používají asistenční technologie. Widget s možností otevření kliknutím je často méně rušivý než ten, který se automaticky rozbalí, jakmile se stránka načte.

Nabídněte alternativu bez widgetu

Nedělejte z plovoucího widgetu jediný způsob, jak kontaktovat vaši firmu. Udržujte v hlavní navigaci nebo v patičce viditelnou kontaktní stránku, e-mailovou adresu, telefonní číslo nebo odkaz na podporu. Pokud se widget nenačte, návštěvníci by měli mít stále možnost vás kontaktovat.

Jak umístit plovoucí tlačítka bez negativního dopadu na použitelnost

Pozice je jedním z nejdůležitějších designových rozhodnutí. Pravý dolní roh je mnoha návštěvníkům známý, protože se tam běžně zobrazují nástroje pro chat, ale může kolidovat s bannery souborů cookie, nástroji pro usnadnění přístupu, tlačítky zpět nahoru nebo ovládacími prvky elektronického obchodování.

Zvažte tyto pokyny pro umístění:

• Nechte od okraje zobrazovacího okna dostatek prostoru, aby se na tlačítko snadno klepalo.
• Zkontrolujte, zda widget zakrývá obrázky produktů, tlačítka pro přidání do košíku nebo pole formuláře.
• Pokud stejnou oblast již zaujímá jiný pevný prvek, použijte jinou pozici.
• Udržujte widget konzistentní napříč stránkami, pokud nevyžaduje změnu rozvržení specifické pro danou stránku.
• Zkontrolujte polohu v mobilních zařízeních na výšku a na šířku.

U dlouhých článků by měl widget zůstat dostupný, aniž by zakrýval odstavce. Na stránce pokladny může být lepší widget zcela skrýt, pokud odvádí pozornost od dokončení platby.

Kolik plovoucích tlačítek byste měli zobrazit?

Neexistuje univerzální ideální číslo, ale méně je obvykle lepší. Dlouhý seznam ikon může widgetu způsobit složitý vzhled a nutit návštěvníky hledat potřebnou akci.

Vyberte kanály na základě důkazů:

1. Projděte si kanály, které vás zákazníci již používají k kontaktování.
2. Zeptejte se prodejních a podpůrných týmů, jaké komunikační metody vedou k užitečným konverzacím.
3. Zkontrolujte analytické údaje o kliknutích a dokončených akcích.
4. Odstraňte kanály, které nezaznamenávají žádnou smysluplnou interakci.
5. Otestujte revidovanou sadu kanálů po definované období.

Pokud například návštěvníci často klikají na WhatsApp, ale zřídka používají Messenger, upřednostněte WhatsApp. Pokud kanál zaznamenává kliknutí, ale vytváří nezodpovězené konverzace, vylepšete proces odezvy, než jej budete více propagovat.

Jak měřit výkon plovoucího widgetu

Neposuzujte widget pouze podle toho, zda vypadá atraktivně. Změřte, zda pomáhá návštěvníkům dokončit smysluplné akce.

Sledování kliknutí podle kanálu

Kliknutí na úrovni kanálů mohou odhalit, které možnosti přitahují pozornost. Chaty obsahuje analytiku widgetů pro kontrolu používání widgetů a kanálů; průvodce analytikou Chaty vysvětluje, kde tyto informace najít v dashboardu WordPressu.

Měření potenciálních zákazníků a konverzací

Kliknutí je meziakce. Pro obchodní rozhodnutí porovnávejte kliknutí s hovory, vyplněnými kontaktními formuláři, rezervovanými schůzkami, nákupy nebo kvalifikovanými konverzacemi.

Dávejte pozor na negativní signály

Widget může způsobovat problémy, pokud jej návštěvníci okamžitě zavírají, stěžují si, že zakrývá obsah, nebo opouštějí stránku po svém zobrazení. Před zvýšením jeho viditelnosti sledujte použitelnost na mobilních zařízeních, zpětnou vazbu od podpory a konverzní cesty.

Testujte jednu změnu najednou

Pokud je to možné, měňte pozici, popisek, kombinaci kanálů nebo pravidla zobrazení postupně. Díky tomu je snazší pochopit, co ovlivnilo výsledky. Widget můžete také propojit s širším sledováním konverzí, jak je popsáno v průvodci společnosti Premio pro sledování cesty zákazníka od kliknutí ke konverzi.

Časté chyby, kterým je třeba se vyhnout

Přidání všech možných kanálů

Více možností automaticky nevede k větší interakci. Zahrňte pouze kanály, které jsou relevantní pro vaše publikum a které váš tým aktivně monitoruje.

Používání obecných nebo nejasných označení

„Klikněte zde“ neříká návštěvníkům, co se stane. Používejte specifické štítky, například „Napište nám na WhatsApp“ nebo „Zavolejte našemu týmu“.

Ignorování mobilních rozvržení

Mnoho plovoucích widgetů je nejprve nakonfigurováno na počítači a poté ponecháno bez testování na mobilním zařízení. Widget vždy zkontrolujte na skutečném telefonu a zkontrolujte stránky s fixními záhlavími, galeriemi produktů, formuláři a ovládacími prvky pokladny.

Zobrazování widgetu v nesprávný čas

Widget, který se zobrazuje na každé stránce, každou hodinu a každému návštěvníkovi, může působit rušivě. Používejte pravidla pro stránku, zařízení, zemi, zdroj návštěvnosti nebo plánování, pokud skutečně zvyšují relevanci.

Neodpovídám

Kontaktní kanál vytváří očekávání. Pokud návštěvníci odesílají zprávy, ale nedostávají žádnou odpověď, widget může důvěru spíše poškodit, než zlepšit. Přiřaďte odpovědnost každému kanálu a publikujte realistická očekávání odezvy.

Často kladené otázky

Jaký je nejjednodušší způsob, jak přidat plovoucí tlačítka sociálních médií do WordPressu?

Nejjednodušší metodou je nainstalovat plugin s plovoucím widgetem z adresáře pluginů WordPressu, vybrat kanály, upravit vzhled, nakonfigurovat pravidla viditelnosti a otestovat widget. Tento přístup je obecně jednodušší než přidání vlastního kódu do šablony.

Mohu do jednoho widgetu přidat tlačítka pro telefon, WhatsApp, e-mail a sociální média?

Mnoho pluginů s plovoucími widgety podporuje více komunikačních kanálů v jednom widgetu. Přesné kanály a limity tarifů se liší v závislosti na pluginu, proto si před publikováním ověřte aktuální dokumentaci. Seznam Chaty pro WordPress popisuje podporu pro více chatovacích a kontaktních kanálů.

Měly by se plovoucí tlačítka zobrazovat na každé stránce WordPressu?

Ne nutně. Zobrazte je tam, kde návštěvníkům pomohou s dalším krokem, například na stránkách produktů, služeb, cen nebo kontaktů. Zvažte jejich skrytí v pokladně, přihlašovacím formuláři nebo na stránkách, kde by widget zakrýval důležitý ovládací prvek.

Jsou plovoucí tlačítka sociálních médií přístupná?

Mohou, ale přístupnost závisí na implementaci a konfiguraci. Zkontrolujte přístup z klávesnice, viditelnost fokusu, popisky, kontrast, velikost dotykového terče, omezené chování při pohybu a zda widget blokuje obsah. Jako alternativu poskytněte také běžný odkaz na kontaktní stránku nebo zápatí.

Zpomalují plovoucí tlačítka WordPress?

Jakýkoli další plugin nebo skript může ovlivnit výkon webových stránek, ačkoli dopad závisí na implementaci, hostingovém prostředí, nastavení mezipaměti a dalších pluginech. Před instalací a po ní otestujte svůj web a vyhněte se spouštění více widgetů, které poskytují stejnou funkci.

Jak mohu nastavit plovoucí widget tak, aby zobrazoval různá tlačítka na různých stránkách?

Použijte cílení na stránky nebo vytvořte samostatné widgety s pravidly specifickými pro danou stránku. Například stránka produktu může zobrazovat WhatsApp a produktovou podporu, zatímco příspěvek na blogu může zobrazovat e-mailové a sociální profily. Ujistěte se, že překrývající se pravidla nezpůsobují zobrazení více widgetů najednou.

Závěrečné úvahy

Plovoucí tlačítka sociálních médií mohou usnadnit navigaci na webu WordPress a usnadnit kontakt, ale jejich úspěch závisí na relevanci a zdrženlivosti. Začněte s kanály, které vaši návštěvníci již používají, vytvořte tlačítka jasná a přístupná, skryjte je tam, kde narušují důležité akce, a měřte smysluplné výsledky, nikoli pouze kliknutí.

Při promyšlené konfiguraci může plovoucí widget spojit návštěvníky webových stránek se správnou osobou nebo platformou ve správný okamžik – aniž by každou stránku proměnil ve zeď ikon.