Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man eine Affiliate-Produktbox erstellt (keine Codierung erforderlich)

Mit einer Produktbox können Sie Ihre Partnerprodukte auf attraktivere und auffälligere Weise präsentieren. Sie können zusätzliche Details zu den Produkten zusammen mit Bildern und Links einfügen, um sie für Ihr Publikum attraktiver zu machen.

Das erregt die Aufmerksamkeit Ihrer Nutzer und erhöht die Wahrscheinlichkeit, dass sie auf Ihre Affiliate-Links klicken, was Ihnen hilft, ein passives Einkommen mit Ihrem Blog zu erzielen.

Bei WPBeginner nutzen wir seit über einem Jahrzehnt Referral Links, um Einnahmen zu generieren. In dieser Zeit haben wir festgestellt, dass die Bewerbung von Affiliate-Produkten in relevanten Artikeln mit zusätzlichen Informationen über diese Produkte und der Einbindung ihres Website-Bildes durchweg zu mehr Klicks für uns geführt hat.

Affiliate-Produktboxen erreichen im Grunde dasselbe, so dass sie wahrscheinlich einen ähnlichen, positiven Einfluss auf Ihre Affiliate-Conversions haben werden.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach eine Affiliate-Produktbox in WordPress erstellen können.

Creating an affiliate product box in WordPress

Warum eine Affiliate-Produkt-Box in WordPress erstellen?

Eine Affiliate-Produktbox wird von Vermarktern auf ihren WordPress-Websites verwendet, um den Lesern bestimmte Produkte zu präsentieren und zu bewerben.

Diese Box enthält in der Regel einen Produkttitel, Bilder, eine Beschreibung und eine Aufforderung zum Handeln (CTA ), um Klicks und Käufe zu fördern.

Affiliate product box preview

Es ist eine beliebte Affiliate-Marketing-Strategie, die die Konversionsraten steigern, die Markenpräsenz erhöhen und Zeit und Ressourcen sparen kann, was sie zu einer großartigen Möglichkeit macht, online Geld zu verdienen.

Sie können ganz einfach eine Affiliate-Produktbox in einen Blogbeitrag einfügen, um potenzielle Kunden anzulocken und eine Provision für jeden daraus resultierenden Verkauf zu erhalten.

Sehen wir uns also an, wie man in WordPress ganz einfach eine Affiliate-Produktbox erstellen kann, ohne einen Code zu verwenden:

Mit Pretty Links können Sie ganz einfach eine Produkt-Affiliate-Box erstellen. Es ist das beste Affiliate-Marketing-Tool, mit dem Sie ganz einfach Affiliate-Links auf Ihrer WordPress-Website erstellen und verwalten können.

Zunächst müssen Sie das Pretty Links Plugin installieren und aktivieren. Weitere Anweisungen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

Hinweis: Pretty Links hat auch eine kostenlose Version. Sie müssen jedoch das Pro-Abo erwerben, um das Addon Product Displays nutzen zu können.

Besuchen Sie nach der Aktivierung die Seite Pretty Links “ Add-ons in der Seitenleiste des WordPress-Administrators.

Von hier aus installieren und aktivieren Sie einfach das Addon „Product Displays“, indem Sie auf die Schaltfläche „Add-on installieren“ klicken.

Install and activate the Product Displays addon

Sobald das Addon aktiviert ist, gehen Sie einfach auf die Seite Pretty Links „ Add New , um einen Partnerlink zu erstellen.

Zuerst müssen Sie den Namen des Partnerprodukts in das Feld „Titel hinzufügen“ oben eingeben. Dieser Titel wird als Überschrift in Ihrer Box für das Partnerprodukt angezeigt.

Danach geben Sie die Partner-URL in das Feld „Ziel-URL“ ein.

Als Nächstes geben Sie den Link-Slug in das Feld „Pretty Link“ ein. Dies wird der letzte Teil der Partner-URL sein.

Create an affiliate link by typing the target URL

Wechseln Sie dann in der linken Seitenleiste zur Registerkarte „Produktanzeige“.

Dort können Sie zunächst im Dropdown-Menü „Thema“ ein Thema für Ihre Produkt-Affiliate-Box auswählen.

Klicken Sie anschließend auf die Schaltfläche „Bild aktualisieren“, um das Produktbild aus der WordPress-Mediathek oder von Ihrem Computer hochzuladen.

