Zvýraznite svoje služby pomocou bloku Service - AitThemes Vlastný blok

Zvýraznite svoje služby pomocou bloku Service - AitThemes Vlastný blok

Blok Service je náš prvý blok, ktorý sme vydali v našom zásuvnom module Citadela Pro. Vďaka tomuto bloku môžete dokonale prezentovať svoje služby alebo vlastnosti produktu, kľúčové body, víziu alebo rozsah práce. Pridaním bloku Služba na stránku alebo príspevok WordPress môžete zvýrazniť určitý prvok, pridať ikonu, popis a CTA. Je len na vás, či chcete upriamiť pozornosť návštevníkov len na jednu konkrétnu službu alebo na viacero služieb prostredníctvom viacerých servisných blokov. Začnime však od začiatku.

V tomto článku vysvetlíme:

Hlavný účel bloku služieb - atraktívne zobrazenie služieb

Hlavným dôvodom, prečo by ste mali používať blok služieb, je, že vám pomáha prezentovať informácie atraktívnym spôsobom. Dokáže jasne oddeliť špecifické skupiny od ostatného textu a zvýrazniť ich, aby si získal pozornosť všetkých. Servisné bloky vyzerajú v rámci rozloženia pekne, pretože:

  • Štrukturalizácia obsahu
  • Osviežte ho ikonami
  • Oddelenie služieb pomocou grafiky a medzier

Vďaka vyššie uvedenému môže servisný blok rýchlo získať pozornosť návštevníkov.

 Zvýraznenie služieb prostredníctvom bloku služieb
Obsah vyzerá oveľa lepšie, ak sú v ňom bloky služieb na prezentáciu služieb alebo produktov spoločnosti

Lepšia navigácia na webovej lokalite

Pretože je služba zvýraznená, uľahčí to prehľadávanie webovej stránky. Aj keď zákazník bude vašu webovú stránku iba prechádzať, neuniknú mu služby, ktoré ponúkate.

Ak do služby pridáte adresu URL, môžete ju použiť ako navigačné pole s CTA. Zákazníci sa tak po kliknutí na box dozvedia viac alebo si službu objednajú.

Blok služieb používaný na prezentáciu funkcií

Servisný blok môžete použiť aj na zvýraznenie vlastností produktu alebo služby, ktorú ponúkate. To znamená, že každý jednotlivý blok služieb bude prezentovať jednu konkrétnu funkciu. Toto grafické znázornenie môže vyzdvihnúť kľúčové vlastnosti daného produktu. Majte na pamäti, že návštevníci nechcú čítať veľa textu.

Servisný blok používaný ako box funkcií
Použitie bloku služieb ako poľa funkcií na zdôraznenie vlastností produktu

Kde možno použiť servisný blok

Servisný blok môžete použiť v príspevkoch a na stránkach - vlastne všade, kde ho potrebujete. Je dobré ho použiť na úvodnej stránke, ktorá je zvyčajne prvým kontaktom s návštevníkmi webu. Pretože blok služieb môže ľahko upútať pozornosť návštevníkov, odporúčame používať služby na najnavštevovanejších stránkach.

Bloky služieb sa dajú použiť na špecializovanej stránke služieb, ktorá má podobne ako domovská stránka vysoký počet návštevníkov. Všetky služby, ktoré ponúkate, môžete prezentovať na jednom mieste.

O tom, ako vytvoriť stránku Služieb, budeme hovoriť neskôr.

Kompatibilita s témami WordPress

Hlavnou výhodou bloku Service je, že je k dispozícii pre všetky témy WordPress, ktoré podporujú editor blokov WordPress (Gutenberg). To znamená, že ho môžete použiť v našej téme alebo v akejkoľvek téme tretej strany, ako je Avada alebo Divi. Jediná vec, ktorú potrebujete, je nainštalovať doplnok Citadela Pro.

Ako pridať blok služieb na webovú lokalitu

Ako sme už spomenuli, na pridanie servisného bloku do editora potrebujete zásuvný modul Citadela Blocks. Po aktivácii pluginu sa blok automaticky pridá do editora WordPress.

Blok služieb môžete pridať kliknutím na symbol "+" v hornej lište alebo kdekoľvek v editore. Potom stačí daný blok vyhľadať pomocou výrazu "Service" (služba).

Pridanie servisného bloku do editora WordPress kliknutím na "+"
Pridanie servisného poľa kliknutím na "+"

Druhou možnosťou pridania bloku Service je použiť "/" a napísať slovo "service".

Vloženie servisného bloku s lomítkom "/"
Vloženie servisného bloku pomocou lomítka "/"

Hotovo. Takto vyzerá servisný blok s dostupnými možnosťami.

Vytvorený blok služieb
Takto vyzerá servisný blok

Nastavenia servisného bloku

