Wie man Amazon-Produktboxen in WordPress hinzufügt

Wie man Amazon-Produktboxen in WordPress hinzufügt

Amazon-Produktboxen sind so konzipiert, dass sie die auf der Amazon-Plattform verfügbaren Produkte auf visuell ansprechende Weise präsentieren. Sie enthalten Bilder, Merkmale, Beschreibungen, Preise und direkte Links, damit die Kunden die Produkte kaufen können.

Der Hauptzweck dieser Box ist es, Kunden auf einen Blick über die Eigenschaften und Vorteile des Produkts zu informieren und sie zum sofortigen Kauf zu animieren. Mit dem Tableberg-Plugin können Sie beeindruckende Amazon-Produktboxen im WordPress-Editor erstellen.

In diesem folgenden Beitrag werden wir ein Tutorial über das Hinzufügen von Amazon-Produktboxen in WordPress schreiben.

Schritt 01: Hinzufügen des Tableberg-Blocks zum Editor

Das Plugin wird mit einem benutzerdefinierten Block namens Tableberg geliefert. Klicken Sie auf den Plus-Symbol (+). Hinzufügen der Tableberg-Block an die Redaktion.

Fügen Sie den TableBerg-Block zu Ihrem Gutenberg-Editor hinzu

Legen Sie die Anzahl der Spalten und Zeilen fest, die Sie für Ihren Inhalt benötigen. Für dieses Tutorial werden wir 2*1 einstellen.

Festlegen der Anzahl der Zeilen und Spalten

Die Grundversion der Tabelle ist fertig. Als Nächstes fügen wir den Inhalt der Spalten und Zeilen hinzu.

Auswahl der Zeilen und Spalten für die Gestaltung der Amazon-Produkttabelle

Schritt 02: Ein Bild des Amazon-Produkts hinzufügen

Tableberg ermöglicht es Ihnen, mehrere benutzerdefinierte Blöcke zu den Tabellenzellen wie der Gutenberg-Editor hinzuzufügen. Hinzufügen der Bildblock zu einer Zelle für die Darstellung des Amazon-Produktbildes.

Fügen Sie den Bildblock zum Amazon-Produktfeld hinzu

Wir haben ein Amazon-Produktbild hinzugefügt. Sie können es vergrößern, indem Sie das kreisförmige Symbol ziehen und gleichzeitig gedrückt halten.

Erhöhen Sie die Größe des Amazon Produktbildes

Schritt 03: Hinzufügen der Produktdetails

In der rechten Spalte fügen wir den Namen des Produkts, seine Eigenschaften, den Preis und eine kurze Beschreibung ein. Dies alles können Sie mit der Option Absatzblock.

Schreiben Sie den Namen des Produkts

Standardmäßig wird die Absatzblock wird automatisch ausgewählt. Schreiben Sie einfach den Namen Ihres Produkts darauf.

Schreiben Sie den Namen des Produkts

Vergrößerung des Produktnamens von der Abschnitt Typografie in der rechten Seitenleiste. Denn dieser Text sollte größer aussehen als die anderen Texte.

Größe des Amazon Produktnamens ändern

Den Preis des Produkts hinzufügen

Hinzufügen einer neuen Absatzblock um den Preis für Ihr Produkt anzugeben.

Den Preis des Produkts hinzufügen

Legen Sie eine andere, auffällige Farbe für die Preisgestaltung fest, damit sie die Aufmerksamkeit der Leute auf sich zieht.

Einfärben von Preis und Größe des Produkts

Es ist immer gut, einen ermäßigten Preis anzugeben, um die Leute zu begeistern. Sie können dies tun, indem Sie einen erhöhten Preis mit einem Durchstich hinzufügen.

Schreiben Sie also einen erhöhten Preis. Mit den Optionen Hervorheben und Durchstreichen können Sie eine andere Farbe einstellen und durchstreichen.

Einen ermäßigten Preis schreiben

Schreiben Sie eine Beschreibung über das Produkt

