Zvýrazněte své služby pomocí bloku Service - AitThemes Vlastní blok

Zvýrazněte své služby pomocí bloku Service - AitThemes Vlastní blok

Blok Service je naším prvním blokem, který jsme vydali v našem zásuvném modulu Citadela Pro. Díky tomuto bloku můžete dokonale prezentovat své služby nebo vlastnosti produktu, klíčové body, vizi nebo rozsah práce. Přidáním bloku Service na stránku nebo příspěvek ve WordPressu můžete zvýraznit určitý prvek, přidat ikonu, popis a CTA. Záleží jen na vás, zda chcete návštěvníky upozornit jen na jednu konkrétní službu, nebo na více služeb prostřednictvím několika bloků služeb. Začněme však od začátku.

V tomto článku vysvětlíme:

Hlavní účel servisního bloku - atraktivní zobrazení služeb

Hlavním důvodem, proč byste měli používat blok služeb, je to, že vám pomáhá prezentovat informace atraktivním způsobem. Dokáže jasně oddělit konkrétní skupiny od ostatního textu a zvýraznit je, aby si získal pozornost všech. Servisní bloky vypadají v rámci rozvržení pěkně, protože:

  • Strukturovat obsah
  • Osvěžte ji ikonami
  • Oddělení služeb pomocí grafiky a odstupů

Díky výše uvedenému může servisní blok rychle získat pozornost návštěvníků.

 Zvýraznění služeb prostřednictvím bloku služeb
Obsah vypadá mnohem lépe, pokud existují bloky služeb pro prezentaci služeb nebo produktů společnosti.

Lepší navigace na webových stránkách

Protože je služba zvýrazněna, usnadní to prohlížení webových stránek. I když bude zákazník vaše webové stránky pouze procházet, neuniknou mu služby, které nabízíte.

Pokud do služby přidáte adresu URL, můžete ji použít jako navigační pole s CTA. To přiměje zákazníky, aby na box klikli a dozvěděli se více informací nebo si službu objednali.

Blok služeb sloužící k prezentaci funkcí

Blok služeb lze použít také ke zvýraznění vlastností produktu nebo služby, kterou nabízíte. To znamená, že každý jednotlivý blok služby bude prezentovat jednu konkrétní funkci. Toto grafické znázornění může vyzdvihnout klíčové vlastnosti daného produktu. Mějte na paměti, že návštěvníci nechtějí číst mnoho textu.

Servisní blok používaný jako Feature box
Použijte blok služeb jako rámeček s funkcemi pro zdůraznění vlastností produktu

Kde lze použít servisní blok

Blok služeb lze použít uvnitř příspěvků a stránek - vlastně všude, kde je to potřeba. Je dobré jej použít na úvodní stránce, která je obvykle prvním kontaktem s návštěvníky webu. Protože blok služeb může snadno upoutat pozornost návštěvníků, doporučujeme používat služby na nejnavštěvovanějších stránkách.

Bloky služeb lze použít na vyhrazené stránce služeb, která má podobně jako domovská stránka vysoký počet návštěvníků. Na jednom místě tak můžete prezentovat všechny služby, které nabízíte.

O tom, jak vytvořit stránku Služby, si povíme později.

Kompatibilita s tématy WordPress

Hlavní výhodou bloku Service je, že je k dispozici pro všechna témata WordPressu, která podporují editor bloků WordPressu (Gutenberg). To znamená, že jej můžete použít v našem tématu nebo v jakémkoli tématu třetí strany, jako je Avada nebo Divi. Jediné, co potřebujete, je nainstalovat plugin Citadela Pro.

Jak přidat blok služeb na webové stránky

Jak jsme se již zmínili, pro přidání servisního bloku do editoru potřebujete plugin Citadela Blocks. Po aktivaci pluginu se blok automaticky přidá do editoru WordPressu.

Blok služeb lze přidat kliknutím na symbol "+" v horní liště nebo kdekoli v editoru. Poté stačí daný blok vyhledat pomocí výrazu "Service".

Přidání bloku služeb do editoru WordPress kliknutím na "+"
Přidání pole služby kliknutím na "+"

Druhou možností, jak přidat blok Service, je použít znak "/" a napsat slovo "service".

Vložení servisního bloku s lomítkem "/"
Vložení bloku služeb pomocí lomítka "/"

Hotovo. Takto vypadá servisní blok s dostupnými možnostmi.

Vytvořený blok služeb
Takto vypadá blok služeb

