Istaknite svoje usluge pomoću bloka usluge – prilagođeni blok AitThemes

Istaknite svoje usluge pomoću bloka usluge – prilagođeni blok AitThemes

Blok usluge je naš prvi blok koji smo objavili u našem dodatku Citadela Pro. Zahvaljujući ovom bloku možete savršeno predstaviti svoje usluge ili karakteristike proizvoda, ključne točke, viziju ili djelokrug rada. Dodavanjem servisnog bloka na WordPress stranicu ili objavu možete istaknuti određeni element, dodati ikonu, opis i CTA. Na vama je da li želite skrenuti pozornost posjetitelja na samo jednu specifičnu uslugu ili na više usluga putem nekoliko servisnih blokova. Ali krenimo od početka.

U ovom ćemo članku objasniti:

Glavna svrha servisnog bloka – prikazati usluge na atraktivan način

Glavna svrha zašto biste trebali koristiti Service block je da vam pomaže predstaviti informacije na atraktivan način. Može jasno odvojiti određene skupine od drugog teksta i istaknuti ih kako bi privukli svačiju pozornost. Servisni blokovi izgledaju lijepo unutar izgleda jer:

  • Strukturalizirajte sadržaj
  • Osvježite ga ikonama
  • Odvojene usluge s grafikom i razmakom

Zahvaljujući gore navedenom, Servisni blok može brzo privući pozornost posjetitelja.

 Istaknite usluge putem bloka usluga
Sadržaj izgleda puno bolje ako postoje Servisni blokovi za predstavljanje usluga ili proizvoda tvrtke

Bolja navigacija kroz web stranicu

Budući da je usluga istaknuta, znatno će olakšati skeniranje web stranice očima. Čak i ako će klijent samo listati kroz vašu web stranicu, neće propustiti usluge koje nudite.

Ako svojoj usluzi dodate URL, on se može koristiti kao navigacijski okvir s CTA-om. Natjerat će kupce da kliknu okvir kako bi saznali više ili naručili uslugu.

Servisni blok koji se koristi za predstavljanje značajki

Blok usluge također se može koristiti za isticanje značajki proizvoda ili usluge koju nudite. To znači da će svaki pojedinačni servisni blok predstavljati jednu posebnu značajku. Ovaj grafički prikaz može istaknuti ključne kvalitete određenog proizvoda. Imajući u vidu da posjetitelji ne žele čitati puno teksta.

Servisni blok koji se koristi kao okvir značajki
Upotrijebite servisni blok kao okvir za značajke kako biste naglasili značajke proizvoda

Gdje se može koristiti servisni blok

Blok usluga može se koristiti unutar objava i stranica – zapravo svugdje gdje vam je potreban. Dobro ga je koristiti na početnoj stranici koja je obično prvi kontakt s posjetiteljima web stranice. Budući da blok usluga može lako privući pozornost posjetitelja, preporučujemo korištenje usluga na najposjećenijim stranicama.

Servisni blokovi mogu se koristiti na stranici namjenskih usluga, koja, slično kao i početna stranica, ima veliki broj posjetitelja. Sve usluge koje nudite možete predstaviti na jednom mjestu.

Kasnije ćemo razgovarati o tome kako stvoriti stranicu usluga.

Kompatibilnost s WordPress temama

Glavna prednost Service blocka je ta što je dostupan svim WordPress temama koje podržavaju WordPress block editor (Gutenberg). To znači da ga možete koristiti na našoj temi ili bilo kojoj temi treće strane kao što su Avada ili Divi. Jedina stvar koju trebate je instalirati Citadela Pro dodatak.

Kako dodati servisni blok na svoju web stranicu

Kao što smo već spomenuli, da biste dodali servisni blok uređivaču, potreban vam je dodatak Citadela Blocks. Nakon aktivacije dodatka, blok će se automatski dodati u WordPress editor.

Servisni blok se može dodati klikom na simbol “+” u gornjoj traci ili bilo gdje unutar editora. Nakon toga samo pretražite dani blok koristeći izraz “Service”.

Dodajte servisni blok u WordPress editor klikom na “+”
Dodavanje servisne kutije klikom na “+”

Druga opcija za dodavanje servisnog bloka je korištenje “/“ i pisanje riječi “servis”.

Umetnite servisni blok s kosom crtom “/”
Umetnite servisni blok koristeći kosu crtu “/”

Gotovo. Ovako izgleda servisni blok sa svojim dostupnim opcijama.

Kreiran servisni blok
Ovako izgleda servisni blok

Postavke servisnog bloka

