Wichtige Erkenntnisse
- Markiere im Shopify-Seiteneditor den Text und klicke auf das Link-Symbol in der Toolbar, um einen Hyperlink hinzuzufügen.
- In den Textblöcken des Theme Editors verfügen einige über ein eigenes Link-Feld – hier ist keine Textauswahl erforderlich.
- Für die volle Kontrolle über Link-Styling und Platzierung verwende HTML-Anchor-Tags im Code-Editor oder über Fudge.
- Du kannst auf interne Seiten, Produkte, Kollektionen oder externe URLs verlinken.
Das Hinzufügen eines anklickbaren Links zu Text in Shopify hängt davon ab, wo sich dieser Text befindet. Die Methode unterscheidet sich für Seiteninhalte, Theme-Editor-Abschnitte und Code. Dieser Guide deckt alle drei Bereiche ab.
Warum du uns vertrauen kannst
Wir haben hunderte von Shopify-Storefronts erstellt und angepasst. Wir haben auch Fudge entwickelt – einen KI-Storefront-Editor mit einer 5.0-Bewertung im Shopify App Store.
So fügst du einen Link zu Text im Shopify-Seiteneditor hinzu
Dies gilt für Text in Onlineshop → Seiten oder Onlineshop → Blogbeiträge.
Schritt 1. Gehe zu Onlineshop → Seiten (oder Blogbeiträge) und öffne die Seite, die du bearbeiten möchtest.
Schritt 2. Im Inhaltsbereich markiere den Text, den du in einen Link umwandeln möchtest. Hebe ihn mit deinem Cursor hervor.
Schritt 3. Klicke auf das Link-Symbol in der Editor-Toolbar (es sieht aus wie ein Kettenglied). Ein Popup erscheint und fragt nach der URL.
Schritt 4. Gib die URL ein. Für interne Links verwende den relativen Pfad: /products/mein-produkt, /collections/sale, /pages/ueber-uns. Für externe Links verwende die vollständige URL inklusive https://.
Schritt 5. Klicke auf Anwenden oder Einfügen und speichere die Seite.
Der markierte Text ist nun ein anklickbarer Hyperlink, der im Standard-Link-Style deines Themes formatiert ist.
Wie füge ich einen anklickbaren Link in Text ein?
Wenn der Link in einem neuen Tab geöffnet werden soll, klicke auf das Link-Symbol in der Toolbar, gib die URL ein und suche nach dem Kontrollkästchen “In neuem Tab öffnen”, bevor du bestätigst. Externe Links profitieren meist davon, in einem neuen Tab geöffnet zu werden; bei internen Links ist das nicht nötig.
So fügst du einen Link zu Text im Shopify Theme Editor hinzu
Textblöcke innerhalb von Theme-Editor-Abschnitten funktionieren anders als Seiteninhalte.
Schritt 1. Gehe zu Onlineshop → Themes → Anpassen (Customize).
Schritt 2. Klicke auf den Abschnitt oder Block, der deinen Text enthält.
Schritt 3. Suche im Einstellungsbereich auf der linken Seite nach einem Link- oder URL-Feld unterhalb der Texteingabe. Manche Textblöcke haben dies, andere nicht.
Schritt 4. Gib das Linkziel ein und speichere.
Wenn ein Textblock kein Link-Feld hat, kannst du diesen spezifischen Text nicht allein über den Theme Editor in einen Hyperlink umwandeln. Dafür müsstest du ihn über den Code oder Fudge hinzufügen.
Hinweis: Rich-Text-Blöcke im Theme Editor (Abschnitte mit einem WYSIWYG-Editor) unterstützen Inline-Links – markiere den Text innerhalb des Rich-Text-Feldes und suche nach dem Link-Symbol in der Mini-Toolbar.
So fügst du einen Link zu Text mittels HTML hinzu
Für präzise Kontrolle kannst du einen HTML-Anchor-Tag direkt in deinen Shopify-Seiteninhalt oder in Theme-Dateien einfügen.
Basissyntax:
<a href="/products/mein-produkt">Kollektion shoppen</a>In einem neuen Tab öffnen:
<a href="https://example.com" target="_blank" rel="noopener">Website besuchen</a>Wo du dies verwenden kannst:
- Im Shopify-Seiteneditor: Wechsle in die HTML-Ansicht (suche nach
< >oder „HTML anzeigen“ in der Toolbar) und füge den Tag direkt ein. - In Theme-Dateien (Sections, Snippets, Templates): Bearbeite diese über Onlineshop → Themes → Aktionen → Code bearbeiten.
Verwende immer rel="noopener", wenn du mit target="_blank" auf externe URLs verlinkst.
So verlinkst du Text mit einem Produkt, einer Kollektion oder einer Seite in Shopify
Shopify-URLs folgen einem einheitlichen Muster:
| Ziel | URL-Format |
|---|---|
| Produkt | /products/produkt-handle |
| Kollektion | /collections/kollektion-handle |
| Seite | /pages/seiten-slug |
| Blog | /blogs/news |
| Blogbeitrag | /blogs/news/beitrags-slug |
| Warenkorb | /cart |
| Extern | https://ganze-url.com |
Der „Handle“ oder „Slug“ ist die URL-freundliche Version des Namens – kleingeschrieben, Bindestriche statt Leerzeichen. Du findest den Handle eines Produkts im Shopify-Admin → Produkte → Klicke auf das Produkt → schaue dir die URL oder den SEO-Bereich ganz unten an.
So fügst du einen Link zu Text in Shopify mit Fudge hinzu
Wenn du Links an Stellen benötigst, die der Theme Editor nicht nativ unterstützt – innerhalb eines benutzerdefinierten Abschnitts, in einer Tabelle oder anders gestylt als der Standard – beschreibe es Fudge:
„Füge im zweiten Absatz des Abschnitts für Produkt-Features auf meiner Homepage einen ‘Mehr erfahren’-Link hinzu, der auf /pages/so-funktioniert-es verweist.“
Fudge erstellt die Code-Änderung als Entwurf, den du überprüfen kannst, bevor sie live geht.
