Heben Sie Ihre Dienste mit dem Service-Block hervor – dem benutzerdefinierten AitThemes-Block

Der Service-Block ist unser allererster Block, den wir in unserem Citadela Pro-Plugin veröffentlicht haben. Dank dieses Blocks können Sie Ihre Dienstleistungen oder Produktmerkmale, Kernpunkte, Vision oder Arbeitsumfang perfekt präsentieren. Durch das Hinzufügen eines Serviceblocks zu einer WordPress-Seite oder einem WordPress-Beitrag können Sie bestimmte Elemente hervorheben, ein Symbol, eine Beschreibung und einen CTA hinzufügen. Es liegt an Ihnen, ob Sie die Aufmerksamkeit der Besucher auf nur einen bestimmten Service oder auf mehrere Services über mehrere Serviceblöcke lenken möchten. Aber fangen wir von vorne an.

In diesem Artikel erklären wir:

• Zweck des Serviceblocks und wofür er verwendet werden kann
• Kompatibilität mit WordPress-Themes
• So fügen Sie einen Serviceblock zur Website hinzu
• Blockieren Sie die Anpassung mit Inspector
• So erstellen Sie eine dedizierte Diensteseite mit mehreren Diensten

Hauptzweck des Serviceblocks – Dienstleistungen auf attraktive Weise präsentieren

Der Hauptgrund, warum Sie Service Block verwenden sollten, besteht darin, dass es Ihnen hilft, Informationen auf attraktive Weise darzustellen. Es kann bestimmte Gruppen klar von anderen Texten abgrenzen und hervorheben, um die Aufmerksamkeit aller zu erregen. Serviceblöcke sehen im Layout gut aus, weil:

• Inhalte strukturieren
• Aktualisieren Sie es mit Symbolen
• Separate Dienste mit Grafiken und Abständen

Dank der oben genannten Funktionen kann der Serviceblock schnell die Aufmerksamkeit der Besucher erregen.

Bessere Navigation auf der Website

Da der Dienst hervorgehoben ist, wird das visuelle Durchsuchen der Website erheblich erleichtert. Selbst wenn der Kunde nur durch Ihre Website scrollt, wird er die von Ihnen angebotenen Dienstleistungen nicht verpassen.

Wenn Sie Ihrem Dienst eine URL hinzufügen, kann diese als Navigationsfeld mit CTA verwendet werden. Dadurch werden Kunden dazu gebracht, auf das Kästchen zu klicken, um mehr zu erfahren oder eine Dienstleistung zu bestellen.

Serviceblock, der zur Präsentation von Funktionen verwendet wird

Der Serviceblock kann auch verwendet werden, um Merkmale des von Ihnen angebotenen Produkts oder der von Ihnen angebotenen Dienstleistung hervorzuheben. Das bedeutet, dass jeder einzelne Serviceblock eine bestimmte Funktion aufweist. Diese grafische Darstellung kann die wichtigsten Eigenschaften eines bestimmten Produkts hervorheben. Bedenken Sie, dass Besucher nicht viel Text lesen möchten.

Wo kann der Serviceblock verwendet werden?

Der Serviceblock kann innerhalb von Beiträgen und Seiten verwendet werden – und zwar überall dort, wo Sie ihn benötigen. Es ist sinnvoll, es auf der Homepage zu verwenden, da dies normalerweise der erste Kontakt mit Website-Besuchern ist. Da der Serviceblock die Aufmerksamkeit der Besucher leicht fesseln kann, empfehlen wir die Verwendung von Diensten auf den am häufigsten besuchten Seiten.

Serviceblöcke können auf einer speziellen Serviceseite verwendet werden, die ähnlich wie die Homepage eine hohe Besucherzahl hat. Sie können alle von Ihnen angebotenen Dienstleistungen an einem Ort präsentieren.

Wir werden später darüber sprechen, wie man eine Seite „Dienste“ erstellt.

Kompatibilität mit WordPress-Themes

Der Hauptvorteil von Service Block besteht darin, dass es für alle WordPress-Themes verfügbar ist, die den WordPress-Blockeditor (Gutenberg) unterstützen. Das bedeutet, dass Sie es für unser Theme oder jedes Drittanbieter-Theme wie Avada oder Divi verwenden können. Sie müssen lediglich das Citadela Pro-Plugin installieren.

So fügen Sie einen Serviceblock zu Ihrer Website hinzu

Wie bereits erwähnt, benötigen Sie zum Hinzufügen eines Service-Blocks zum Editor das Citadela Blocks-Plugin. Nach der Plugin-Aktivierung wird der Block automatisch zum WordPress-Editor hinzugefügt.

