Shopify Affiliate Button ohne App: So inte­grierst du ihn einfach auf deiner Produkt­seite

Inhaltsverzeichnis

Newsletter

Immer up-to-date sein in Sachen Web.


Ein Bild von Nico Münster.

Du möchtest mit deinem Shopify-Shop mehr verdienen, ohne zusätzliche eigene Produkte anbieten zu müssen? Dann ist Affiliate Marketing genau das Richtige für dich! Indem du einen Shopify Affiliate Button direkt auf deinen Produktseiten platzierst, kannst du deine Besucher einfach zum Hauptanbieter weiterleiten. Wenn sie dann etwas kaufen, erhältst du eine Provision – ganz unkompliziert! In diesem Artikel zeigen wir dir Schritt für Schritt, wie du deinen eigenen Affiliate Button erstellst – und das ganz ohne zusätzliche Apps! Ob du gerade erst mit deinem Shopify-Shop startest oder schon länger dabei bist, mit unserem Guide kannst du leicht loslegen und von den Vorteilen des Affiliate Marketings profitieren.

1. Was ist ein Shopify Affiliate Button?

Definition und Zweck

Ein Shopify Affiliate Button ist ein spezieller Button, den du auf deiner Produktseite einfügst. Wenn deine Besucher darauf klicken, werden sie zum Hauptanbieter des Produkts weitergeleitet. Du verdienst dann eine Provision, wenn sie etwas kaufen. Einfach gesagt: Es ist eine smarte Möglichkeit, Geld zu verdienen, ohne eigene Produkte verkaufen zu müssen.

Vorteile für Shop-Betreiber

Für Shop-Betreiber:

  • Mehr Einnahmen mit geringem zusätzlichem Aufwand
  • Erweiterung des eigenen Produktangebots ohne selber weitere Produkte Lagern zu müssen
  • Erschließung neuer Zielgruppen durch erweitertes Produktsortiment

Beispiel für erfolgreiche Implementierungen

Viele erfolgreiche Shopify-Shops nutzen den Affiliate Button, um ihre Einnahmen zu steigern. Hier ist ein Beispiel:

Ein tolles Beispiel ist Baumschule-Pflanzen.de. Sie haben den Affiliate Button auf ihren Produktseiten integriert und bieten so eine größere Auswahl an Pflanzen und Gartenbedarf an, ohne jedes einzelne Produkt selbst lagern zu müssen. Das hat ihnen geholfen, ihre Einnahmen zu steigern und gleichzeitig ihren Kunden mehr Auswahl zu bieten. 🌳🌸

2. So erstellst du einen Shopify Affiliate Button ohne App

Einen Shopify Affiliate Button zu erstellen und auf deiner Produktseite zu platzieren, ist einfacher, als du denkst. Folge dieser Schritt-für-Schritt-Anleitung, um deinen eigenen Affiliate Button ohne zusätzliche Apps einzurichten und optimal zu nutzen!

Schritt-für-Schritt Anleitung

2.1 Erstellung der Affiliate URL

Die Shopify Affiliate URL ist der Schlüssel zu deinem Erfolg. So erstellst du sie:

  1. Affiliate-Programm beitreten: Melde dich beim Affiliate-Programm (z.B. Awin) des Hauptanbieters an.
  2. Produkt auswählen: Wähle das Produkt aus, das du bewerben möchtest.
  3. URL generieren: Erhalte deine individuelle Affiliate URL, die deine Tracking-Informationen enthält. Diese URL ist essenziell, um Verkäufe korrekt zuzuordnen.

2.2 Implementierung des Affiliate Buttons

  1. Shopify Admin öffnen:
    • Logge dich in deinen Shopify-Adminbereich ein.
    • Klicke unten auf Einstellungen:
    • Hier wählst du “Benutzerdefiniert Daten” aus.
Benutzerdefinierte Daten 
    • Klicke auf “Produkte” und anschließend auf “Definition hinzufügen”, wenn du ein Metafield für Produkte anlegen möchtest.
Definition hinzufügen
  1. Konfiguriere dein Metafield:
    • Namespace und Schlüssel: Gib einen Namen ein, z.B. affiliate_url.
    • Art des Inhalts: Wähle „URL“ als Typ, da du die Affiliate-Produkt-URL einfügen wirst.
Affiliate Url Metafield anlegen
  1. Affiliate Url einfügen:
    • Finde die Affiliate-Produkt-URL:
      • Kopiere die URL zum Produkt.
    • Füge die URL in das Metafield ein:
      • Gehe zu deinem Produkt und scrolle nach unten, bis “Produkt-Metafelder”.
      • Füge die kopierte URL in das entsprechende Metafield ein und speichere deine Änderungen.