Choose a theme and upload product image

Geben Sie anschließend die Produktbeschreibung in die Box „Beschreibung“ ein.

Als Nächstes können Sie neben der Option „Preis“ einen Preis für das Produkt festlegen.

Add product description and price

Sie können auch ein Abzeichen am oberen Rand Ihrer Produkt-Affiliate-Box hinzufügen. Wenn der von Ihnen beworbene Artikel zum Beispiel gerade im Angebot ist, können Sie dies den Kunden anzeigen.

Um ein Abzeichen hinzuzufügen, geben Sie einfach den entsprechenden Text neben der Option „Abzeichentext“ ein.

Danach geben Sie neben der Option „Primärer Schaltflächentext“ einen CTA für das Partnerprodukt ein. Dies wird der Text sein, der auf der Schaltfläche in der Produktpartnerbox angezeigt wird.

Der von uns erstellte Partnerlink wird automatisch zur CTA-Schaltfläche hinzugefügt.

Add a badge and CTA text

Wenn Sie in Ihrem Blog einen Beitrag über das Partnerprodukt geschrieben haben, können Sie die URL des Beitrags in die Box „Review URL“ eintragen. Besucher, die darauf klicken, werden dann zu Ihrem Beitrag weitergeleitet.

Um einen CTA für die Bewertungsschaltfläche hinzuzufügen, geben Sie einfach einen Text in die Option „Text für Bewertungsschaltfläche“ ein.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ am oberen Rand.

Hinzufügen der Produkt-Affiliate-Box zu einer Seite oder einem Beitrag

Nun müssen Sie die Produkt-Affiliate-Box zu einer Seite oder einem Beitrag auf Ihrer WordPress-Website hinzufügen. In diesem Tutorial werden wir die Affiliate-Produktbox zu einem Beitrag hinzufügen.

Öffnen Sie zunächst einen neuen oder bestehenden Beitrag in der Seitenleiste der WordPress-Administration.

Klicken Sie dann auf den Button „Block hinzufügen“ (+) oben links, um den PL-Produktanzeige-Block zu finden und dem Editor für Beiträge hinzuzufügen.

Klicken Sie anschließend auf die Schaltfläche „Anzeige hinzufügen“.

Add the PL Product Display box

Daraufhin wird eine Eingabeaufforderung „Produktanzeige“ geöffnet. Wählen Sie hier die Option „Einzelner Link“ aus dem Dropdown-Menü.

Danach müssen Sie im Suchfeld nach dem von Ihnen erstellten Partnerlink suchen.

Add the affiliate product box

Wenn Sie auf den Partnerlink klicken, wird die Produktanzeigebox automatisch zu Ihrem Beitrag oder Ihrer Seite hinzugefügt.

Klicken Sie abschließend auf den Button „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Jetzt können Sie Ihre Website besuchen, um die Produkt-Affiliate-Box in Aktion zu sehen.

Product box preview

Methode 2: Erstellen einer Partnerproduktbox im Block-Editor (kostenlos)

Bei dieser Methode zeigen wir Ihnen, wie Sie mit dem Block-Editor ganz einfach eine Affiliate-Produktbox erstellen können.

Zunächst müssen Sie einen bestehenden oder neuen Beitrag in der WordPress-Admin-Seitenleiste öffnen.

Klicken Sie dort auf den Button Block hinzufügen ‚(+)‘ in der oberen linken Ecke, um das Blockmenü zu öffnen. Als Nächstes suchen Sie den Block „Spalten“ und fügen ihn dem Beitrag hinzu.

Daraufhin wird eine Liste von Spaltenvarianten angezeigt. Um fortzufahren, klicken Sie einfach auf die Variante 50/50.

Add the Columns block in the block editor

Dadurch werden Ihrem Beitrag zwei nebeneinander liegende Blöcke hinzugefügt.

Klicken Sie zunächst auf die Schaltfläche „+“ auf der linken Seite des Bildschirms, um das Blockmenü zu öffnen.

Wählen Sie hier den Bild-Block aus und fügen Sie dann das Bild Ihres Partnerprodukts aus der WordPress-Mediathek hinzu.

Add the image block and then add product image from the media library

Danach müssen Sie auf den ‚+‘ Button in der rechten Spalte klicken.

