Wie man eine Produktvergleichstabelle in WordPress erstellt

You see product comparison tables everywhere when you’re shopping online. Whether it’s an eCommerce site or a blog, comparison tables help you understand what different products offer. They also help you make more informed purchasing decisions. 

If you’re running an Partner-Blogverstehen Sie vor allem die Bedeutung von Produktvergleichstabellen. Mit diesen Tabellen können Sie die verschiedenen Produkte auf Ihrer Seite vergleichen und mehr Affiliate-Provisionen erhalten. 

Creating a table to attractively compare products is quite simple and doesn’t take a whole lot of time. But it's important that the comparison table you create is engaging to the reader. Your comparison table should inspire the user to take action – whether it’s to purchase a product or just click on the purchase link. 

In this article, we'll show you how to create an awesome product comparison table in WordPress. Let’s get started! 

Wie man eine Produktvergleichstabelle mit WP Table Builder erstellt

We’ll be creating the following example table in this tutorial:

Obwohl diese Tabelle für unsere Zwecke relativ einfach gehalten ist, enthält sie alle Elemente, die Vergleichstabellen normalerweise haben. Wir werden jeden Abschnitt im Detail erklären, damit Sie genau die oben gezeigte Tabelle erstellen können. 

Der erste Schritt in diesem Lernprogramm beginnt mit der Installation eines Plugins. 

Schritt #1: WP Table Builder Plugin installieren 

We’ll be using the WP Table Builder Plugin. It’s a free drag-and-drop table builder. This builder is perfect for creating comparison tables and has a lot of options for customization, including the following elements:

• Text
• Bild
• Schaltfläche
• Sterne Bewertung
• Liste

Um das Plugin zu installieren, gehen Sie zu Ihrem WordPress dashboard > Plugins. Klicken Sie auf Neu hinzufügenund suchen Sie nach WP Table Builder. Klicken Sie auf installieren und aktivieren. um das Plugin auf Ihrer Website zu installieren:

Alternativ können Sie das Plugin auch von der Website WordPress-Repository und laden Sie sie auf Ihre Website hoch. 

Schritt #2: Erstellen einer neuen Tabelle

Um eine neue Tabelle mit dem WP Table Builder Plugin zu erstellen, gehen Sie zunächst zu Tabellenerstellung > Neu hinzufügen. 

You’ll see the table drag-and-drop builder as shown below: 

Sie können Ihrer Tabelle einen Namen geben und die Anzahl der Zeilen und Spalten festlegen. Wenn Sie das getan haben, klicken Sie auf die Schaltfläche erzeugen button. This will generate your table as shown below: 

Schritt #3: Inhalt zur Tabelle hinzufügen

Now it's time to add content to your table. WP Table Builder lets you drag and drop elements to the cells of your table. You can select the elements from the left sidebar and drag them to your table. Here’s how our table looks after adding content: 

Wir haben nur die Text, Bildund Taste Elemente, um die Tabelle zu erstellen. Wie Sie sehen können, sieht es sauber und schön aus. 

Jetzt zeigen wir Ihnen, wie Sie Ihre Tabelle mit diesem Plugin noch attraktiver gestalten können. 

Schritt #4: Gestalten Sie Ihren Tisch schön und ansprechend

Es gibt viele Möglichkeiten, wie Sie Ihre Tabelle in WP Table Builder prächtig aussehen lassen können. Dieses Plugin bietet außerdem eine Vielzahl von Anpassungsoptionen, mit denen Sie Ihre Tabelle noch ansprechender gestalten können. Lassen Sie uns beginnen. 

Tabellenrand konfigurieren

WP Table Builder lets you add a border to your table. You can find this option in the table settings on the left. You can set the border size, change its color, and also apply an inner border to your table:

Zellpolsterung

Mit der Option Zellauffüllung wird die Auffüllung jeder Zelle Ihrer Tabelle geändert:

Kopfzeile Hintergrund 

Sie können auch die Hintergrundfarbe der Kopfzeile Ihrer Tabelle anpassen, um ihr etwas mehr Stil zu verleihen:

For this table, I’ve set the header background to white so that the logos blend well. 

Gerade/ungerade Reihe Hintergrund

Alternative Farben für Zeilen sind in Produktvergleichstabellen sehr beliebt, und Sie können diese mit dem WP Table Builder Plugin leicht anwenden:

Nachdem Ihre Tabelle nun auf dem Desktop gut aussieht, sollten Sie auch sicherstellen, dass sie auf mobilen Geräten gut aussieht. 

The awesome thing is, you don’t have to worry about doing a lot of leg work. All you need to do is to click on the Tabelle reaktionsfähig machen Kippschalter. Dadurch wird Ihre Tabelle auf mobilen Geräten attraktiv und ansprechend aussehen:

Aktivieren Sie abschließend die Oberste Zeile als Überschrift um die oberste Zeile als Kopfzeile der Tabelle festzulegen. 

Endlich ist Ihr Tisch einsatzbereit! 

Schritt #5: Einfügen der Tabelle per Shortcode

Nun, da Ihre Tabelle fertig ist, müssen Sie sie in Ihren Inhalt einfügen. Dies können Sie ganz einfach tun, indem Sie den Plugin-Shortcode einfügen. 

Um den Shortcode der Tabelle zu finden, klicken Sie auf das Feld einbetten am oberen Rand des Tabellenerstellers. Dadurch wird ein Popup mit dem Shortcode geöffnet:

Nun können Sie diesen Shortcode kopieren und an beliebiger Stelle in Ihren Inhalt einfügen. 

Eine andere Möglichkeit, den Shortcode der Tabelle zu finden, ist, zu Table Builder > All Tables. Here, you’ll find all the tables you have created:

Wie Sie sehen können, können Sie den Shortcode der Tabelle direkt von dieser Seite aus kopieren. 

Schlussfolgerung

Wenn Sie sich zuvor gefragt haben, wie man eine Produktvergleichstabelle in WordPress erstellt, sehen Sie jetzt hoffentlich, wie einfach der Prozess ist. Mit dem WP Table Builder Plugin ist der gesamte Prozess der Erstellung einer ansprechenden Tabelle vereinfacht und kann in wenigen Minuten erledigt werden. 

There are many customization options that let you design the look and feel of the table you’re creating.

Wenn Sie Fragen zu diesem Tutorial haben, stellen Sie diese bitte in den Kommentaren unten. Wir helfen Ihnen gerne weiter!

Wenn Ihnen dieser Beitrag gefallen hat, sollten Sie uns auf Twitter, Instagram, Facebook, Pinterestund LinkedIn! Und vergessen Sie nicht, sich im Box unten.

Offenlegung von Partnerlinks