{"id":3308,"date":"2024-09-07T18:42:52","date_gmt":"2024-09-07T18:42:52","guid":{"rendered":"https:\/\/tableberg.com\/?p=3308"},"modified":"2024-09-07T18:42:53","modified_gmt":"2024-09-07T18:42:53","slug":"wie-fuge-ich-amazon-produktboxen-in-wordpress-hinzu","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-add-amazon-product-boxes-in-wordpress\/","title":{"rendered":"Wie man Amazon-Produktboxen in WordPress hinzuf\u00fcgt"},"content":{"rendered":"

Amazon-Produktboxen sind so konzipiert, dass sie die auf der Amazon-Plattform verf\u00fcgbaren Produkte auf visuell ansprechende Weise pr\u00e4sentieren. Sie enthalten Bilder, Merkmale, Beschreibungen, Preise und direkte Links, damit die Kunden die Produkte kaufen k\u00f6nnen.<\/p>\n\n\n\n

Der Hauptzweck dieser Box ist es, Kunden auf einen Blick \u00fcber die Eigenschaften und Vorteile des Produkts zu informieren und sie zum sofortigen Kauf zu animieren. Mit dem Tableberg-Plugin k\u00f6nnen Sie beeindruckende Amazon-Produktboxen im WordPress-Editor erstellen.<\/p>\n\n\n\n

In diesem folgenden Beitrag werden wir ein Tutorial \u00fcber das Hinzuf\u00fcgen von Amazon-Produktboxen in WordPress schreiben.<\/p>\n\n\n\n

Schritt 01: Hinzuf\u00fcgen des Tableberg-Blocks zum Editor<\/h2>\n\n\n\n

Das Plugin wird mit einem benutzerdefinierten Block namens Tableberg geliefert. Klicken Sie auf den Plus-Symbol (+)<\/strong>. Hinzuf\u00fcgen der Tableberg-Block<\/strong> an die Redaktion.<\/p>\n\n\n\n

\"F\u00fcgen<\/figure>\n\n\n\n

Legen Sie die Anzahl der Spalten und Zeilen fest, die Sie f\u00fcr Ihren Inhalt ben\u00f6tigen. F\u00fcr dieses Tutorial werden wir 2*1 einstellen.<\/p>\n\n\n\n

\"Festlegen<\/figure>\n\n\n\n

Die Grundversion der Tabelle ist fertig. Als N\u00e4chstes f\u00fcgen wir den Inhalt der Spalten und Zeilen hinzu.<\/p>\n\n\n\n

\"Auswahl<\/figure>\n\n\n\n

Schritt 02: Ein Bild des Amazon-Produkts hinzuf\u00fcgen<\/h2>\n\n\n\n

Tableberg erm\u00f6glicht es Ihnen, mehrere benutzerdefinierte Bl\u00f6cke zu den Tabellenzellen wie der Gutenberg-Editor hinzuzuf\u00fcgen. Hinzuf\u00fcgen der Bildblock<\/strong> zu einer Zelle f\u00fcr die Darstellung des Amazon-Produktbildes.<\/p>\n\n\n\n

\"F\u00fcgen<\/figure>\n\n\n\n

Wir haben ein Amazon-Produktbild hinzugef\u00fcgt. Sie k\u00f6nnen es vergr\u00f6\u00dfern, indem Sie das kreisf\u00f6rmige Symbol ziehen und gleichzeitig gedr\u00fcckt halten.<\/p>\n\n\n\n

\"Erh\u00f6hen<\/figure>\n\n\n\n

Schritt 03: Hinzuf\u00fcgen der Produktdetails<\/h2>\n\n\n\n

In der rechten Spalte f\u00fcgen wir den Namen des Produkts, seine Eigenschaften, den Preis und eine kurze Beschreibung ein. Dies alles k\u00f6nnen Sie mit der Option Absatzblock<\/strong>.<\/p>\n\n\n\n

Schreiben Sie den Namen des Produkts<\/h3>\n\n\n\n

Standardm\u00e4\u00dfig wird die Absatzblock<\/strong> wird automatisch ausgew\u00e4hlt. Schreiben Sie einfach den Namen Ihres Produkts darauf.<\/p>\n\n\n\n

\"Schreiben<\/figure>\n\n\n\n

Vergr\u00f6\u00dferung des Produktnamens<\/strong> von der Abschnitt Typografie<\/strong> in der rechten Seitenleiste. Denn dieser Text sollte gr\u00f6\u00dfer aussehen als die anderen Texte.<\/p>\n\n\n\n

\"Gr\u00f6\u00dfe<\/figure>\n\n\n\n

Den Preis des Produkts hinzuf\u00fcgen<\/h3>\n\n\n\n

Hinzuf\u00fcgen einer neuen Absatzblock<\/strong> um den Preis f\u00fcr Ihr Produkt anzugeben.<\/p>\n\n\n\n

\"Den<\/figure>\n\n\n\n

Legen Sie eine andere, auff\u00e4llige Farbe f\u00fcr die Preisgestaltung fest, damit sie die Aufmerksamkeit der Leute auf sich zieht. <\/p>\n\n\n\n

\"Einf\u00e4rben<\/figure>\n\n\n\n

Es ist immer gut, einen erm\u00e4\u00dfigten Preis anzugeben, um die Leute zu begeistern. Sie k\u00f6nnen dies tun, indem Sie einen erh\u00f6hten Preis mit einem Durchstich hinzuf\u00fcgen.<\/p>\n\n\n\n

Schreiben Sie also einen erh\u00f6hten Preis. Mit den Optionen Hervorheben und Durchstreichen k\u00f6nnen Sie eine andere Farbe einstellen und durchstreichen.<\/p>\n\n\n\n

\"Einen<\/figure>\n\n\n\n

Schreiben Sie eine Beschreibung \u00fcber das Produkt<\/h3>\n\n\n\n

Verwenden Sie einen weiteren Absatzblock, um eine Beschreibung f\u00fcr das Amazon-Produkt zu schreiben.<\/p>\n\n\n\n

\"Schreiben<\/figure>\n\n\n\n

Schritt 04: Hinzuf\u00fcgen einer CTA-Schaltfl\u00e4che<\/h2>\n\n\n\n

Suchen Sie und f\u00fcgen Sie die Knopfleiste<\/strong> unter der Beschreibung.<\/p>\n\n\n\n

\"Hinzuf\u00fcgen<\/figure>\n\n\n\n

Schreiben Sie einen Text f\u00fcr die Schaltfl\u00e4che. Gehen Sie dann zum Registerkarte Einstellungen<\/strong>. <\/p>\n\n\n\n

Von Einstellungen zur Breite<\/strong>w\u00e4hlen Sie eine Option, um die Breite der Schaltfl\u00e4chen vergr\u00f6\u00dfern<\/strong> wie Sie wollen.<\/p>\n\n\n\n

\"Vergr\u00f6\u00dfern<\/figure>\n\n\n\n

Als n\u00e4chstes kommen Sie zum Registerkarte \"Stile<\/strong>. Verwendung geeigneter Optionen, Einf\u00e4rben<\/strong> und Gr\u00f6\u00dfe der Schaltfl\u00e4chenkopie \u00e4ndern<\/strong>.<\/p>\n\n\n\n

\"Anpassen<\/figure>\n\n\n\n

Schritt 05: Abstand zwischen den Bl\u00f6cken hinzuf\u00fcgen<\/h2>\n\n\n\n

Markieren Sie die gesamte Spalte<\/strong> indem Sie auf seinen Rand klicken. Gehen Sie zum Registerkarte \"Stile<\/strong>. Come to the Abschnitt Blockabst\u00e4nde<\/strong> indem Sie auf der Registerkarte nach unten bl\u00e4ttern. Geben Sie einen Wert ein, um den Abstand zwischen den Bl\u00f6cken in der Spalte zu vergr\u00f6\u00dfern.<\/p>\n\n\n\n

\"Abstand<\/figure>\n\n\n\n

Schritt 06: F\u00fcgen Sie der Amazon-Produktbox eine Schleife hinzu.<\/h2>\n\n\n\n

Mit B\u00e4ndern k\u00f6nnen Sie eine kurze Werbebotschaft einblenden, die den Nutzer sofort zum Kauf Ihres Produkts anregt. Hinzuf\u00fcgen der Farbbandblock<\/strong> zu der Spalte, die Sie anzeigen m\u00f6chten.<\/p>\n\n\n\n

\"Hinzuf\u00fcgen<\/figure>\n\n\n\n

Hinzuf\u00fcgen einer Farbbandkopie, Farbbandstil, Position, <\/strong>und Farbe<\/strong> mit den Optionen auf der Registerkarte Einstellungen und Stile.<\/p>\n\n\n\n

\"Das<\/figure>\n\n\n\n

Schritt 07: Anpassen der Umrandung der Amazon-Produktbox<\/h2>\n\n\n\n

Indem Sie den Rahmen der Box anpassen, k\u00f6nnen Sie ihre \u00c4sthetik versch\u00f6nern. Kommen Sie zum Tabelle Randabschnitt<\/strong> durch Bl\u00e4ttern in der Registerkarte \"Stile<\/strong>.<\/p>\n\n\n\n

Innere Umrandung ausschalten<\/strong>. Danach, die Farbe \u00e4ndern<\/strong> und Breite des \u00e4u\u00dferen Rahmens<\/strong>. <\/p>\n\n\n\n

\"Anpassen<\/figure>\n\n\n\n

So, Ihre Amazon Product Box ist fertig. Sie k\u00f6nnen es weiter \u00e4ndern, wie Sie wollen.<\/p>\n\n\n\n

Bonuspunkt: Verwenden Sie eine vorgefertigte Produktbox-Vorlage<\/h2>\n\n\n\n

Das Tableberg-Plugin wird mit einer umfassenden Vorlagenbibliothek<\/a> wo Sie eine gute Sammlung von vorgefertigten Tabellen finden, mit denen Sie Ihre vielen Webabschnitte sofort vorbereiten k\u00f6nnen. Es enth\u00e4lt auch viele vorgefertigte Feature-Boxen, die Sie f\u00fcr die Erstellung von Amazon-Produkttabellen verwenden k\u00f6nnen.<\/p>\n\n\n\n

In den folgenden Videoclips haben wir gezeigt, wie Sie die Feature-Boxen finden und zum Editor hinzuf\u00fcgen. Als N\u00e4chstes k\u00f6nnen Sie Ihr Amazon-Produktfeld fertigstellen, indem Sie einfach den Inhalt \u00e4ndern.<\/p>\n\n\n\n

Schlussfolgerung<\/h2>\n\n\n\n

Wir haben das Tutorial kurz beschrieben. Sie k\u00f6nnen Ihre Amazon-Produktbox umfangreich gestalten, indem Sie viele weitere Informationen hinzuf\u00fcgen. Sie k\u00f6nnen sogar mehrere Bilder und CTA-Schaltfl\u00e4chen hinzuf\u00fcgen. In diesem Artikel haben wir gerade versucht, eine inspirierende Anleitung zu pr\u00e4sentieren, die Sie verwenden k\u00f6nnen, um mehr interessante Designs zu erstellen.<\/p>\n\n\n\n

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<\/a> mit dem Plugin.<\/p>","protected":false},"excerpt":{"rendered":"

Amazon product boxes are designed to feature products available on the Amazon platform in a visually engaging way. They include images, features, descriptions, prices, and direct links so people can buy the products. The main purpose of this box is to inform customers about the product’s features and benefits at a glance and excite them […]<\/p>\n","protected":false},"author":1,"featured_media":3334,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[111,10,102],"class_list":["post-3308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-amazon-product-marketing","tag-customize-table","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Add-Amazon-Product-Boxes-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=3308"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3308\/revisions"}],"predecessor-version":[{"id":3335,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3308\/revisions\/3335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/3334"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=3308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=3308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=3308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}