Shop

Jede Closer-Website kann digitale Produkte verkaufen: Kurse, E-Books, Vorlagen, Presets, LUT-Pakete, Videodateien und alles andere, was sich als Download ausliefern lässt. Käufer zahlen per Karte über Stripe, bekommen einen Code per E-Mail und laden ihre Dateien sofort herunter.

Öffne Shop im Menü deiner Website. Es gibt vier Tabs: Produkte, Bestellungen, Gutscheine und Einstellungen und Stripe. Ein Badge oben zeigt, ob der Shop eingeschaltet ist und ob er im Modus TEST oder LIVE läuft. Solange der Shop aus ist, zeigt oben eine Leiste das mit der Schaltfläche Shop einschalten: Ein Klick schaltet ihn ein, und das Warenkorb-Symbol erscheint dann von selbst im Menü deiner Website. Der Schalter Shop eingeschaltet unter Einstellungen und Stripe wirkt ebenfalls sofort, ohne Speichern.

So kaufen deine Kunden ein

1. Der Besucher klickt bei einem Produkt auf In den Warenkorb (in einem Abschnitt Shop (Produkte) oder auf der eigenen Produktseite, /product/address).
2. Der Warenkorb öffnet sich als Seitenleiste; er kann weiter einkaufen oder zur Kasse gehen.
3. Er bezahlt auf der sicheren Checkout-Seite von Stripe.
4. Danach kommt er zurück auf deine Website, auf die Einlöseseite, wo er sieht, was er gekauft hat, und die Dateien herunterladen kann. Wählst du in Einstellungen und Stripe eine Danke-Seite nach der Zahlung, landet er stattdessen auf dieser Seite, mit dem Hinweis Zahlung erhalten, seinem Code und einem Button zu seinen Downloads.
5. Außerdem bekommt er eine E-Mail mit einem Code (etwa WRY9X-2WXKG-UTHCG) und einem Link. Mit diesem Code kann er jederzeit auf deiner Website zu /redeem zurückkehren und erneut herunterladen.

Kostenlose Produkte (Preis 0) werden sofort ausgeliefert, ohne Stripe.

Die Kauf-E-Mail wird über die E-Mail-Einstellungen deiner Website verschickt. Richte sie ein, bevor du zu verkaufen beginnst.

Schritt 1: Stripe verbinden

Du brauchst ein Stripe-Konto (stripe.com). Das Geld geht direkt auf dein Stripe-Konto.

1. Geh zu Shop → Einstellungen und Stripe.
2. Schalte Shop eingeschaltet ein. Damit erscheint der Warenkorb im Menü deiner Website und Käufe werden möglich.
3. Wähle deine Währung: EUR, USD, GBP, RSD oder CHF.
4. Öffne in Stripe Developers → API keys und kopiere den Secret key. Stripe hat getrennte Schlüssel für Test und Live: Füge den Testschlüssel unter Testschlüssel und den Live-Schlüssel unter Live-Schlüssel ein.
5. Öffne in Stripe Developers → Webhooks und füge einen Endpoint mit der Adresse hinzu, die im Closer-Bildschirm angezeigt wird (kopier sie mit dem Kopieren-Button), mit dem Ereignis checkout.session.completed. Kopiere das Signing secret (whsec_…) in Webhook-Signaturgeheimnis. Mach das sowohl im Test- als auch im Live-Modus.
6. Klicke auf Speichern und dann auf Stripe-Verbindung prüfen.

Gespeicherte Schlüssel werden als gespeichert angezeigt. Mit Gespeicherten Schlüssel löschen entfernst du einen.

Danke-Seite nach der Zahlung (optional): eine zusätzliche Seite deiner Website, die Käufer nach der Zahlung sehen, zum Beispiel /thank-you mit den nächsten Schritten oder einem Upsell. Ein Button in einem VSL-Abschnitt kann seine eigene Danke-Seite wählen. Jeder Button kann außerdem mit dem Link /buy/product-address einen Checkout starten: Das Produkt landet im Warenkorb, und der Warenkorb öffnet sich.

Die Webhook-Adresse nutzt die aktuelle Adresse deiner Website. Verbindest du später deine eigene Domain, prüf die hier angezeigte Adresse noch einmal und aktualisiere den Endpoint in Stripe.

Die Zahlung wird auch bestätigt, wenn der Käufer vom Checkout zurückkommt, Käufe funktionieren also schon, bevor der Webhook eingerichtet ist. Der Webhook ist eine Absicherung für den Fall, dass der Käufer das Fenster schließt.

Ebenfalls in diesem Tab: Mir bei jeder neuen Bestellung eine E-Mail senden (Empfänger aus Admin → E-Mail) schickt dir bei jedem Verkauf eine Benachrichtigung.

Erst testen, dann live gehen