V prvom rade si môžete vybrať rozloženie služieb, ktoré bude lepšie vyhovovať dizajnu vašej webovej stránky. V predvolenom nastavení je k dispozícii rozvrhnutie Box, v ktorom budú ikona, nadpis a popis v strede. V hornom paneli nástrojov ho môžete zmeniť na rozloženie Zoznam. Ikona sa presunie vedľa názvu a všetko bude zarovnané doľava.

Zmena rozloženia boxu na rozloženie zoznamu
Konfigurácia rozloženia bloku služieb jedným jednoduchým kliknutím

Vo vnútri bloku Service sa nachádza zástupný symbol, ktorý funguje aj ako nápoveda. Budete presne vedieť, čo máte do tohto jednotlivého poľa napísať. Názov zvyčajne znamená názov služby funkcie. Text pod ním zvyčajne bližšie opisuje službu alebo vysvetľuje, prečo by si ju mal zákazník objednať.

Text môžete formátovať ako zvyčajne, môžete ho nastaviť ako tučné písmo, kurzívu alebo pridať odkaz.

Prispôsobenie bloku pomocou Inšpektora

Rozšírené nastavenia v aplikácii Inšpektor vám umožňujú upraviť blok služieb podľa vašich potrieb. Môžete zmeniť:

1. Blokové farby

  • Farba pozadia
  • Farba názvu
  • Farba textu
Zmena farby servisného bloku
Prispôsobenie bloku zmenou jeho farby

2. Ikona alebo obrázok v servisnom bloku

Servisný blok štandardne zobrazuje ikony. Pomocou vyhľadávacieho panela môžete vybrať inú ikonu z výberového zoznamu. Môžete tiež zmeniť farbu ikony. Namiesto ikony môžete použiť aj akýkoľvek obrázok. Možno ho nastaviť tak, aby zodpovedal veľkosti ikony alebo aby sa zmestil do šírky boxu služby.

Možnosti ikon a obrázkov v Inšpektorovi servisných blokov
Vyberte, čo chcete zobraziť vo vnútri bloku - ikonu alebo obrázok?

Ak nechcete, aby sa ikona alebo obrázok v servisnom poli zobrazovali, môžete túto funkciu úplne vypnúť (Zobraziť ikonu alebo obrázok -> Žiadne).

3. Odkaz

Ak chcete návštevníkov navigovať na inú stránku, môžete pridať odkaz do poľa služieb. Správne zvolené CTA zvyšujú počet kliknutí a mieru konverzie. Môžete jednoducho napísať "Prečítajte si viac" a vložiť adresu URL. Môžete tiež zvoliť otvorenie tohto odkazu v novej karte prehliadača.

Vloženie odkazu URL na blok služieb
Vloženie adresy URL na vytvorenie správy Call-to-action

4. Vlastná trieda CSS

Pre pokročilých používateľov WordPress je podobne ako v iných blokoch k dispozícii možnosť pridať vlastný CSS kód. Umožňuje vykonávať väčšie zmeny v dizajne bloku služieb.

Ako vytvoriť stránku Služby s viacerými službami

Ako sme už spomenuli na začiatku tohto článku, stránka Služby môže slúžiť na prezentáciu všetkých služieb na jednom mieste. Vytvorte novú stránku a vložte niekoľko blokov Služieb vedľa seba alebo za sebou. Bloky so službami môžete umiestniť kdekoľvek na základe vašich požiadaviek. Je jednoducho na vás, ako ich použijete.

Ako pridať servisnú stránku do editora blokov WordPress pomocou bloku Service?

  • Ako prvé je potrebné pridať Blok stĺpcov
  • Nastavenie počtu stĺpcov. Ak chcete prezentovať 3 služby, potrebujete 3 stĺpce
  • Potom do každého stĺpca pridajte jeden blok služieb
Stránka služieb vytvorená viacerými blokmi služieb
3 bloky služieb vnorené do bloku stĺpcov

Keďže každá služba je samostatný blok, správa je jednoduchá a prehľadná. Vybraný blok môžete duplikovať a použiť ho na inom mieste na stránke. Najlepšie je, že bloky služieb budú vyzerať dobre aj v responzívnej verzii na mobilných zariadeniach.

Už ste vyskúšali náš servisný blok? Ako sa vám páči? Tešíme sa na vaše prvé reakcie v komentároch nižšie.

3 komentáre k “Highlight your services using Service block – AitThemes Custom block

  1. To je skvelé. Je to na stiahnutie samostatne, ako Citadela Blocks v sekcii Plugins?

    1. Ahoj Scottie,

      ďakujem za otázku.
      Service Block sa dodáva s nasledujúcim zásuvným modulom: https://www.ait-themes.club/wordpress-plugins/citadela-blocks

      S pozdravom!
      Zlatko
      Tím AIT

Komentáre sú uzavreté.