Kao prvu stvar možete odabrati izgled usluge koji će bolje odgovarati dizajnu vaše web stranice. Prema zadanim postavkama postoji okvirni raspored, koji će centrirati ikonu, naslov i opis. Možete ga promijeniti u izgled popisa na gornjoj alatnoj traci. Ikona će se pomaknuti pored naslova i sve će biti poravnato ulijevo.

Promjena izgleda okvira u izgled popisa
Konfigurirajte izgled za svoj servisni blok jednim jednostavnim klikom

Unutar servisnog bloka nalazi se rezervirano mjesto koje također služi kao savjet. Znat ćete točno što napisati u taj pojedinačni okvir. Naslov obično znači naziv usluge značajke. Tekst ispod obično dodatno opisuje uslugu ili objašnjava zašto bi je korisnik trebao naručiti.

Tekst se može oblikovati kao i obično, možete ga postaviti podebljano, kurziv ili dodati vezu.

Blokiraj prilagodbu pomoću Inspectora

Napredne postavke u Inspectoru omogućuju vam izmjenu servisnog bloka prema vašim potrebama. Možete promijeniti:

1. Blokirajte boje

  • Boja pozadine
  • Boja naslova
  • Boja teksta
Promjena boje servisnog bloka
Prilagodite svoj blok promjenom njegove boje

2. Ikona ili slika u servisnom bloku

Servisni blok prema zadanim postavkama prikazuje ikone. Možete odabrati drugu ikonu iz alata za odabir pomoću trake za pretraživanje. Također možete promijeniti boju ikone. Umjesto ikone također možete koristiti bilo koju sliku. Može se postaviti tako da odgovara veličini ikone ili da odgovara širini servisne kutije.

Opcije ikona i slika u Inspektoru servisnih blokova
Odaberite što želite prikazati unutar bloka – ikonu ili sliku?

Ako ne želite prikazati ikonu ili sliku unutar servisne kutije, možete potpuno isključiti ovu značajku (Prikaži ikonu ili sliku –> Ništa).

3. Veza

Za navigaciju posjetitelja na drugu stranicu, možete dodati vezu u servisni okvir. Ispravno odabran CTA povećava broj klikova i stopu konverzije. Možete jednostavno napisati "Pročitajte više" i umetnuti URL. Možete odabrati i otvaranje ove veze u novoj kartici preglednika.

Umetnite URL vezu na blok usluge
Umetnite URL za stvaranje poruke poziva na radnju

4. Prilagođena CSS klasa

Za napredne korisnike WordPress-a je kao iu drugim blokovima dostupna opcija dodavanja vlastitog CSS koda. Omogućuje vam da napravite veće promjene u dizajnu servisnog bloka.

Kako stvoriti stranicu usluga s više usluga

Kao što smo spomenuli na početku ovog članka, stranicu Usluge možete koristiti za predstavljanje svih usluga na jednom mjestu. Napravite novu stranicu i umetnite nekoliko servisnih blokova jedan do drugog ili jedan za drugim. Blokovi s uslugama mogu se postaviti bilo gdje na temelju vaših zahtjeva. Na vama je samo kako ćete ga koristiti.

Kako dodati stranicu usluge u uređivač blokova WordPress pomoću bloka usluge?

  • Kao prvo što trebate dodati Blok stupaca
  • Postavite broj stupaca. Ako želite predstaviti 3 usluge, potrebna su vam 3 stupca
  • Nakon toga dodajte po jedan servisni blok u svaki stupac
Stranica usluga stvorena pomoću više blokova usluga
3 servisna bloka ugniježđena u blok stupaca

Budući da je svaka usluga zaseban blok, administracija je jednostavna i pregledna. Možete duplicirati odabrani blok i koristiti ga negdje drugdje na svojoj stranici. Najbolja stvar je što će servisni blokovi izgledati dobro iu responzivnoj verziji na mobilnim uređajima.

Jeste li već isprobali naš Service block? Kako ga nalazite? Veselimo se vidjeti vaše prve reakcije u komentarima ispod.

3 misli o “Highlight your services using Service block – AitThemes Custom block

  1. Ovo je super. Je li to zasebno preuzimanje, poput Citadela Blocks u odjeljku Dodaci?

    1. Pozdrav Scottie,

      hvala na pitanju.
      Usluga Block dolazi sa sljedećim dodatkom: https://www.ait-themes.club/wordpress-plugins/citadela-blocks

      Lijepi Pozdrav!
      Zlatko
      AIT tim

Komentari su zatvoreni.