Sobald sich das Blockmenü öffnet, fügen Sie den Block Überschrift hinzu und geben Sie den Produkttitel ein.

Add the Heading block and type product title

Klicken Sie dann auf das Symbol „Spalte auswählen“ in der Werkzeugleiste des Blocks und anschließend auf den Button „+“ am unteren Rand. Dadurch wird das Blockmenü noch einmal geöffnet.

Suchen Sie hier den Absatzblock, fügen Sie ihn hinzu und geben Sie eine Produktbeschreibung in das Feld ein.

Add the Paragraph block to type product descriptions

Um Ihre Produkt-Affiliate-Box zu vervollständigen, müssen Sie nun einen CTA zusammen mit einem Affiliate-Link für das Produkt hinzufügen.

Dazu müssen Sie den Blockeditor verlassen.

Vergessen Sie nicht, auf die Schaltfläche „Entwurf speichern“ zu klicken, um Ihre Einstellungen zu speichern, bevor Sie zum WordPress-Administrations-Dashboard zurückkehren.

Erstellen Sie einen Affiliate-Link

Es gibt viele Werkzeuge für das Affiliate-Marketing, mit denen Sie Affiliate-Links auf Ihrer WordPress-Website erstellen und verwalten können.

Für dieses Tutorial werden wir Pretty Links verwenden, das beste WordPress Plugin für Affiliate Marketing.

Zunächst müssen Sie das Pretty Links Plugin installieren und aktivieren. Weitere Anweisungen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

Rufen Sie nach der Aktivierung die Seite Pretty Link “ Add New auf dem WordPress-Dashboard auf. Dort müssen Sie den Produktnamen in das Feld „Titel hinzufügen“ eingeben.

Kopieren Sie anschließend die URL Ihres Partnerprodukts und fügen Sie sie neben der Option „Ziel-URL“ ein.

Create pretty link

Sie können jetzt einen benutzerdefinierten URL-Slug in das Feld „Pretty Link“ eingeben. Pretty Links verwendet diesen am Ende der Partner-URL, die es für Sie erstellt.

Sobald Sie fertig sind, klicken Sie auf die Schaltfläche „Aktualisieren“, um Ihren Partnerlink zu generieren.

Sie werden dann auf die Seite ‚Links‘ weitergeleitet. Kopieren Sie von hier aus einfach den Link aus der Spalte „Pretty Links“.

Copy the affiliate link

Fügen Sie einen Affiliate-Link in die Produktbox ein

Kehren Sie nun zu dem Beitrag zurück, in dem Sie die Box für das Partnerprodukt erstellt haben.

Klicken Sie dann auf die rechte Spalte Ihres Spaltenblocks, um die Symbolleiste des Blocks zu öffnen, und klicken Sie anschließend auf die Schaltfläche „Spalten auswählen“. Dadurch wird das Blockmenü geöffnet.

Als Nächstes fügen Sie einfach den Block Buttons hinzu.

Add the buttons block in the right column

Um einen Link hinzuzufügen, klicken Sie auf das Symbol „Link“ in der Symbolleiste des Blocks „Schaltflächen“. Daraufhin öffnet sich ein Popup-Fenster, in das Sie den Partnerlink einfügen müssen, den Sie von der Seite Pretty Links kopiert haben.

Sie können auch über die Suchleiste im Feld nach dem Partnerlink suchen.

Add an affiliate link

Zum Schluss müssen Sie Ihrer CTA-Schaltfläche noch einen Text hinzufügen.

Achten Sie darauf, dass Sie einen spannenden Satz als CTA hinzufügen, um die Kunden zum Klicken auf den Link zu ermutigen.

Type CTA text

Sie können Ihre Partnerproduktbox auch mit Hilfe der Blockeinstellungen gestalten. Wechseln Sie dazu auf das Symbol „Stile“ im Blockbedienfeld.

Von hier aus können Sie die Hintergrund- und Textfarbe Ihres Partnerproduktkastens mit Hilfe des Farbwählers auswählen.

Choose a background color for the product affiliate box

Klicken Sie abschließend auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Änderungen zu speichern.

So sieht die Affiliate-Produktbox auf unserer Demo-Website aus.

Product affiliate box preview

Methode 3: Erstellen Sie eine Produkt-Box für Affiliate Landing Pages mit SeedProd