Verwenden Sie einen weiteren Absatzblock, um eine Beschreibung für das Amazon-Produkt zu schreiben.

Schreiben Sie eine Beschreibung über das Produkt

Schritt 04: Hinzufügen einer CTA-Schaltfläche

Suchen Sie und fügen Sie die Knopfleiste unter der Beschreibung.

Hinzufügen eines CTA-Buttons zur Amazon-Produktbox

Schreiben Sie einen Text für die Schaltfläche. Gehen Sie dann zum Registerkarte Einstellungen.

Von Einstellungen zur Breitewählen Sie eine Option, um die Breite der Schaltflächen vergrößern wie Sie wollen.

Vergrößern Sie die Schaltflächenbreite

Als nächstes kommen Sie zum Registerkarte "Stile. Verwendung geeigneter Optionen, Einfärben und Größe der Schaltflächenkopie ändern.

Anpassen der Schaltflächenfarbe

Schritt 05: Abstand zwischen den Blöcken hinzufügen

Markieren Sie die gesamte Spalte indem Sie auf seinen Rand klicken. Gehen Sie zum Registerkarte "Stile. Come to the Abschnitt Blockabstände indem Sie auf der Registerkarte nach unten blättern. Geben Sie einen Wert ein, um den Abstand zwischen den Blöcken in der Spalte zu vergrößern.

Abstand zwischen den Blöcken hinzufügen

Schritt 06: Fügen Sie der Amazon-Produktbox eine Schleife hinzu.

Mit Bändern können Sie eine kurze Werbebotschaft einblenden, die den Nutzer sofort zum Kauf Ihres Produkts anregt. Hinzufügen der Farbbandblock zu der Spalte, die Sie anzeigen möchten.

Hinzufügen eines Bandes zur Amazon-Produktbox

Hinzufügen einer Farbbandkopie, Farbbandstil, Position, und Farbe mit den Optionen auf der Registerkarte Einstellungen und Stile.

Das Farbband anpassen

Schritt 07: Anpassen der Umrandung der Amazon-Produktbox

Indem Sie den Rahmen der Box anpassen, können Sie ihre Ästhetik verschönern. Kommen Sie zum Tabelle Randabschnitt durch Blättern in der Registerkarte "Stile.

Innere Umrandung ausschalten. Danach, die Farbe ändern und Breite des äußeren Rahmens.

Anpassen der Umrandung der Amazon-Produktbox

So, Ihre Amazon Product Box ist fertig. Sie können es weiter ändern, wie Sie wollen.

Bonuspunkt: Verwenden Sie eine vorgefertigte Produktbox-Vorlage

Das Tableberg-Plugin wird mit einer umfassenden Vorlagenbibliothek wo Sie eine gute Sammlung von vorgefertigten Tabellen finden, mit denen Sie Ihre vielen Webabschnitte sofort vorbereiten können. Es enthält auch viele vorgefertigte Feature-Boxen, die Sie für die Erstellung von Amazon-Produkttabellen verwenden können.

In den folgenden Videoclips haben wir gezeigt, wie Sie die Feature-Boxen finden und zum Editor hinzufügen. Als Nächstes können Sie Ihr Amazon-Produktfeld fertigstellen, indem Sie einfach den Inhalt ändern.

Schlussfolgerung

Wir haben das Tutorial kurz beschrieben. Sie können Ihre Amazon-Produktbox umfangreich gestalten, indem Sie viele weitere Informationen hinzufügen. Sie können sogar mehrere Bilder und CTA-Schaltflächen hinzufügen. In diesem Artikel haben wir gerade versucht, eine inspirierende Anleitung zu präsentieren, die Sie verwenden können, um mehr interessante Designs zu erstellen.

Bevor Sie sich zum Beispiel auf den Weg machen, sollten Sie sich noch ein paar Minuten Zeit nehmen, um den Beitrag wie man Prozessschritte in WordPress anzeigt mit dem Plugin.



Das Tischberg-Team