• Wähle unter Zahlungsmodus die Option Test, solange du alles einrichtest. Im Testmodus zahlst du mit der Karte 4242 4242 4242 4242, einem beliebigen zukünftigen Datum und einer beliebigen CVC. Es fließt kein echtes Geld.
• Wenn alles funktioniert, wechsle zu Live (echte Zahlungen).

Testkäufe werden unter Bestellungen separat gezählt (Testkäufe), damit sie sich nicht mit echten Umsätzen vermischen.

Schritt 2: Produkte hinzufügen

1. Geh zu Shop → Produkte und klicke auf Neues Produkt.
2. Fülle aus:
   • Name, Kurzbeschreibung (auf der Produktkarte zu sehen) und Ausführliche Beschreibung, für jede Sprache deiner Website (die Sprache wechselst du mit den Buttons oben im Formular). Der Name in der Hauptsprache ist Pflicht.
   • Preis. 0 oder leer = kostenlos.
   • Alter Preis (optional): zeigt neben dem Preis einen Rabatt an.
   • Kategorie (optional): damit kannst du in einem Abschnitt nur bestimmte Produkte zeigen.
   • Adresse: Die Produktseite ist /product/address. Leer lassen, um sie aus dem Namen zu erzeugen.
3. Bilder (das erste ist das Titelbild): Lade ein oder mehrere Bilder hoch; sortiere sie so, dass das beste vorne steht.
4. Download-Dateien (nur für Käufer sichtbar): Klicke auf Dateien hochladen (ZIP, PDF, LUT, Video…). Jede Datei darf bis zu 100 MB groß sein. Große Dateien brauchen beim Hochladen etwas Zeit; lass die Seite geöffnet.
   • Oder füge einen Link hinzu statt einer Datei (Google Drive, Dropbox, WeTransfer…): Füge eine Adresse ein, die mit https:// beginnt, gib ihr einen Namen und klicke auf Link hinzufügen. Ideal für Dateien über dem Upload-Limit. Nach dem Kauf sehen Käufer ihn auf ihrer Download-Seite, und Öffnen bringt sie dorthin.
   • Hochgeladene Dateien zählen zu deinem Speicher, der unter der Schaltfläche steht (zum Beispiel Speicher: 120 MB von 300 MB belegt · Größte Datei: 100 MB). Links belegen keinen Speicher.
5. Schalte Im Shop sichtbar ein (und Hervorgehoben, wenn du es hervorheben willst).
6. Klicke auf Produkt speichern.

In der Produktliste ziehst du am Griff, um die Reihenfolge festzulegen, in der die Produkte auf deiner Website erscheinen. Löschen entfernt ein Produkt mit seinen Dateien; wer es gekauft hat, kann es danach nicht mehr herunterladen.

Download-Dateien sind privat. Niemand kann sie ohne den Code einer bezahlten Bestellung öffnen.

Zahl, was du willst

Schalte im Produktformular Zahl, was du willst ein, damit Käufer ihren Preis selbst wählen. Der Preis wird zum vorgeschlagenen Betrag, mit dem der Warenkorb startet, und der Mindestpreis ist der niedrigste Betrag, den ein Käufer eingeben kann (0 oder leer heißt, er kann das Produkt auch kostenlos bekommen). Auf deiner Website steht beim Preis Zahl, was du willst, und im Warenkorb tippt der Käufer den Betrag neben dem Produkt ein.

Order Bump: „zur Bestellung hinzufügen“ im Warenkorb

Ein Order Bump ist ein kleines Zusatzangebot im Warenkorb mit einer Checkbox, zum Beispiel „Ja, das Bonuspaket für nur 9 € hinzufügen“. Ein Klick fügt das Produkt zur Bestellung hinzu, das Abhaken entfernt es wieder.

1. Öffne das Produkt, das das Angebot auslösen soll (zum Beispiel deinen Hauptkurs).
2. Wähle unter Order Bump das Angebotene Produkt.
3. Schreib optional den Angebotstext in jeder Sprache. Lass ihn leer, damit „Ja, [Produkt] zur Bestellung hinzufügen“ angezeigt wird.
4. Klicke auf Produkt speichern.

Immer wenn dieses Produkt im Warenkorb liegt, erscheint das Angebot unter den Artikeln, mit Namen und Preis des angebotenen Produkts. Gute Bumps sind günstig, passend und sofort nützlich: ein Vorlagenpaket, eine Checkliste, ein Bonusvideo.

Schritt 3: Produkte auf deiner Website zeigen

1. Öffne den Editor.
2. Klicke im Tab Hinzufügen unter Fertige Abschnitte auf Shop (Produkte).
3. Lege den Titel fest, den Button-Text (standardmäßig In den Warenkorb), den Text, wenn keine Produkte vorhanden sind, und optional Nur diese Kategorie (leer = alle Produkte), um nur eine Kategorie zu zeigen.
4. Wähle unter Aussehen die Spaltenanzahl und die Bildform.
5. Veröffentliche.

