loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

So erstellen Sie einen Servicebereich in WordPress

Möchten Sie Ihrer WordPress-Website einen Bereich für Dienstleistungen hinzufügen?

Viele Fachleute, kleine Unternehmen und Agenturen brauchen eine Möglichkeit, ihre Dienstleistungen auf ihrer Website zu präsentieren.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen Service-Bereich in WordPress erstellen können. Wir zeigen Ihnen auch, wie Sie mit einem Kontaktformular Leads aus Ihrem Servicebereich sammeln können.

Creating a services section in WordPress

Warum einen Dienstleistungsbereich in WordPress erstellen?

Normalerweise können Sie in WordPress für jede Dienstleistung, die Sie anbieten, eigene Seiten erstellen.

Danach können Sie Links zu diesen Seiten in Ihrem Navigationsmenü oben oder im Seiteninhalt hinzufügen.

Ein Servicebereich auf Ihrer Homepage ermöglicht es Ihnen, potenziellen Kunden und Klienten die Dienstleistungen schnell zu präsentieren. Es ist normalerweise ein kompakter Bereich im Layout Ihrer Homepage oder Landing Pages.

Hier ist ein Beispiel, wie ein typischer Dienstleistungsbereich aussehen könnte:

Completed services section, with blue icons and blue links

Damit geben Sie einen schnellen Überblick über verschiedene Dienstleistungen mit einem Call-to-Action, bei dem Benutzer weitere Details erhalten oder ein Formular ausfüllen können.

Schauen wir uns also an, wie Sie in WordPress ganz einfach einen Bereich für Dienstleistungen erstellen und ihn dann zu einer beliebigen Seite auf Ihrer Website hinzufügen können.

Benutzerdefinierte Homepage mit Page Builders erstellen

Wenn Sie nach der anpassungsfähigsten Möglichkeit suchen, Ihrer Homepage einen Dienstleistungsbereich hinzuzufügen, dann sollten Sie eine benutzerdefinierte Landing Page in Betracht ziehen.

Sie können einen der vielen Drag&Drop-Seitenersteller für WordPress verwenden , um eine benutzerdefinierte Seite mit einem Dienstleistungsbereich zu erstellen, ohne Code zu schreiben.

Für benutzerdefinierte Landing Pages empfehlen wir SeedProd. Es wird von mehr als 1 Million Websites verwendet und bietet tonnenweise vorgefertigte Abschnitts- und Landing-Page-Vorlagen.

SeedProd Page Builder

Wenn Sie nach einer SeedProd-Alternative suchen, dann können Sie einen Blick auf Beaver Builder, Divi oder Elementor werfen, denn sie alle ermöglichen es Ihnen, Ihre Homepage anzupassen, um einen komplett benutzerdefinierten Service-Bereich auf Ihrer Homepage hinzuzufügen.

Wenn Sie keinen Page Builder verwenden möchten, dann machen Sie sich keine Sorgen. Es gibt andere WordPress-Plugins, mit denen Sie einen Servicebereich mithilfe von Gutenberg hinzufügen können.

Erstellen eines Dienstleistungsabschnitts in WordPress mit dem Block-Editor

Zuerst müssen Sie das kostenlose Service Box Showcase-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Gehen Sie nach der Aktivierung auf die Seite Service-Box “ Neue Service-Box hinzufügen in Ihrem WordPress-Admin, um eine Service-Box zu erstellen.

Creating a new set of services boxes in WordPress

Hier müssen Sie einen Titel für Ihren Servicebereich eingeben und eine Designoption wählen. In der kostenlosen Version stehen Ihnen 2 verschiedene Designs zur Auswahl.

Sobald Sie dies getan haben, scrollen Sie einfach ein wenig auf der Seite nach unten. Hier sehen Sie zwei Beispieldienste mit einem Titel, einer Beschreibung und einem Symbol.

Two service boxes with default text have already been created for you

Machen Sie weiter und geben Sie einen Titel und eine Beschreibung für Ihre Dienste ein. Klicken Sie danach auf das aktuelle Symbol und wählen Sie dann das gewünschte Symbol aus.

Choose an icon to use for each service that you want to list

Es ist außerdem empfehlenswert, einen Link zu einer Seite mit weiteren Informationen über den Service hinzuzufügen. Dies gibt Ihnen den Raum, die Leute wissen zu lassen, wie sie Ihren Service buchen und bezahlen können.

Add a link for each service box that goes to to a page with more information

Sie können auch weitere Serviceboxen hinzufügen, indem Sie die Schaltfläche „Neue Servicebox hinzufügen“ verwenden. Klicken Sie einfach darauf, um so viele Boxen zu erstellen, wie Sie benötigen.

Add new boxes to your set of service boxes by clicking the button

Sobald Sie Ihre Service-Boxen erstellt haben, klicken Sie auf die Schaltfläche „Veröffentlichen“ oben auf der Seite, um Ihre Änderungen zu speichern. Keine Sorge, dadurch wird der Servicebereich nicht sofort zu Ihrer Website hinzugefügt.

Click the publish button to publish your service boxes

Sie sind nun bereit, diesen Servicebereich zu Ihrer Homepage oder einem beliebigen Beitrag oder einer Seite hinzuzufügen. Sie können ihn sogar in der Seitenleiste oder im Fußzeilen-Widget-Bereich einfügen.

Hinzufügen Ihres Service-Bereichs zu einer WordPress-Seite

Um den Servicebereich in eine Seite einzufügen, müssen Sie den vom Plugin generierten Shortcode kopieren. Sie finden ihn unter den Service-Boxen.

Get the shortcode that lets you add your service boxes into a page, post, or widget area