Affiliate URL einfügen
  1. Theme bearbeiten:
    • Nun, da du die Affiliate URL im Metafield gespeichert hast, musst du Code zu deinem Theme hinzufügen:
    • Gehe zu „Online Store“ > „Themes“.
    • Wähle dein aktuelles Theme aus und klicke auf „Anpassen“.
    • Gehe zum gewünschten Produkt-Template.
    • Füge unterhalb der Produktbeschreibung einen „Benutzerdefinierten Liquid“-Block hinzu.
    • Dies ermöglicht es dir, benutzerdefinierten Code direkt in die Produktseite einzufügen.
Block im Theme Editor hinzufügen 
    • Füge den folgenden HTML- und Liquid-Code an der gewünschten Stelle ein (z.B. unter der Produktbeschreibung):

<a href=”{{ product.metafields.customaffiliate_url }}” class=”affiliate-button” target=“_blank” rel=“nofollow noopener noreferrer sponsored” style=”background-color:#FF5733; color:#fff; padding:10px 20px; text-decoration:none; border-radius:5px;”>zum Produkt</a>

Code vom Affiliate-Button einfügen
  • Erklärung:
      • {{ product.metafields.custom.affiliate_url }} liest die Affiliate URL aus dem zuvor erstellten Metafield.
      • target=”_blank”:

        • Öffnet den Link in einem neuen Browser-Tab oder Fenster.
        • Vorteil: Die Benutzer bleiben auf Ihrer Website, während die Affiliate-Seite in einem separaten Tab geöffnet wird.
      • rel=”nofollow external noopener noreferrer sponsored”:

        • nofollow: Informiert Suchmaschinen, diesem Link nicht zu folgen, was SEO-relevant ist und verhindert, dass der Link das Suchmaschinen-Ranking beeinflusst.
        • noopener und noreferrer: Schützen vor potenziellen Sicherheitsrisiken, die durch das Öffnen von Links in neuen Tabs entstehen können, indem sie verhindern, dass die neue Seite Zugriff auf das ursprüngliche Fenster hat.
        • sponsored: Kennzeichnet den Link als gesponsert oder Affiliate-Link, was Transparenz gegenüber den Benutzern schafft und rechtliche Anforderungen erfüllt.
      • Der restliche HTML-Code gestaltet den Button optisch ansprechend.

2.3 Speichern und testen

  1. Klicke auf „Speichern“, um die vorgenommenen Änderungen zu sichern.
  2. Gehe zu einer Produktseite in deinem Shop und stelle sicher, dass der Affiliate Button korrekt angezeigt wird.
  3. Klick-Test: Klicke auf den Button, um zu prüfen, ob du zur richtigen Produktseite des Hauptanbieters weitergeleitet wirst.

🎨 Design des Affiliate Buttons

Ein ansprechender Button erhöht die Klickrate. Hier ein paar Tipps:

  • Farben: Wähle eine Farbe, die sich vom Rest deiner Seite abhebt, aber dennoch zum Design passt.
  • Text: Klar und deutlich, z.B. „zum Produkt“ oder „Mehr erfahren“.
  • Größe und Form: Der Button sollte gut sichtbar, aber nicht aufdringlich sein. Runde Ecken wirken oft einladender.
  • Icons: Kleine Symbole wie ein Einkaufswagen oder ein Pfeil können die Aufmerksamkeit steigern.

2.4 “In den Warenkorb legen”-Button entfernen

  • Im Produkt-Template auf “Buy Buttons” (oder eine ähnliche Bezeichnung) klicken und löschen.
“In den Warenkorb legen”-Button entfernen

3. FAQ

Muss ich rechtliche Vorgaben beachten?

Ja, beim Einsatz von Affiliate Buttons solltest du folgende Punkte beachten:

  • Transparenz: Informiere deine Kunden klar darüber, dass es sich um Affiliate-Links handelt.
  • Datenschutz: Stelle sicher, dass du DSGVO-konform arbeitest, besonders beim Tracking.
  • Offenlegungspflichten: Offenbare deine Affiliate-Partnerschaften deutlich auf deiner Website.

Blog

Was möchtest du noch lernen?

  • Alle Beiträge
  • Shopify
  • Marketing
Shopify Anleitung

28. Oktober 2024/

Shopify Anlei­tung: Der ulti­mative Guide für deinen Online­shop Inhaltsverzeichnis 1. Warum Shopify? 2. Erste Schritte mit Shopify 3. Design deiner…

Lade mehr

Keine weiteren Blogbeiträge

Kontakt

Brauchen Sie Unter­stützung?

Lassen Sie uns gemeinsam Ihr digitales Potenzial entfalten und Ihre Online-Präsenz zukunftssicher machen. Kontaktieren Sie uns noch heute und wir schauen uns Ihren individuellen Fall gemeinsam an.