Du kannst mehrere Shop-Abschnitte hinzufügen, zum Beispiel einen pro Kategorie auf verschiedenen Seiten. Auf ein einzelnes Produkt verlinkst du von jedem Button aus mit /product/address.

Gutscheine (Rabattcodes)

Shop → Gutscheine enthält Rabattcodes, die Käufer im Warenkorb eingeben (Rabattcode → Einlösen).

1. Klicke auf Neuer Gutschein. Ein zufälliger Code wird vorgeschlagen; ändere ihn in etwas Einprägsames wie SPRING25. Groß- und Kleinschreibung spielt bei Codes keine Rolle.
2. Wähle die Rabattart: Prozent (zum Beispiel 20) oder Fester Betrag (zum Beispiel 5.00 in deiner Shop-Währung).
3. Optionale Grenzen:
   • Mindestbestellwert: Der Warenkorb muss mindestens so viel wert sein.
   • Maximale Einlösungen: wie viele bezahlte Bestellungen den Code nutzen können. Der Zähler steigt, wenn eine Bestellung bezahlt wird.
   • Gültig ab / Gültig bis: Der Code funktioniert nur zwischen diesen Tagen (einschließlich).
   • Nur für diese Produkte: Der Rabatt wird nur auf die angehakten Produkte berechnet. Ist nichts angehakt, gilt er für den ganzen Warenkorb.
4. Lass Aktiv eingeschaltet und klicke auf Gutschein speichern.

Die Liste zeigt jeden Code mit seinem Rabatt, den Einlösungen (zum Beispiel 3 / 10 Einlösungen) und ob er Abgelaufen oder Aufgebraucht ist. Mit dem Schalter deaktivierst du einen Code, ohne ihn zu löschen.

Was Käufer sehen:

• Ein falscher, inaktiver, abgelaufener, aufgebrauchter Code oder ein zu kleiner Bestellwert zeigt eine klare Meldung im Warenkorb, in der Sprache des Käufers.
• Mit einem gültigen Code zeigt der Warenkorb Zwischensumme, Rabatt und die neue Summe.
• Auf der Stripe-Zahlungsseite erscheint der Rabatt als eigene Zeile mit dem Namen des Codes, und der Käufer zahlt genau die Summe aus dem Warenkorb. (Closer erstellt einen einmaligen Stripe-Gutschein über genau diesen Betrag, du musst in Stripe also nichts einrichten.)
• Ein Code, der die Summe auf 0 bringt (zum Beispiel 100 %), liefert die Bestellung sofort aus, ohne Stripe.
• Der Rabatt wird bei der Bestellung unter Bestellungen, auf der Download-Seite des Käufers und in der Kauf-E-Mail angezeigt.

Hört ein Code auf zu funktionieren, während ein Käufer bezahlt (er läuft ab oder erreicht sein Maximum), entfernt der Warenkorb ihn und zeigt die neue Summe, bevor jemand bezahlt.

Bestellungen

Shop → Bestellungen listet jede Bestellung mit E-Mail des Käufers, Produkten, Summe und Status. Oben siehst du Umsatz (live), Bezahlte Bestellungen, Warten auf Zahlung und Testkäufe.

• Suche nach E-Mail, Name oder Code… und filtere nach Status.
• Status: Wartet auf Zahlung, Bezahlt, Erstattet, Storniert.
• Öffne eine Bestellung, um den Code zu sehen, wann sie bezahlt wurde, den verwendeten Rabattcode (falls vorhanden) und die Downloads (wie oft Dateien heruntergeladen wurden).
• Code erneut senden schickt dem Käufer die Kauf-E-Mail noch einmal, zum Beispiel wenn er sie verloren hat.
• Einlöseseite öffnet die Download-Seite des Käufers.
• Interne Notizen sind nur für dich.

Erstattungen

Erstatte die Zahlung in deinem Stripe-Dashboard, öffne dann die Bestellung in Closer und setze den Status auf Erstattet. Der Käufer verliert danach den Zugriff auf die Downloads.

Tipps

• Nutze klare Titelbilder im gleichen Format für alle Produkte, damit der Shop aufgeräumt aussieht.
• Schreib einen kurzen, konkreten Nutzen in die Kurzbeschreibung: Das ist es, was die Leute auf der Karte lesen.
• Kombiniere den Shop bei Launches mit einem Abschnitt Countdown oder VSL-Video und einem zeitlich begrenzten Gutschein.
• Schick bezahlte Bestellungen mit Integrationen (Webhooks) an deine anderen Tools.
• Mach im Modus Test einen kompletten Testkauf, inklusive E-Mail und Download, bevor du auf Live umstellst.