Hľadáte jednoduchý spôsob, ako pridať plávajúce tlačidlo do WordPress? Plávajúce tlačidlá sú všestranné nástroje, ktoré môžu vývojári využiť na zlepšenie navigácie na svojich webových stránkach a dokonca aj na zlepšenie predaja.
Žiaľ, plávajúce tlačidlá nie sú vo WordPress predvolene dostupné. Ako väčšina vecí vo WordPress však existuje doplnok, ktorý ho môže pridať.
Dnes vám ukážem, ako pridať plávajúce tlačidlo do WordPress pomocou doplnku Floating Button.
Čo je to plávajúce tlačidlo?
Plávajúce tlačidlo je typ tlačidla, ktoré sa zobrazuje v hornej vrstve webovej stránky, takže je vždy viditeľné, aj keď posúvate stránku nadol. Tlačidlo môže mať rôzne tvary, no najbežnejší je kruh.
Môžete ho umiestniť na ľubovoľné miesto na stránke a dokonca umožniť návštevníkom pohybovať sa tlačidlom. Jeho umiestnenie by ste však mali obmedziť na strany stránky. Umiestnenie do stredu je istý spôsob, ako obťažovať návštevníka.
Prečo pridať plávajúce tlačidlo?
Keďže plávajúce tlačidlo je na stránke vždy viditeľné, môže slúžiť mnohým účelom.
Môžete napríklad vytvoriť tlačidlo plávajúceho košíka, ktoré pomôže priviesť zákazníkov k pokladni. Môžete tiež vytvoriť plávajúce tlačidlo domovskej stránky, ktoré návštevníkom pomôže vrátiť sa na domovskú stránku. Môžete ich použiť na vytvorenie ľubovoľného typu tlačidla na vašom webe.
Predstavte si to ako tvorcu plávajúcej výzvy na akciu.
Jedným z najbežnejších použití takéhoto tlačidla je prístup k živému chatu alebo obchodnému tímu. Pravdepodobne ste už niekedy navštívili webovú stránku, ktorá používala túto techniku. Zvyčajne to bude vyzerať ako „Kontaktujte nás +“ a po kliknutí sa rozbalí na chatbox.
Je to vysoko efektívne pre webové stránky, ktoré majú predajný tím.
Ako pridať plávajúce tlačidlo do WordPress
Krok 1: Nainštalujte plávajúce tlačidlo
Ten výstižne pomenovaný Plávajúce tlačidlo plugin umožní používateľom jednoducho pridať plávajúce tlačidlo na ich webovú stránku WordPress. Používateľom poskytuje 4 možné miesta na ich umiestnenie na príspevok alebo stránku, viaceré tvary tlačidiel na výber, farebné možnosti, možnosti zvýraznenia a množstvo ďalších nástrojov na prispôsobenie.
Doplnok sa používa pomerne jednoducho a jeho nastavenie by malo trvať len niekoľko minút, začnime.
Kliknite na Pluginy a vyberte možnosť Pridať nový na ľavom paneli správcu.
V dostupnom vyhľadávacom poli vyhľadajte plávajúce tlačidlo. Tým sa vytiahnu ďalšie doplnky, ktoré vám môžu pomôcť.
Prejdite nadol, kým nenájdete doplnok Floating Button a kliknite na tlačidlo „Inštalovať teraz“ a aktivujte doplnok na použitie.
Krok 2: Nájdite Nastavenia
Po aktivácii ste pripravení vytvoriť si vlastné plávajúce tlačidlo. A našťastie proces tvorby je celkom jednoduchý. Je však potrebné zdôrazniť, že tento doplnok má verziu Pro s extra funkciami.
Funkcie uzamknuté za verziou Pro môžete identifikovať podľa malej červenej ikony zámku. Plne funkčné tlačidlo môžete vytvoriť aj bez verzie Pro, no ďalšie možnosti prispôsobenia nikdy neuškodia.
Na ľavom administračnom paneli kliknite na Wow Plugins a vyberte možnosť Floating Button Lite.
Kliknite na kartu Pridať novú.
Tým sa otvoria všetky možnosti prispôsobenia, ktoré doplnok ponúka. V hornej časti môžete zadať názov, ktorý vám pomôže identifikovať tlačidlo.
Všimnite si, že na ľavej strane sú možnosti Hlavné, Vertikálne a Horizontálne. Hlavné tlačidlo je to, čo používatelia uvidia na svojej stránke. Jeho funkciou je zobrazenie vodorovných a zvislých tlačidiel, ktoré doň pridáte.
Najprv musíme prispôsobiť hlavné tlačidlo.
Krok 3: Prispôsobte si hlavné tlačidlo
Prvá možnosť, ktorú si môžete vybrať, je hlavná ikona alebo obrázok, ktorý sa bude nachádzať v tlačidle. V predvolenom nastavení poskytuje doplnok 80 jedinečných ikon, z ktorých si môžete vybrať, a ak si zakúpite verziu Pro, získate viac ako 1 500.
Prezrite si ikony alebo pomocou funkcie vyhľadávania nejakú nájdite.
Pod ikonami uvidíte sériu rozbaľovacích políčok. Doplnok poskytuje iba jednu možnosť pre polohu, tvar tlačidla, veľkosť, animácie a typ tlačidla. Ak chcete viac možností, budete si musieť kúpiť verziu Pro.
V spodnej časti uvidíte farebné možnosti. Môžete si vybrať farbu tlačidla, ikony, pozadia popisku, textu popisku a dokonca aj farbu po umiestnení kurzora myši. Bohužiaľ, tento doplnok neposkytuje možnosť náhľadu, takže môže byť ťažké ho správne nastaviť na prvýkrát.
Na pravej strane nájdete niekoľko možností viditeľnosti. Zahŕňajú, či sa tlačidlo zobrazí na určitých veľkostiach obrazoviek (napr. mobilné zariadenia), či ho uvidia všetci používatelia v závislosti od výberu jazyka, alebo či sa zobrazí v celom obsahu alebo len v obsahu, ktorý má v to.
Teraz musíte pridať vertikálne alebo horizontálne tlačidlá.
Krok 4: Pridajte vodorovné a zvislé tlačidlá
Horizontálne a vertikálne tlačidlá fungujú úplne rovnako, sú to tlačidlá, ktoré sa objavia po kliknutí návštevníka na hlavné tlačidlo. Jediný rozdiel je v tom, že horizontálne tlačidlá sa zobrazujú horizontálne, zatiaľ čo vertikálne tlačidlá sa zobrazujú vertikálne.
Dosť jednoduché, však?
V tomto prípade pridám vertikálne tlačidlo, ale pokojne použite aj horizontálne.
Kliknite na Vertikálne alebo Horizontálne.
Uvidíte dve tlačidlá: Pridať položku a Odstrániť poslednú položku. Kliknite na tlačidlo „Pridať položku“ a zobrazia sa nové možnosti. Môžete si vybrať ikonu, popis a rôzne farby tlačidiel rovnako ako hlavné tlačidlo. Tentoraz si však môžete vybrať, o aké tlačidlo ide.
Doplnok poskytuje 5 možností: Odkaz, Prihlásenie, Odhlásenie, Registrácia a Stratené heslo. V tomto prípade vyberiem odkaz a vytvorím plávajúce tlačidlo domov zadaním adresy URL svojej domovskej stránky.
Ku každému príspevku alebo stránke môžete pridať viacero zvislých a vodorovných tlačidiel, takže tieto kroky opakujte toľkokrát, koľkokrát chcete.
Keď ste s nastaveniami spokojní, kliknite na tlačidlo „Uložiť“.
Vaše plávajúce tlačidlá by sa teraz mali zobrazovať na vašej webovej lokalite, ak ste sa rozhodli ich zobrazovať na všetkých príspevkoch a stránkach. Ak nie, budete musieť ručne zadať skrátený kód na stránkach, na ktorých chcete, aby sa zobrazovali.
Gratulujeme k pridaniu plávajúceho tlačidla do WordPress. Pamätajte, že s plávajúcimi tlačidlami môžete robiť veľa skvelých vecí, ako je ich používanie pre chatovacie služby, navigáciu, zlepšovanie skúseností s predajom, rýchly prístup ku kontaktnému formuláru a ďalšie. Ak hľadáte skvelé nápady, pozrite sa na súťaž.
Ďalšie doplnky na pridanie plávajúceho tlačidla do WordPress
Aj keď je vyššie uvedený doplnok skvelý, niektorí používatelia môžu chcieť alternatívy, a to je presne to, čo poskytnem. Tu sú ďalšie tri doplnky, ktoré možno budete chcieť použiť pre plávajúce tlačidlá.
Sticky Buttons – tvorca plávajúcich tlačidiel
Namiesto toho, aby som vás nasmeroval na doplnok, ktorý sa špecializuje na jeden typ plávajúceho tlačidla, predstavím vám Lepiace gombíkyktorý vám umožňuje zostaviť si vlastný.
Budete mať prístup k viac ako 1500 ikonám, budete si môcť vybrať umiestnenie tlačidiel a nespočetné množstvo ďalších možností prispôsobenia. Tento doplnok je o slobode a pri jej poskytovaní odvádza skvelú prácu.
Ak to chcete posunúť o krok ďalej, môžete dokonca upgradovať na prémiovú verziu doplnku, ktorá ponúka ešte viac možností prispôsobenia. Ak hľadáte plnú kontrolu, toto je doplnok pre vás.
Tlačidlá zdieľania sociálnych médií a ikony zdieľania na sociálnych sieťach
Jedným z najbežnejších spôsobov použitia plávajúcich tlačidiel je propagácia vašich účtov sociálnych médií. Čím sú prístupnejšie, tým je pravdepodobnejšie, že na ne návštevník klikne a pomôže tak vašej prítomnosti.
A to je miesto Tlačidlá zdieľania sociálnych médií a ikony zdieľania na sociálnych sieťach Tento plugin sa špecializuje na vytváranie plávajúcich tlačidiel pre takmer každú platformu sociálnych médií vrátane Facebooku, Twitteru, Instagramu, YouTube a ďalších.
Celkovo máte prístup k viac ako 200 rôznym platformám sociálnych médií. Každá ikona má viacero možností dizajnu a používa oficiálne symboly. Celkovo je to jednoduchý, ale účinný nástroj, ktorý môže skutočne pomôcť rozšíriť vašu prítomnosť na sociálnych sieťach.
Inteligentné plávajúce / lepiace tlačidlá
Je dôležité, aby zákazníci mohli okamžite kontaktovať váš tím podpory alebo predaja. To môže znamenať rozdiel medzi uskutočnením predaja a stratou zákazníka. Jedným z najlepších spôsobov implementácie tohto systému je plávajúce tlačidlo.
The Inteligentné plávajúce/lepiace tlačidlá plugin je skvelým riešením tohto problému. Umožňuje vám pridať komunikačné formuláre ako prvky na klepnutie alebo kliknutie na vašu webovú stránku. To zahŕňa veci ako WhatsApp Chat, E-mail, SMS, Telefón a ďalšie.
Samozrejme, môžete ho použiť aj na propagáciu sociálnych médií. Dodáva sa s možnosťami tlačidiel pre najpopulárnejšie platformy. Bez ohľadu na to, ako ho používate, bude tento doplnok skvelým doplnkom každej obchodnej webovej stránky.
Zlepšite navigáciu
Návšteva novej webovej stránky môže byť veľmi vzrušujúca alebo môže byť hrozná, ak má webová stránka zlý navigačný systém. Plávajúce tlačidlá sú skvelým spôsobom, ako zlepšiť navigáciu na vašom webe, a sú to všestranné nástroje, ktoré možno použiť pre širokú škálu funkcií.
Pozorne si vypočujte spätnú väzbu od návštevníkov a nebojte sa spustiť prieskumy a ankety s otázkou, čo si hostia myslia. Koniec koncov, ak nezbierate informácie, nemôžete vylepšiť dizajn alebo opraviť to, čo je zlé.
A to môže stáť návštevníkov a zákazníkov na dennej báze.
Aké typy plávajúcich tlačidiel ste vytvorili? Ako ľahko sa vám zdalo používanie doplnku Floating Button?