Wenn Sie eine ästhetisch ansprechende Produktbox für benutzerdefinierte Affiliate-Landingpages erstellen möchten, dann ist diese Methode genau das Richtige für Sie.

Sie können SeedProd verwenden, das beste WordPress-Seitenerstellungs-Plugin auf dem Markt. Es hilft Ihnen, eine visuell ansprechende Website ohne Code zu erstellen.

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

Hinweis: SeedProd bietet auch eine kostenlose Version an. Wir werden jedoch die Premium-Version verwenden, da sie mehr Designfunktionen bietet.

Besuchen Sie nach der Aktivierung die Seite SeedProd “ Einstellungen, um den Lizenzschlüssel für das Plugin einzugeben.

Sie können diese Informationen in Ihrem Konto auf der SeedProd-Website finden.

Paste license key in the field

Als Nächstes gehen Sie im WordPress-Admin-Dashboard zum Abschnitt SeedProd “ Landing Pages und klicken auf die Schaltfläche „Add New Landing Page“.

In diesem Tutorial werden wir einer Landing Page eine Affiliate-Produktbox hinzufügen.

Click the Add New Landing Page button

Sie werden nun zum Bildschirm „Neue Seitenvorlage auswählen“ weitergeleitet.

Von hier aus können Sie eine der vorgefertigten Vorlagen auswählen, die von SeedProd angeboten werden.

Nachdem Sie Ihre Wahl getroffen haben, werden Sie aufgefordert, einen Seitennamen einzugeben und eine URL zu wählen. Klicken Sie nach der Eingabe der Details auf die Schaltfläche „Speichern und mit der Bearbeitung der Seite beginnen“.

Enter your page details

Dadurch wird der Drag-and-Drop-Seitenerstellungsprozess von SeedProd gestartet.

Suchen Sie nun den Block Spalten in der linken Seitenleiste und ziehen Sie ihn auf die Design-Oberfläche auf der rechten Seite.

Nach dem Hinzufügen des Blocks werden Sie aufgefordert, ein Spaltenlayout zu wählen. Um zwei nebeneinander liegende Blöcke hinzuzufügen, klicken Sie einfach auf die 50/50-Variante.

Add the Column Block in SeedProd

Sie können nun damit beginnen, den Bildblock in die linke Spalte zu ziehen und dort abzulegen.

Klicken Sie als Nächstes auf den Bildblock, um seine Blockeinstellungen in der Seitenleiste zu öffnen. Klicken Sie hier einfach auf die Schaltfläche „Eigenes Bild verwenden“, um das Bild des Partnerprodukts aus der Mediathek auszuwählen oder es von Ihrem Computer hochzuladen.

Choose an affiliate product image from the media library

Ziehen Sie dann einfach den Überschriftenblock in die rechte Spalte und fügen Sie den Titel des Partnerprodukts hinzu.

Sie können die Ausrichtung und die Schriftgröße mit den Einstellungen in der linken Spalte anpassen.

Add the heading block and type product title

Sobald Sie das getan haben, müssen Sie den Textblock unter den Produkttitel ziehen und ablegen. Sie können eine Beschreibung für das von Ihnen beworbene Partnerprodukt hinzufügen.

Klicken Sie anschließend auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern.

Add product description and click Save button

Nun ist es an der Zeit, einen Partnerlink zu erstellen.

Erstellen Sie einen Affiliate-Link

Zunächst müssen Sie das Pretty Links Plugin installieren und aktivieren. Ausführlichere Anweisungen finden Sie in unserem Leitfaden für Einsteiger zur Installation eines WordPress-Plugins.

Gehen Sie nach der Aktivierung auf die Seite Pretty Link “ Add New in der Admin-Seitenleiste.

Hier können Sie zunächst den Produktnamen in das Feld „Titel hinzufügen“ eingeben, damit Sie den Partnerlink leicht finden. Geben Sie einfach den Namen des Partnerunternehmens oder das Produkt selbst ein.

Als Nächstes fügen Sie den Partnerlink neben der Option „Ziel-URL“ ein.

Danach geben Sie einen Slug in das Feld „Pretty Link“ ein. Dieser Slug wird am Ende Ihres Affiliate-Links erscheinen.

Create an affiliate link

