Lyft fram dina tjänster med hjälp av Service block - AitThemes Custom block

Serviceblocket är vårt allra första block som vi släppte i vårt Citadela Pro-plugin. Tack vare det här blocket kan du perfekt presentera dina tjänster eller produktfunktioner, nyckelpunkter, vision eller omfattning av arbetet. Genom att lägga till Service-blocket på en WordPress-sida eller ett inlägg kan du markera ett visst element, lägga till en ikon, beskrivning och CTA. Det är upp till dig om du vill rikta besökarnas uppmärksamhet mot bara en specifik tjänst eller mot flera tjänster via flera serviceblock. Men låt oss börja från början.

I den här artikeln kommer vi att förklara:

• Syftet med serviceblocket och vad det kan användas till
• Kompatibilitet med WordPress-teman
• Så här lägger du till serviceblock på webbplatsen
• Anpassning av block med hjälp av Inspector
• Så här skapar du en särskild servicesida med flera tjänster

Huvudsyftet med serviceblocket - visa upp tjänster på ett attraktivt sätt

Det främsta skälet till att du ska använda serviceblock är att det hjälper dig att presentera information på ett attraktivt sätt. Det kan tydligt skilja specifika grupper från annan text och markera den för att få allas uppmärksamhet. Serviceblock ser snygga ut i layouten eftersom:

• Strukturera innehållet
• Uppdatera den med ikoner
• Separera tjänster med grafik och mellanrum

Tack vare ovanstående kan serviceblock snabbt få besökarnas uppmärksamhet.

Bättre navigering på hela webbplatsen

Eftersom tjänsten lyfts fram blir det mycket lättare att ögonscanna webbplatsen. Även om kunden bara skrollar igenom din webbplats kommer de inte att missa de tjänster du erbjuder.

Om du lägger till en URL till din tjänst kan den användas som navigeringsruta med CTA. Det kommer att få kunderna att klicka på rutan för att få veta mer eller beställa en tjänst.

Serviceblock som används för att presentera funktioner

Serviceblock kan också användas för att lyfta fram egenskaper hos den produkt eller tjänst du erbjuder. Det innebär att varje enskilt serviceblock kommer att presentera en viss funktion. Den här grafiska representationen kan lyfta fram viktiga egenskaper hos en viss produkt. Tänk på att besökarna inte vill läsa en massa text.

Var kan serviceblocket användas

Serviceblocket kan användas i inlägg och på sidor - egentligen överallt där du behöver det. Det är bra att använda det på startsidan som vanligtvis är en första kontakt med webbplatsbesökare. Eftersom serviceblock lätt kan fånga besökarnas uppmärksamhet rekommenderar vi att du använder tjänster på de mest besökta sidorna.

Tjänsteblocken kan användas på en särskild sida för tjänster som har ett högt antal besökare på samma sätt som en hemsida. Du kan presentera alla tjänster som du erbjuder på ett och samma ställe.

Vi kommer att tala om hur man skapar en tjänstesida senare.

Kompatibilitet med WordPress-teman

Den största fördelen med serviceblocket är att det är tillgängligt för alla WordPress-teman som stöder WordPress blockredigerare (Gutenberg). Det betyder att du kan använda det på vårt tema eller något tema från tredje part som Avada eller Divi. Det enda du behöver är att installera Citadela Pro-plugin.

Så här lägger du till serviceblock på din webbplats

Som vi redan har nämnt för att lägga till serviceblock i redigeraren behöver du Citadela Blocks plugin. Efter plugin-aktivering kommer blocket automatiskt att läggas till i WordPress-redigeraren.

Serviceblock kan läggas till genom att klicka på "+" -symbolen i det övre fältet eller var som helst i redigeraren. Efter det är det bara att söka efter det givna blocket med termen "Service".

Det andra alternativet för att lägga till serviceblocket är att använda "/" och skriva ordet "service".

Nu är det klart. Så här ser Service-blocket ut med alla tillgängliga alternativ.

Inställningar för serviceblock

Först och främst kan du välja en servicelayout som passar bättre för din webbplatsdesign. Som standard finns Box layout, som kommer att centrera ikon, titel och beskrivning. Du kan ändra den till List-layout i det övre verktygsfältet. Ikonen flyttas till bredvid titeln och allt justeras till vänster.

Inuti serviceblocket finns en platshållare som också fungerar som en ledtråd. Du vet exakt vad du ska skriva i den enskilda rutan. Titeln betyder vanligtvis namnet på tjänsten eller funktionen. Texten under beskriver vanligtvis tjänsten ytterligare eller förklarar varför kunden ska beställa den.

Texten kan formateras som vanligt, du kan göra den fet, kursiv eller lägga till en länk.

Anpassning av block med hjälp av Inspector

Med avancerade inställningar i Inspector kan du anpassa serviceblocket efter dina behov. Du kan ändra:

1. Blockera färger

• Bakgrundsfärg
• Titel färg
• Textfärg

2. Ikon eller bild i serviceblocket

Serviceblocket visar som standard ikoner. Du kan välja en annan ikon från väljaren med hjälp av sökfältet. Du kan också ändra ikonens färg. Istället för en ikon kan du också använda en bild. Den kan ställas in för att matcha ikonstorleken eller för att passa serviceboxens bredd.

Om du inte vill visa ikonen eller bilden i servicerutan kan du stänga av den här funktionen helt och hållet (Visa ikon eller bild -> Ingen).

3. Länk

För att navigera besökare till en annan sida kan du lägga till en länk i servicerutan. Rätt vald CTA ökar antalet klick och konverteringsgraden. Du kan helt enkelt skriva "Läs mer" och infoga URL. Du kan också välja att öppna länken i en ny webbläsarflik.

4. Anpassad CSS-klass

För avancerade WordPress-användare finns det, precis som i andra block, möjlighet att lägga till egen CSS-kod. Det gör att du kan göra större ändringar i serviceblockets design.

Så här skapar du en Services-sida med flera tjänster

Som vi nämnde i början av den här artikeln kan Services-sidan användas för att presentera alla tjänster på ett och samma ställe. Skapa en ny sida och infoga flera serviceblock sida vid sida eller efter varandra. Blocken med tjänster kan placeras var som helst utifrån dina behov. Det är helt enkelt upp till dig hur du använder det.

Hur lägger jag till en servicesida i WordPress blockredigerare med hjälp av serviceblocket?

• Som en första sak måste du lägga till Kolumnblock
• Ange antal kolumner. Om du vill presentera 3 tjänster behöver du 3 kolumner
• Därefter lägger du till ett serviceblock i varje kolumn

Eftersom varje tjänst är ett enskilt block är administrationen enkel och tydlig. Du kan duplicera det valda blocket och använda det någon annanstans på din sida. Det bästa är att serviceblocken kommer att se bra ut även i responsiv version på mobila enheter.

Har du redan provat vårt serviceblock? Vad tycker du om det? Vi ser fram emot att få ta del av dina första reaktioner i kommentarerna nedan.