Nastavení servisního bloku

Jako první si můžete vybrat rozvržení služby, které bude lépe vyhovovat designu vašich webových stránek. Ve výchozím nastavení je k dispozici rozvržení Box, které vycentruje ikonu, nadpis a popis. V horním panelu nástrojů jej můžete změnit na rozvržení Seznam. Ikona se přesune vedle nadpisu a vše bude zarovnáno doleva.

Změna rozvržení rámečku na rozvržení seznamu
Konfigurace rozvržení bloku služeb jedním kliknutím

Uvnitř bloku Service se nachází zástupný symbol, který slouží také jako nápověda. Budete přesně vědět, co máte do tohoto jednotlivého pole napsat. Název obvykle znamená název služby funkce. Text pod ním obvykle službu blíže popisuje nebo vysvětluje, proč by si ji měl zákazník objednat.

Text lze formátovat jako obvykle, můžete jej nastavit jako tučný, kurzívou nebo přidat odkaz.

Přizpůsobení bloku pomocí Inspektora

Rozšířená nastavení v inspektoru umožňují upravit blok služeb podle vašich potřeb. Můžete změnit:

1. Blokové barvy

  • Barva pozadí
  • Barva názvu
  • Barva textu
Změna barvy servisního bloku
Přizpůsobte si blok změnou jeho barvy

2. Ikona nebo obrázek v servisním bloku

Servisní blok ve výchozím nastavení zobrazuje ikony. Pomocí vyhledávacího řádku můžete vybrat jinou ikonu. Můžete také změnit barvu ikony. Místo ikony můžete také použít libovolný obrázek. Lze jej nastavit tak, aby odpovídal velikosti ikony nebo aby odpovídal šířce rámečku služby.

Možnosti ikon a obrázků v inspektoru servisních bloků
Vyberte, co chcete zobrazit uvnitř bloku - ikonu nebo obrázek?

Pokud nechcete zobrazovat ikonu nebo obrázek uvnitř servisního pole, můžete tuto funkci zcela vypnout (Zobrazit ikonu nebo obrázek -> Žádný).

3. Odkaz

Chcete-li návštěvníky navigovat na jinou stránku, můžete do pole služby přidat odkaz. Správně zvolené CTA zvyšují počet kliknutí a konverzní poměr. Stačí napsat "Přečtěte si více" a vložit adresu URL. Můžete také zvolit otevření tohoto odkazu na nové kartě prohlížeče.

Vložení odkazu URL na blok služeb
Vložení adresy URL pro vytvoření zprávy s výzvou k akci

4. Vlastní třída CSS

Pro pokročilé uživatele WordPressu je stejně jako v ostatních blocích k dispozici možnost přidat vlastní kód CSS. To vám umožní provádět větší změny v designu bloku služeb.

Jak vytvořit stránku Služby s více službami

Jak jsme již zmínili na začátku tohoto článku, stránka Služby může sloužit k prezentaci všech služeb na jednom místě. Vytvořte novou stránku a vložte několik bloků služeb vedle sebe nebo za sebe. Bloky se službami můžete umístit kamkoli podle svých požadavků. Záleží zkrátka na vás, jak je využijete.

Jak přidat stránku Servis v editoru bloků WordPress pomocí bloku Servis?

  • Jako první je třeba přidat Blok sloupců
  • Nastavení počtu sloupců. Pokud chcete prezentovat 3 služby, potřebujete 3 sloupce.
  • Poté přidejte do každého sloupce jeden blok služeb
Stránka služeb vytvořená pomocí více bloků služeb
3 bloky služeb vnořené do bloku Sloupce

Protože každá služba představuje samostatný blok, je správa jednoduchá a přehledná. Vybraný blok můžete duplikovat a použít jej na jiném místě stránky. Nejlepší je, že bloky služeb budou vypadat dobře i v responzivní verzi na mobilních zařízeních.

Vyzkoušeli jste již náš servisní blok? Jak se vám líbí? Těšíme se na vaše první reakce v komentářích níže.

3 komentáře k: “Highlight your services using Service block – AitThemes Custom block

  1. To je skvělé. Je to ke stažení samostatně, jako Citadela Blocks v sekci Pluginy?

    1. Ahoj Scottie,

      děkujeme za dotaz.
      Service Block je dodáván s následujícím pluginem: https://www.ait-themes.club/wordpress-plugins/citadela-blocks

      S pozdravem!
      Zlatko
      Tým AIT

Komentáře nejsou povoleny.