Wie man Produkte in Shopify nur zur Ansicht macht und werden ChatGPT/Gemini Einkaufsfunktionen indexieren?

In Shopify ist der einfachste Weg, deinen Shop in eine "Nur-Katalog"-Website (nur zur Ansicht) umzuwandeln — wo Kunden Produktdetails sehen, aber nicht zum Warenkorb hinzufügen oder den Kauf abschließen können — eine spezielle "Katalogmodus"-App zu installieren oder dein Theme so anzupassen, dass Preise, "In den Warenkorb"-Buttons und der Warenkorb selbst ausgeblendet sind.
Checkliste für den Nur-Ansicht-Katalog in Shopify
1. Definiere dein Nur-Katalog-Szenario
- Identifiziere den Hauptanwendungsfall (z.B. B2B/Großhandel, Verkaufsvorschau, virtueller Showroom, Teaser für neue Produkte, exklusiv für Mitglieder, regulatorische Darstellung).
- Definiere den gewünschten Benutzerfluss (z.B. Durchsuchen → Angebot anfordern, Durchsuchen → Showroom-Termin, Durchsuchen → Mitglieder-Login).
2. Wähle deine Implementierungsmethode
- App: Recherchiere und installiere eine "Katalogmodus"-App (ohne Code).
- Easy Catalog by HulkApps
- Catalog Mode by Supple
- Shopify Catalog (Booster Apps)
- Manuell: Dupliziere dein aktives Theme vor dem Bearbeiten.
- Online-Shop ▶ Themes ▶ Aktionen ▶ Duplizieren
3. Kaufelemente durch Theme-Code ausblenden
- In
sections/product-form.liquid
odertemplates/product.liquid
:- Kommentiere/entferne den Block .
- Kommentiere/entferne
{{ product.price | money }}
.
- In
sections/header.liquid
:- Kommentiere/entferne die Zeile ...Warenkorb-Symbol....
- Erstelle oder bearbeite
templates/cart.liquid
, um/cart
zurück zur Startseite (oder einer anderen Seite) umzuleiten.
4. Schneller CSS-"Hack"
- Füge zu
Assets/base.css
(odertheme.css
) hinzu:.template-product .product__form, .template-product .price { display: none !important; } .header__cart { display: none !important; }
- Speichere und überprüfe auf mehreren Seiten/Geräten.
5. Optional: Schütze den Checkout mit Passwort
- Online-Shop ▶ Einstellungen ▶ Passwortschutz ▶ Passwort aktivieren
- Teile das Passwort nur mit autorisierten Benutzern.
6. SEO bewahren und verbessern
- Stelle sicher, dass alle Produktseiten öffentlich crawlbar bleiben (kein siteweites Passwort).
- Behalte oder füge den JSON-LD
@type: Offer
-Block mitprice
undavailability
wieder hinzu. - Bewahre einzigartige Titel, Meta-Beschreibungen und reichhaltigen Inhalt (Bilder, Spezifikationen, Bewertungen).
7. Integration mit KI-Shopping-Plattformen
- Reiche Produkt-Feeds ein bei:
- OpenAI Merchant Onboarding (für ChatGPT Shopping).
- Google Merchant Center (für Google Shopping/Gemini).
- Überprüfe, dass Offer-strukturierte Daten auf deinen Seiten verbleiben.
8. Alternative Konversionspfade optimieren
- Füge prominente "Angebot anfordern"- oder "Kontaktiere uns"-Buttons/Formulare hinzu.
- Integriere Live-Chat oder Lead-Capture-Apps.
- Richte E-Mail-Benachrichtigungen oder CRM-Integration für eingehende Anfragen ein.
9. Testen und Überwachen
- Crawle deine Seite mit einem Tool (z.B. Screaming Frog), um zu bestätigen, dass Preise/Buttons versteckt, aber Seiten indexierbar sind.
- Verwende Googles Rich Results Test, um strukturierte Daten zu überprüfen.
- Überprüfe das Erscheinungsbild der Seite in ChatGPT/Gemini-Shopping-Panels (falls möglich).
- Überwache Analytics für Absprungraten, Verweildauer und Lead-Konversionen.
1. Verwende eine "Katalogmodus"-App (kein Code erforderlich)
Es gibt mehrere kostenlose oder kostengünstige Apps im Shopify App Store, die Preise und Kaufbuttons auf der gesamten Website sofort ausblenden. Beliebte Optionen sind:
- Easy Catalog by HulkApps
- Catalog Mode by Supple
- Shopify Catalog (by Booster Apps)
Einfach:
- Gehe zu Apps → Besuche den Shopify App Store.
- Suche nach "catalog mode".
- Installiere die App deiner Wahl und folge der Bildschirmkonfiguration, um Preise, Varianten, Warenkorb und Checkout-Buttons auszublenden.
2. Manuelle Theme-Anpassung (keine Apps, leichter Code)
Warnung: Dupliziere immer dein aktives Theme vor dem Bearbeiten.
- Online-Shop ▶ Themes ▶ Aktionen ▶ Duplizieren
2.1 "In den Warenkorb"-Formular und Preis über theme.liquid ausblenden
- Gehe zu Online-Shop ▶ Themes ▶ Aktionen ▶ Code bearbeiten.
- Öffne in der Dateiliste deine Produktvorlage, für Dawn-basierte Themes befindet sie sich unter sections/product-form.liquid (oder templates/product.liquid).
- Finde den Block, der mit Folgendem beginnt:
<form ... id="AddToCartForm">
...
<button type="submit" ...>{{ 'products.product.add_to_cart' | t }}</button>
</form>
- Kommentiere ihn aus (oder entferne ihn):
{%- comment -%}
<form ...>…</form>
{%- endcomment -%}
- In derselben Datei, finde, wo der Preis gerendert wird:
{{ product.price | money }}
- Speichern.
2.2 Warenkorb-Symbol entfernen und Warenkorb-Seite deaktivieren
- Noch im Code-Editor, öffne deinen Header-Snippet (oft sections/header.liquid).
- Kommentiere oder entferne die Zeile
<a href="/cart">…Warenkorb-Symbol…</a>
. - Um zu verhindern, dass jemand versehentlich auf /cart zugreift, kannst du eine Umleitung einrichten:
- Erstelle templates/cart.liquid (falls nicht vorhanden) mit:
{% comment %}
Nur-Katalog-Shop: Warenkorb deaktiviert.
{% endcomment %}
<script>window.location.href = '/';</script>
- Speichern.
3. Schneller CSS-"Hack" (wenn dein Theme das Formular/den Preis in identifizierbaren Klassen umschließt)
Wenn du diese Elemente ausblenden möchtest, ohne Liquid zu berühren, füge Folgendes zu Assets/base.css (oder theme.css, component-product.css usw.) hinzu:
/* "In den Warenkorb"-Formular und Preis auf Produktseiten ausblenden */
.template-product .product__form,
.template-product .price {
display: none !important;
}
/* Warenkorb-Symbol auf der gesamten Website ausblenden */
.header__cart {
display: none !important;
}
Speichern und in deinem Shop testen.
4. (Optional) Checkout mit Passwort schützen
Wenn du möchtest, dass Besucher browsen können, aber nur du (oder ausgewählte Personen) Bestellungen aufgeben können, kannst du den gesamten Shop (einschließlich Checkout) mit einem Passwort schützen unter: Online-Shop ▶ Einstellungen ▶ Passwortschutz ▶ Passwort aktivieren.
Wer würde "Wie man Produkte in Shopify nur zur Ansicht macht" nützlich finden?
B2B/Großhandelskatalog
Viele Großhändler oder Distributoren müssen nur Produkte und Spezifikationen für bestimmte Kunden (z.B. Einzelhändler, Wiederverkäufer) anzeigen, während tatsächliche Angebote und Bestellungen offline über Verträge oder E-Mail abgewickelt werden. Der "Nur-Ansicht"-Modus verhindert versehentliche Käufe und vermeidet öffentliche Preise, die einen Preiskampf auslösen könnten.
Online-Vorschau vor persönlichem oder telefonischem Verkauf
Bevor sie einen Kunden besuchen oder anrufen, lässt das Verkaufsteam sie online durch vollständige Produktbilder, Spezifikationen, Zubehör usw. browsen und leitet sie dann an, offline zu bestellen oder ein Angebot zu senden. Kunden können direkt eine Angebotsanfrage (Lead) für den Vertriebsmitarbeiter erstellen, anstatt durch den Einkaufswagen zu gehen.
Virtueller Showroom/Musterausstellung
Verlagerung eines physischen Showrooms ins Internet, damit Menschen, die nicht persönlich besuchen können, neue Produkte und Kollektionen sehen können; das tatsächliche Erlebnis oder der Kauf findet weiterhin offline in einem Geschäft oder Showroom statt.
Website-Wartung oder Teaser für neue Produkte
Während der Website-Entwicklung oder vor dem Launch eines neuen Produkts möchtest du möglicherweise nur Produktinformationen, Bilder, Materialien und Prozesse zeigen und Benutzern ermöglichen, sich für eine Launch-Benachrichtigung anzumelden, anstatt sofort zu kaufen.
Privater/exklusiver Mitgliederzugang
Einige Marken möchten Produkte vor Nicht-Mitgliedern "verstecken"; erst nach dem Login können Benutzer Preise und den "In den Warenkorb"-Button sehen. Dieser "Sehen vor dem Kaufen"-Ansatz fördert auch die Benutzerregistrierung oder Mitgliedschaftsanfragen.
Regulatorische oder Compliance-Anforderungen
In einigen Ländern oder für bestimmte Produkte (z.B. medizinische Geräte, kundenspezifische Produkte) sind direkte Online-Transaktionen nicht erlaubt; Offline-Prüfung oder Vertragsunterzeichnung ist erforderlich. Du kannst nur Informationen anzeigen, und die spezifische Beschaffung folgt einem designierten Prozess.
Wird dies beeinflussen, wie KI-Chatbots wie ChatGPT oder Gemini Websites crawlen und indexieren, insbesondere für Einkaufsfunktionen?
Hätte dies Auswirkungen auf wichtige KI-Systeme wie ChatGPT, Gemini, Grok oder Claude? Würden diese Chatbots solche Websites weniger häufig crawlen und indexieren? Besonders jetzt, da ChatGPT angekündigt hat, Einkaufsfunktionen einzubauen.
Für herkömmliche KI-Chatbots hindert das Ausblenden des "Kaufen"-Buttons auf deinen Produktseiten nicht daran, deine Inhalte zu crawlen, zu verstehen oder zusammenzufassen. Wenn du jedoch möchtest, dass sie deine Produkte aktiv innerhalb ihrer Einkaufsfunktionen empfehlen oder einbinden, musst du zusätzliche strukturierte Daten bereitstellen und dich mit den jeweiligen Händlerplattformen integrieren.
6.1 ChatGPT-Einkaufsfunktion
OpenAI hat kürzlich ein "konversationelles Einkaufen"-Modul in ChatGPT eingebaut, das es Benutzern ermöglicht, Produktempfehlungen, Preisvergleiche und Kaufbuttons direkt im Chat zu erhalten und dann zur Abwicklung der Bestellung auf die Website des Händlers weitergeleitet zu werden.
- Funktionsweise: Es crawlt nicht einfach Webseiten — es stützt sich auf Metadaten von Drittanbietern (z.B. Shopping-Plattform-APIs, strukturierte JSON-LD-Daten) und redaktionelle Quellen, um Empfehlungen zu generieren.
- Auswirkung: Wenn deine Produktseite nur Frontend-Inhalte anzeigt (mit ausgeblendetem Preis und "In den Warenkorb"), und du keinen Produkt-Feed an OpenAI sendest oder keinen strukturierten Offer-Datenblock auf der Seite beibehältst, wird das ChatGPT-Shopping-Panel deine Artikel nicht als kaufbar auflisten.
6.2 Google Gemini + Google Shopping
Die nächste Generation der Einkaufserfahrung von Google nutzt das Gemini-Modell in Kombination mit seinem "Shopping Graph", um personalisierte Empfehlungen zu liefern.
- Abhängigkeit: Google Merchant Center-Feed — Händler müssen ihre Produktdaten in das Merchant Center hochladen und pflegen.
- Folge: Wenn deine Seite nur als "Nur-Ansicht-Katalog" funktioniert und du deine Produkte nicht an das Merchant Center übermittelt hast, wird Google Shopping (und jede Gemini-gesteuerte Einkaufszusammenfassung) deine Angebote nicht erfassen, sodass sie nicht in KI-Einkaufskarten erscheinen werden.
6.3 Grok (xAI) und andere Allzweckmodelle
Laut einem aktuellen Experiment fungieren Modelle wie ChatGPT, Gemini, Claude von Anthropic und Rufus von Amazon derzeit eher als "erweiterte Suchmaschinen plus Zusammenfasser" denn als automatisierte Einkaufsbots.
- Sie analysieren den Seitentext, vergleichen Produkteigenschaften und aggregieren Benutzerbewertungen, erfordern aber immer noch, dass ein Mensch Kauflinks bereitstellt und Transaktionen abschließt.
- Schlussfolgerung: Das Ausblenden des "Kaufen"-Buttons wird ihre Fähigkeit, deine Inhalte zu crawlen oder zu verstehen, nicht beeinträchtigen, noch wird es sie dazu bringen, einen Kauf über deine Website zu initiieren.
6.4 Claude und andere
Claude von Anthropic enthält noch kein integriertes Shopping-Plugin wie ChatGPT oder Google Shopping — es antwortet hauptsächlich über Konversationsschnittstellen und optionale Echtzeit-Abrufschnittstellen. Das Entfernen von Frontend-Kauffunktionen hindert Claude nicht daran, deine Produktinformationen zu crawlen und zusammenzufassen. Wenn du jedoch irgendwann Claude in "Einkaufsempfehlungs"- oder "Sprachassistenten"-Szenarien verwenden möchtest, musst du trotzdem einen Händler-Feed bereitstellen oder eine Zwischenschicht aufbauen, die Kauflinks liefert.
6.5 Empfehlungen:
- Strukturierte Daten beibehalten: Selbst wenn du Preise ausblendest, behalte einen @type: Offer-Block mit Preis und Verfügbarkeit in deinem JSON-LD bei, damit sowohl KI-Systeme als auch Suchmaschinen die Seite als Produkt erkennen können.
- Integration mit Händlerplattformen: Um in ChatGPT, Google Shopping und anderen KI-Shopping-Panels zu erscheinen, reiche die offiziellen Feeds ein (über das OpenAI Merchant Onboarding-Formular, Google Merchant Center, usw.).
- Benutzerfluss optimieren: Füge in einer "Nur-Ansicht"-Konfiguration deutliche "Angebot anfordern"- oder "Kontaktiere uns"-Buttons hinzu, um Leads zu erfassen und zu vermeiden, potenzielle Conversions zu verlieren.