Inhoudsopgave
Het Service blok is ons allereerste blok dat we hebben uitgebracht in onze Citadela Pro plugin. Dankzij dit blok kun je perfect je diensten of product kenmerken, kernpunten, visie of omvang van het werk presenteren. Door het toevoegen van Service blok aan WordPress pagina of post kunt u markeren bepaald element, voeg icoon, beschrijving en CTA. Het is aan jou of je de aandacht van bezoekers wilt vestigen op slechts één specifieke dienst of op meerdere diensten via meerdere dienstblokken. Maar laten we bij het begin beginnen.
In dit artikel leggen we het uit:
- Doel van serviceblok en waarvoor het kan worden gebruikt
- Compatibiliteit met WordPress-thema's
- Hoe Service-blok toevoegen aan website
- Blok aanpassen met Inspector
- Hoe maak je een speciale Services-pagina met meerdere services
Hoofddoel van serviceblok - services op een aantrekkelijke manier weergeven
Het belangrijkste doel waarom je een serviceblok zou moeten gebruiken, is dat het je helpt om informatie op een aantrekkelijke manier te presenteren. Het kan specifieke groepen duidelijk scheiden van andere tekst en deze markeren om ieders aandacht te trekken. Serviceblokken zien er mooi uit in lay-outs omdat:
- Inhoud structureren
- Vernieuw het met pictogrammen
- Services scheiden met afbeeldingen en spatiëring
Dankzij het bovenstaande kan Serviceblok snel de aandacht trekken van bezoekers.
Betere navigatie op de website
Omdat de service wordt uitgelicht, wordt het scannen van de website veel gemakkelijker. Zelfs als klanten alleen maar door je website scrollen, zullen ze de diensten die je aanbiedt niet missen.
Als je een URL toevoegt aan je service, kan deze worden gebruikt als navigatievak met CTA. Klanten zullen op het vak klikken voor meer informatie of om een dienst te bestellen.
Serviceblok gebruikt om functies te presenteren
Serviceblokken kunnen ook worden gebruikt om kenmerken te benadrukken van producten of diensten die je aanbiedt. Dat betekent dat elk afzonderlijk serviceblok een bepaalde eigenschap presenteert. Deze grafische weergave kan de belangrijkste kwaliteiten van een bepaald product naar voren brengen. Houd in gedachten dat bezoekers niet veel tekst willen lezen.
Waar kan het serviceblok worden gebruikt
Het serviceblok kan worden gebruikt in berichten en pagina's - eigenlijk overal waar je het nodig hebt. Het is goed om het te gebruiken op de homepage, die meestal het eerste contact is met websitebezoekers. Omdat het serviceblok gemakkelijk de aandacht van bezoekers kan trekken, raden we aan services te gebruiken op de meest bezochte pagina's.
Dienstenblokken kunnen worden gebruikt op speciale dienstenpagina's die veel bezoekers trekken. Je kunt alle diensten die je aanbiedt op één plek presenteren.
We zullen het later hebben over het maken van de pagina Diensten.
Compatibiliteit met WordPress-thema's
Het belangrijkste voordeel van Service block is dat het beschikbaar is voor alle WordPress thema's die WordPress block editor (Gutenberg) ondersteunen. Dat betekent dat je het kunt gebruiken op ons thema of op elk thema van derden, zoals Avada of Divi. Het enige dat je nodig hebt is de Citadela Pro plugin.
Hoe Service toevoegen aan je website
Zoals we al hebben gezegd om Service blok toe te voegen aan de editor moet je Citadela Blocks plugin. Na activering van de plugin wordt het blok automatisch toegevoegd aan de WordPress editor.
Serviceblokken kunnen worden toegevoegd door op het "+"-symbool in de bovenste balk of ergens in de editor te klikken. Zoek daarna naar een bepaald blok met de term "Service".
De tweede optie om een serviceblok toe te voegen is door "/" te gebruiken en het woord "service" te schrijven.
Gereed. Zo ziet het serviceblok eruit met de beschikbare opties.
Instellingen serviceblok
Als eerste kun je een service layout kiezen die beter past bij het ontwerp van je website. Standaard is er de Box lay-out, waarin het pictogram, de titel en de beschrijving worden gecentreerd. U kunt de opmaak wijzigen in Lijst in de bovenste werkbalk. Het pictogram komt dan naast de titel te staan en alles wordt links uitgelijnd.
Binnen het serviceblok is er een plaatshouder, die ook als hint werkt. Je weet dan precies wat je in dat individuele vakje moet schrijven. Titel betekent meestal de naam van de dienst of functie. Tekst eronder beschrijft de service meestal verder of legt uit waarom de klant de service zou moeten bestellen.
Tekst kan zoals gewoonlijk worden opgemaakt, je kunt hem vet of cursief maken of een link toevoegen.
Blok aanpassen met Inspector
Met de geavanceerde instellingen in Inspector kun je het serviceblok aanpassen aan je behoeften. Je kunt wijzigen:
1. Kleuren blokken
- Achtergrondkleur
- Titel kleur
- Kleur tekst
2. Pictogram of afbeelding in serviceblok
Het serviceblok toont standaard pictogrammen. Je kunt verschillende pictogrammen kiezen in de zoekbalk. Je kunt ook de kleur van het pictogram wijzigen. In plaats van pictogrammen kun je ook afbeeldingen gebruiken. Deze kan worden aangepast aan de grootte van het pictogram of aan de breedte van het servicevak.
Als je geen pictogram of afbeelding wilt weergeven in het servicevak, kun je deze functie volledig uitschakelen (Pictogram of afbeelding weergeven -> Geen).
3. Link
Om bezoekers naar een andere pagina te leiden, kun je een link toevoegen aan het servicevak. Een juist gekozen CTA verhoogt het aantal klikken en het conversiepercentage. Je kunt eenvoudigweg "Lees meer" schrijven en een URL invoegen. Je kunt er ook voor kiezen om deze link in een nieuw browsertabblad te openen.
4. Aangepaste CSS-klasse
Voor gevorderde WordPress gebruikers is er net als in andere blokken de optie om eigen CSS code toe te voegen. Hiermee kun je grotere wijzigingen aanbrengen in het ontwerp van het serviceblok.
Hoe maak je een Dienstenpagina met meerdere diensten
Zoals we aan het begin van dit artikel al zeiden, kun je de pagina Diensten gebruiken om alle diensten op één plek te presenteren. Maak een nieuwe pagina en voeg meerdere blokken met diensten naast elkaar of achter elkaar in. Blokken met diensten kunnen overal worden geplaatst op basis van uw vereisten. Het is gewoon aan jou hoe je het gebruikt.
Hoe voeg je een Service pagina toe in de WordPress blok editor met behulp van het Service blok?
- Als eerste moet je het volgende toevoegen Kolommen blok
- Stel het aantal kolommen in. Als je 3 diensten wilt presenteren, heb je 3 kolommen nodig
- Voeg daarna een Service-blok toe aan elke kolom
Omdat elke service een afzonderlijk blok is, is het beheer eenvoudig en duidelijk. Je kunt een geselecteerd blok dupliceren en ergens anders op je pagina gebruiken. Het beste is dat serviceblokken er ook goed uitzien in een responsieve versie op mobiele apparaten.
Heb je ons serviceblok al geprobeerd? Hoe vind je het? We zijn benieuwd naar uw eerste reacties in de reacties hieronder.
Dit is geweldig. Is het een aparte download, zoals Citadela Blocks in de Plugins sectie?
Hallo Scottie,
bedankt voor het vragen.
Service Block wordt geleverd met de volgende plugin: https://www.ait-themes.club/wordpress-plugins/citadela-blocks
Vriendelijke groeten!
Zlatko
AIT-team
Super leuk ?