Nachdem Sie den Shortcode kopiert haben, können Sie ihn zu jedem WordPress-Beitrag oder jeder Seite hinzufügen. Bearbeiten Sie einfach die Seite, auf der Sie den Bereich „Services“ anzeigen möchten, oder erstellen Sie eine neue Seite.

Klicken Sie auf dem Bearbeitungsbildschirm des Beitrags auf die Schaltfläche (+), um einen neuen Block hinzuzufügen. Sie müssen nach dem Shortcode-Block suchen und ihn dann anklicken, um ihn in den Inhaltsbereich einzufügen.

Adding a shortcode block using the WordPress block (Gutenberg) editor

Als Nächstes müssen Sie nur Ihren Shortcode in die Blockeinstellungen einfügen.

Pasting the service boxes shortcode into the shortcode block

Danach können Sie Ihre Seite speichern oder veröffentlichen und eine Vorschau anzeigen. Hier sehen Sie, wie der Bereich „Services“ live auf unserer Demo-Website aussieht:

A completed services page with a service section

Styling Ihres Services-Bereichs

Das Plugin bietet Ihnen einige grundlegende Optionen, mit denen Sie das Erscheinungsbild Ihres Dienstleistungsbereichs leicht ändern können.

Gehen Sie einfach auf die Seite Service-Box “ Alle Service-Boxen in Ihrem WordPress-Admin-Bereich und klicken Sie dann auf den zuvor erstellten Service-Bereich.

The page showing your service boxes

Dadurch wird der Bildschirm zum Bearbeiten der Dienste geöffnet, wo Sie die Styling-Optionen in der rechten Spalte finden. Von hier aus können Sie Schriftarten und Farben ändern, Symbole ein- oder ausblenden, den „Mehr lesen“-Link und mehr.

Changing the options for your service boxes

Vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ am oberen Rand der Seite zu klicken, um Ihre Änderungen zu speichern.

Erstellen eines Formulars für Angebotsanfragen für Ihre Dienstleistungen

Nachdem Sie nun einen Bereich für Dienstleistungen hinzugefügt haben, besteht der nächste Schritt darin, diese Benutzer zu konvertieren. Viele Unternehmen tun dies, indem sie ein Formular für die Anforderung eines Angebots hinzufügen.

Es ist im Grunde wie jedes andere Kontaktformular, aber mit ein paar Unterschieden, um Ihren Geschäftsanforderungen zu entsprechen. Damit können Kunden Ihnen eine Nachricht senden, und Sie können ihnen dann Ihre Dienstleistung verkaufen.

Der einfachste Weg, dies zu tun, ist die Verwendung von WPForms, dem besten WordPress-Formular-Plugin. Es ermöglicht Ihnen, jede Art von Formularen mit einem einfachen Drag-and-Drop-Tool zu Ihrer Website hinzuzufügen.

Zuerst müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite WPForms “ Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Sie können diese Informationen unter Ihrem Konto auf der WPForms-Website finden.

Entering your license key for WPForms

Als nächstes müssen Sie die Seite WPForms “ Addons besuchen und auf die Schaltfläche Installieren neben dem „Form Template Pack Addon“ klicken.

Adding the form templates pack addon to WPForms

Dieses Addon enthält mehrere zusätzliche Vorlagen, u. a. eine zur Erstellung eines Formulars für eine Angebotsanfrage.

Nun sind Sie bereit, Ihr Formular zu erstellen.

Gehen Sie einfach auf WPForms “ Add New, um den WPForms Form Builder zu starten. Zuerst müssen Sie einen Namen für Ihr Formular eingeben und dann die Vorlage „Request a Quote“ auswählen.

Selecting the 'Request a Quote' form template in WPForms

WPForms lädt nun den Formular-Editor mit allen Einträgen, die Sie normalerweise in einem „Request for Quote“-Formular benötigen. Dazu gehören Name, Unternehmen/Organisation, E-Mail, Telefon und ein Feld, in das der Kunde seine Anfrage eingeben kann:

The default Request a Quote template in the WPForms form builder

Sie können ganz einfach neue Felder aus der linken Spalte hinzufügen oder bestehende Felder bearbeiten, indem Sie sie einfach anklicken. Sie können die Felder auch nach oben und unten verschieben, um sie neu anzuordnen.

Modifying the Request a Quote form

Wenn Sie mit dem Formular zufrieden sind, klicken Sie einfach auf die Schaltfläche „Speichern“ oben, um Ihre Änderungen zu speichern.

Sie können dieses Formular nun zu jedem WordPress-Beitrag oder jeder Seite hinzufügen. Bearbeiten Sie einfach die Seite, auf der Sie das Formular und den WPForms-Block in den Inhaltsbereich einfügen möchten.

Add a WPForms block to your page in WordPress

In den Einstellungen des Blocks müssen Sie das Formular, das Sie zuvor erstellt haben, aus dem Dropdown-Menü auswählen. WPForms wird eine Vorschau des Formulars auf dem Bildschirm laden.

Sie können nun weitermachen und Ihre Seite speichern oder veröffentlichen, um Ihr Formular live auf Ihrer WordPress-Website zu sehen.

The Request a Quote form live on the website

Möchten Sie weitere Hilfe beim Erstellen Ihres Formulars, beim Einrichten von Benachrichtigungen und beim Einfügen Ihres Formulars in Ihre Website? Schauen Sie sich einfach unsere Schritt-für-Schritt-Anleitung zum Erstellen eines Kontaktformulars an.

Tipp: Sie können WPForms auch verwenden, um Buchungen entgegenzunehmen und sogar um Kreditkartenzahlungen zu akzeptieren.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie einen Service-Bereich in WordPress erstellen können.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner