Benadruk je diensten met behulp van Service blok - AitThemes Aangepast blok

Benadruk je diensten met behulp van Service blok - AitThemes Aangepast blok

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:

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.

 Services markeren via Serviceblok
Inhoud ziet er veel beter uit als er serviceblokken zijn voor het presenteren van diensten of producten van het bedrijf

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.

Serviceblok gebruikt als Feature box
Gebruik het serviceblok als kenmerkvak om productkenmerken te benadrukken

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".

Voeg Service blok toe aan WordPress editor door op "+" te klikken
Servicevak toevoegen door op "+" te klikken

De tweede optie om een serviceblok toe te voegen is door "/" te gebruiken en het woord "service" te schrijven.

Serviceblok met schuine streep "/" invoegen
Serviceblok invoegen met schuine streep "/"

Gereed. Zo ziet het serviceblok eruit met de beschikbare opties.

Aangemaakt serviceblok
Zo ziet het serviceblok eruit

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.

Kaderlay-out wijzigen in lijstlay-out
Configureer de lay-out voor uw serviceblok met één eenvoudige klik

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
Serviceblok kleur veranderen
Pas je blok aan door de kleur te veranderen

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.

Pictogram- en afbeeldingsopties in de serviceblokinspector
Kies wat je wilt weergeven in het blok - Pictogram of Afbeelding?

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.

URL-link naar serviceblok invoegen
URL invoegen om oproep-tot-actie bericht te maken

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
Services-pagina gemaakt door meer serviceblokken
3 Serviceblokken genest in Kolommenblok

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.

3 gedachten over “Highlight your services using Service block – AitThemes Custom block

  1. Dit is geweldig. Is het een aparte download, zoals Citadela Blocks in de Plugins sectie?

    1. 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

Reacties zijn gesloten.