Der Dienstblock kann durch Klicken auf das „+“-Symbol in der oberen Leiste oder an einer beliebigen Stelle im Editor hinzugefügt werden. Suchen Sie danach einfach nach einem bestimmten Block mit dem Begriff „Service“.

Die zweite Möglichkeit zum Hinzufügen eines Service-Blocks besteht darin, „/“ zu verwenden und das Wort „Service“ zu schreiben.

Erledigt. So sieht der Serviceblock mit seinen verfügbaren Optionen aus.

Serviceblockeinstellungen

Als Erstes können Sie ein Service-Layout wählen, das besser zu Ihrem Website-Design passt. Standardmäßig gibt es ein Box-Layout, bei dem Symbol, Titel und Beschreibung zentriert werden. Sie können es in der oberen Symbolleiste in das Listenlayout ändern. Das Symbol wird neben den Titel verschoben und alles wird linksbündig ausgerichtet.

Im Service-Block gibt es einen Platzhalter, der auch als Hinweis dient. Sie wissen genau, was Sie in das jeweilige Feld schreiben müssen. Titel bedeutet normalerweise den Namen der Dienstleistung oder des Features. Der Text darunter beschreibt in der Regel den Service näher oder erklärt, warum der Kunde ihn bestellen sollte.

Der Text kann wie gewohnt formatiert werden, Sie können ihn fett oder kursiv setzen oder einen Link hinzufügen.

Blockieren Sie die Anpassung mit Inspector

Mit den erweiterten Einstellungen im Inspector können Sie den Serviceblock an Ihre Bedürfnisse anpassen. Du kannst ändern:

1. Blockfarben

• Hintergrundfarbe
• Titelfarbe
• Textfarbe

2. Symbol oder Bild im Serviceblock

Der Dienstblock zeigt standardmäßig Symbole an. Mithilfe der Suchleiste können Sie in der Auswahl ein anderes Symbol auswählen. Sie können auch die Symbolfarbe ändern. Anstelle des Symbols können Sie auch ein beliebiges Bild verwenden. Es kann so eingestellt werden, dass es der Symbolgröße oder der Breite des Servicefelds entspricht.

Wenn Sie kein Symbol oder Bild in der Servicebox anzeigen möchten, können Sie diese Funktion vollständig deaktivieren (Symbol oder Bild anzeigen –> Keine).

3. Link

Um Besucher zu einer anderen Seite zu leiten, können Sie einen Link in die Servicebox einfügen. Ein richtig gewählter CTA erhöht die Anzahl der Klicks und die Conversion-Rate. Sie können einfach „Weiterlesen“ schreiben und die URL eingeben. Sie können diesen Link auch in einem neuen Browser-Tab öffnen.

4. Benutzerdefinierte CSS-Klasse

Für fortgeschrittene WordPress-Benutzer besteht wie in anderen Blöcken die Möglichkeit, eigenen CSS-Code hinzuzufügen. Es ermöglicht Ihnen, größere Änderungen am Design des Serviceblocks vorzunehmen.

So erstellen Sie eine Diensteseite mit mehreren Diensten

Wie wir am Anfang dieses Artikels erwähnt haben, kann die Seite „Dienste“ verwendet werden, um alle Dienste an einem Ort darzustellen. Erstellen Sie eine neue Seite und fügen Sie mehrere Service-Blöcke nebeneinander oder nacheinander ein. Blöcke mit Diensten können je nach Bedarf überall platziert werden. Es liegt einfach an Ihnen, wie Sie es nutzen.

Wie füge ich eine Service-Seite im WordPress-Blockeditor mithilfe des Service-Blocks hinzu?

• Als erstes müssen Sie hinzufügen Spaltenblock
• Anzahl der Spalten festlegen. Wenn Sie 3 Leistungen darstellen möchten, benötigen Sie 3 Spalten
• Fügen Sie anschließend in jede Spalte einen Serviceblock ein

Da es sich bei jedem Dienst um einen eigenen Block handelt, ist die Verwaltung einfach und übersichtlich. Sie können den ausgewählten Block duplizieren und an anderer Stelle auf Ihrer Seite verwenden. Das Beste daran ist, dass Serviceblöcke auch in der Responsive-Version auf Mobilgeräten gut aussehen.

Haben Sie unseren Serviceblock schon ausprobiert? Wie findest Du es? Wir freuen uns auf Ihre ersten Reaktionen in den Kommentaren unten.