Klicken Sie abschließend auf die Schaltfläche „Aktualisieren“, um den Link zu erstellen.

Sie werden nun auf die Seite „Links“ weitergeleitet. Kopieren Sie von hier aus einfach den Affiliate-Link aus der Spalte „Pretty Links“.

Copy the affiliate link

Fügen Sie den Affiliate Link in die SeedProd Produktbox ein

Nachdem Sie den Affiliate-Link kopiert haben, müssen Sie die SeedProd-Landingpage öffnen, auf der Sie die Affiliate-Produktbox gestalten.

Ziehen Sie den Button-Block einfach per Drag & Drop unter die Produktbeschreibung.

Drag and drop the Button block in the product box

Als nächstes müssen Sie auf die Schaltfläche klicken, um die Blockeinstellungen in der linken Seitenleiste zu öffnen. Hier müssen Sie den Partnerlink kopieren und in das Feld „Link“ einfügen.

Danach geben Sie einfach einen Text für den CTA in das Feld „Button Text“ ein.

Add the affiliate link and CTA text

Um die Box für das Partnerprodukt zu gestalten, müssen Sie den Block Spalten auswählen, um seine Einstellungen in der linken Spalte zu öffnen.

Von hier aus können Sie eine Hintergrundfarbe wählen oder sogar ein Hintergrundbild zu Ihrer Produktbox hinzufügen. Sie können auch die Breite und Ausrichtung des Spaltenblocks nach Ihren Wünschen anpassen.

Change the affiliate product box background color in SeedProd

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern.

So sieht die Affiliate-Produktbox auf unserer Demo-Website aus.

SeedProd preview of the affiliate product box

Bonus: Erstellen Sie ein Partnerprogramm auf Ihrer Website

Sie können nicht nur für Produkte anderer Unternehmen werben, sondern auch Ihr eigenes Partnerprogramm erstellen, um den Umsatz Ihres Online-Geschäfts zu steigern.

Es handelt sich um eine kosteneffiziente Marketingstrategie, die es anderen Unternehmen ermöglicht, Ihrem Programm beizutreten und Ihre Dienste auf ihren Websites zu bewerben, um eine kleine Provision zu verdienen.

Mit einem Empfehlungsprogramm können Sie ein breiteres Publikum erreichen, Vertrauen bei potenziellen Käufern aufbauen und letztlich die Umsätze auf Ihrer Website steigern.

Wenn Sie beispielsweise einen E-Commerce-Shop betreiben, können Sie mit einem Partnerprogramm Ihren Kunden, Fans und anderen digitalen Vermarktern einen Anreiz bieten, Ihre Produkte gegen eine kleine Provision pro Verkauf zu bewerben.

Mit AffiliateWP können Sie ganz einfach ein Empfehlungsprogramm auf Ihrer Website einrichten. Es ist die beste WordPress-Software zur Verfolgung und Verwaltung von Partnerprogrammen auf dem Markt, die Ihnen die vollständige Kontrolle über Ihr Partnerprogramm gibt.

AffiliateWP website

Es verfügt über eine einfache Einrichtung, erweiterte Affiliate-Link-Verfolgung, detaillierte Berichte, flexible Auszahlungsoptionen und Integration mit beliebten Plugins wie MemberPress, Easy Digital Downloads und WooCommerce.

Weitere Informationen finden Sie in unserem vollständigen AffiliateWP-Test.

Mit den Plugins ist es ganz einfach, ein Partnerprogramm zu starten und neue Märkte zu erschließen, um die Markenbekanntheit zu steigern und Leads zu generieren. Eine ausführliche Anleitung finden Sie in unserem Tutorial zur Erstellung eines Empfehlungsprogramms in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man eine Affiliate-Produktbox in WordPress einfügt. Vielleicht möchten Sie auch unseren Artikel darüber lesen, wie Sie Affiliate-Links auf Ihrer WordPress-Website tarnen können, und unseren Vergleich zwischen Pretty Links und Thirsty Affiliates, um das richtige Affiliate-Management-Plugin für Ihre Website zu finden.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

Kommentare

  1. Herzlichen Glückwunsch, du hast die Möglichkeit, der erste Kommentator dieses Artikels zu sein.
    Hast du eine Frage oder Anregung? Bitte hinterlasse einen Kommentar, um die Diskussion zu starten.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.