Ako pridať tlačidlo v editore WordPress [tutoriál]

Prečo je blok tlačidiel WordPress taký dôležitý?

Navigácia na webovej stránke je pre návštevníkov a zákazníkov dôležitá. Chceme ich poslať z jednej podstránky ďalej. Preveďte ich celým nákupným procesom. Preto je dôležité správne vložiť dôležité odkazy do obsahu stránky.

V podstate máme 2 možnosti. Použiť štandardný odkaz alebo tlačidlo. Názory na to, kedy použiť prvú a kedy neskoršiu možnosť, sú rôzne. Je bežné, že na jednej stránke je viacero možných akcií. Musíme sa uistiť, ktorá z nich je primárna a ktorá sekundárna. Odporúčame použiť tlačidlo len pre primárnu akciu. Takto dosiahnete väčšiu viditeľnosť tejto primárnej akcie. Zameriate pozornosť návštevníkov na túto akciu. Môžeme ho tiež nazvať call-to-action button (tlačidlo výzvy k akcii). Nevytvárajte príliš veľa tlačidiel na jednej podstránke.

Aké sú hlavné funkcie tlačidiel?

• Tlačidlá môžu upútať pozornosť návštevníkov - výzva k akcii
• Oddeľujú obsah stránky alebo príspevku a robia ho čitateľnejším
• Pomoc s orientáciou na stránke. Veľa návštevníkov skenuje stránku len vizuálne očami
• Navigácia návštevníkov na iné stránky pomocou hypertextových odkazov

O úspechu tlačidla rozhoduje veľa parametrov. Dôležitá je napríklad veľkosť, umiestnenie alebo farba tlačidla. Je potrebné dodržiavať štandardné zásady UI a UX. Zelená farba sa používa pre tlačidlá s pozitívnou akciou, napríklad na nákup. Červená farba je pre negatívnu - napríklad na odhlásenie sa z odberu noviniek. Správne navrhnuté tlačidlá týmto spôsobom priamo ovplyvňujú akcie návštevníkov.

Pridanie tlačidla na ľubovoľnú stránku alebo príspevok v systéme WordPress

Situácia pred WordPress 5

Pridávanie tlačidiel bolo pred vynájdením editora blokov WordPress pomerne komplikované. Pretože táto funkcia nebola prirodzene vo WordPress. Mohli ste použiť tému s Page Builder alebo plugin tretej strany. V tomto prípade tlačidlá vytvárali skratky.

V našich starších témach WordPress môžete pridať tlačidlo pomocou skratiek vo vizuálnom editore. Po kliknutí na Insert Shortcode -> Button môžete v modálnom okne nastaviť rôzne nastavenia. Text, farba textu, farba tlačidla, url, zarovnanie a podobne. Vďaka týmto pokročilým nastaveniam môžete tlačidlo pridať pomerne jednoducho a rýchlo bez akéhokoľvek programovania.

Ako používať blok tlačidiel v editore WordPress?

Vďaka WordPress 5 je tu druhý spôsob. Oveľa jednoduchšie. Vizuálny editor WordPress prináša mnoho užitočných blokov. Ak chcete na webovej stránke vytvoriť tlačidlo, môžete teraz v editore použiť blok Tlačidlo WordPress.

Sprievodca krok za krokom, ako pridať tlačidlo v editore WordPress

1. Najprv sa musíte rozhodnúť, kam chcete tlačidlo vložiť.
2. Blok tlačidiel je možné pridať rôznymi spôsobmi:
- kliknutím na "+" v hornej lište alebo kdekoľvek v editore blokov, kde vyberiete blok tlačidiel

- môžete tiež nájsť akýkoľvek blok pomocou vyhľadávacieho panela, stačí napísať "button"

- zadaním "/", ktoré vám umožní prístup ku všetkým dostupným blokom.

3. Vytvorený blok tlačidiel možno ďalej konfigurovať

Pridanie textu tlačidla a adresy URL

Akonáhle je vytvorené tlačidlo Blok WordPress, môžete do neho napísať text. Nezabudnite, že pre tlačidlo výzvy k akcii je lepšie použiť krátky text s jasnou správou. Text môžete nastaviť tak, aby bol tučný, kurzíva alebo podčiarknutý. Všetky tieto zmeny môžete vykonať kliknutím na panel nástrojov. Tlačidlo môžete tiež zarovnať do strany alebo ho vycentrovať.

Tlačidlo zvyčajne odkazuje na inú stránku alebo externú webovú lokalitu. Z tohto dôvodu sa priamo pod ním nachádza vstup na pridanie adresy URL. Výhodou je, že pridanie adresy URL nevyžaduje výber textu.

Zmena farby tlačidla

Nový editor umožňuje zmeniť blok tlačidiel WordPress za niekoľko sekúnd. Stačí použiť nastavenia v bočnom paneli na pravej strane. Môžete zmeniť farbu pozadia tlačidla alebo farbu textu vo vnútri tlačidla. K dispozícii sú základné preddefinované farby alebo si môžete vybrať vlastné. Všetky zmeny sú hneď viditeľné, aby ste videli, či je farebná kombinácia v poriadku.

Skvelou funkciou je, že ak vyberiete nesprávne kombinácie, napríklad sivé pozadie a bielu farbu textu, editor blokov WordPress vás upozorní, že tlačidlo by na vašej webovej stránke nemohlo byť čitateľné.

Nájdite si vlastný štýl tlačidiel

Ak chcete vytvoriť alebo zmeniť tlačidlo veľmi rýchlo a bez námahy, môžete použiť jeden z pripravených štýlov. Tlačidlo tak môžete zmeniť napríklad na zaoblené, ohraničené alebo obdĺžnikové. Experimentujte, čo najlepšie zodpovedá štýlu alebo dizajnu vašej webovej stránky.

Úprava tlačidla pomocou vlastného CSS

Ešte väčšie prispôsobenie je možné dosiahnuť pomocou vlastných tried CSS. Takto môžete pridať vlastné štýly CSS a navoliť štýl tlačidla v editore WordPress presne podľa svojich predstáv.

Ako vidíme, existuje oveľa jednoduchší spôsob ako použiť skratku tlačidla. Blok tlačidiel WordPress možno použiť v akejkoľvek téme, ktorá je kompatibilná s editorom blokov WordPress. Prečítajte si viac informácií o našej úplne novej téme WordPress Citadela. Je špeciálne navrhnutá a vyvinutá pre WordPress Block Editor.

Extra tip na konci

Nezabudnite sledovať blok tlačidiel WordPress a samotný úspech tlačidiel. Ak používate službu Google Analytics, môžete vytvoriť jedinečnú adresu URL. Na sledovanie kliknutí návštevníkov môžete pridať Parameter Google UTM. Adresu URL možno vytvoriť pomocou nástroja na tvorbu adries URL. Pridanie parametrov umožňuje identifikovať zdroj návštevy. Je to veľmi užitočné, ak chcete vedieť, odkiaľ návštevníci prišli na vašu nákupnú stránku.

Aký najväčší problém máte v súčasnosti s blokom tlačidiel WordPress? Diskutujme v komentároch nižšie. Podeľte sa o svoje skúsenosti s používaním tlačidiel na webových stránkach.