Tutorial

Shopify Kauf-Button durch externen Link ersetzen oder weiterleiten [2025 Easy Guide]

Melden

Hier ist ein umfassendes Tutorial, das speziell auf Shopify-Stores im Jahr 2025 (Online Store 2.0 Themes wie Dawn) zugeschnitten ist.

Möchten Sie Produkte als Affiliate (z. B. Amazon) verkaufen, Buchungen über eine externe Seite abwickeln oder Shopify lediglich als Katalog nutzen? In diesem Guide lernen Sie, wie Sie den standardmäßigen „In den Warenkorb“-Button durch einen individuellen Button mit externem Link ersetzen – ganz ohne teure Apps.

Methode 1: Der moderne Weg über Metafelder & Custom Liquid (Empfohlen)

Dies ist die sauberste Methode für 2025. Sie erlaubt es Ihnen, für jedes Produkt einen individuellen Link festzulegen, während andere Produkte weiterhin normal über Shopify verkauft werden können.

Schritt 1: Metafeld für den Link erstellen

  1. Gehen Sie in Ihrem Shopify-Admin zu Einstellungen > Eigene Daten > Produkte.
  2. Klicken Sie auf Definition hinzufügen.
  3. Name: Externer Link
  4. Namespace und Schlüssel: custom.external_link
  5. Typ auswählen: URL.
  6. Speichern.

Schritt 2: Den Link beim Produkt hinterlegen

  1. Öffnen Sie ein Produkt in Ihrem Admin-Bereich.
  2. Scrollen Sie ganz nach unten zu den Metafeldern.
  3. Fügen Sie unter „Externer Link“ die Ziel-URL ein (z. B. https://amazon.de/...).

Schritt 3: Den Button im Theme Editor einbauen

  1. Gehen Sie zu Onlineshop > Themes > Anpassen (beim aktuellen Theme).
  2. Navigieren Sie oben im Dropdown-Menü zu Produkte > Standardprodukt.
  3. Suchen Sie in der linken Seitenleiste den Abschnitt Produktinformationen.
  4. Klicken Sie auf das „Auge-Symbol“ bei Kauf-Buttons, um den Standard-Button auszublenden.
  5. Klicken Sie auf Block hinzufügen und wählen Sie Custom Liquid.
  6. Kopieren Sie den folgenden Code in das Feld:
{% if product.metafields.custom.external_link %}
  <a href="{{ product.metafields.custom.external_link }}" 
     target="_blank" 
     class="button button--full-width button--primary" 
     style="text-decoration: none; display: flex; align-items: center; justify-content: center; margin-top: 10px;">
    Jetzt bei Partner kaufen
  </a>
{% else %}
  <p style="color: red;">Bitte Link im Metafeld hinterlegen!</p>
{% endif %}
  1. Speichern. Jetzt erscheint der externe Button nur bei Produkten, bei denen Sie einen Link hinterlegt haben.

Methode 2: Den Button direkt im Code ersetzen (Für alle Produkte)

Wenn Sie alle Produkte auf eine externe Seite (oder z.B. WhatsApp/E-Mail) umleiten möchten, ist dieser Weg schneller.

  1. Gehen Sie zu Onlineshop > Themes.
  2. Klicken Sie auf die drei Punkte (...) neben „Anpassen“ und wählen Sie Code bearbeiten.
  3. Suchen Sie nach der Datei main-product.liquid oder buy-buttons.liquid (im Ordner Snippets oder Sections).
  4. Suchen Sie nach dem Tag {%- form 'product' ... -%}.
  5. Kommentieren Sie den Form-Bereich aus, indem Sie {% comment %} davor und {% endcomment %} dahinter setzen.
  6. Fügen Sie stattdessen diesen HTML-Code ein:
<a href="DEIN_EXTERNER_LINK" class="button button--full-width button--primary">
  Jetzt kaufen
</a>

Methode 3: Verwendung einer App (Die No-Code Lösung)

Falls Sie sich nicht zutrauen, den Code zu bearbeiten, gibt es spezialisierte Apps im Shopify App Store.

  • Beliebte Apps: Outlink External Links, External Buy Button oder Affiliate Hub.
  • Vorteil: Einfache Handhabung, Statistiken über Klicks.
  • Nachteil: Meistens fallen monatliche Gebühren an.

Profi-Tipp für 2025: Unterschiedliche Vorlagen nutzen

Wenn Sie manche Produkte normal über Shopify verkaufen und andere extern verlinken möchten, nutzen Sie Theme-Vorlagen:

  1. Gehen Sie im Theme Editor (Anpassen) oben auf Produkte > Vorlage erstellen.
  2. Nennen Sie diese „Externer-Link“.
  3. In dieser neuen Vorlage blenden Sie die „Kauf-Buttons“ aus und fügen den „Custom Liquid“-Block (siehe Methode 1) hinzu.
  4. Weisen Sie im Shopify-Admin beim jeweiligen Produkt unter Theme-Vorlage (rechte Spalte) die neue Vorlage „Externer-Link“ zu.

Zusammenfassung: Warum Metafelder (Methode 1) die beste Wahl sind

  • Flexibilität: Sie können pro Produkt entscheiden, wohin der Link führt.
  • Design: Der Button übernimmt automatisch das Styling Ihres Themes.
  • SEO: Keine unnötigen Redirect-Scripts, die die Ladezeit verlangsamen.
  • Zukunftssicher: Funktioniert mit allen modernen Shopify 2.0 Themes.

Haben Sie Fragen zur Anpassung des Designs (Farben, Abstände)? Schreiben Sie es einfach in die Kommentare!

0