Checkout Page MCP

offiziell

Lassen Sie KI-Clients Zahlungen zu Ihrer Website hinzufügen. Erstellen Sie Checkout-Seiten, Events und Formulare und binden Sie sie in Minuten in Ihre Website ein.

Was kann man mit Checkout Page MCP machen?

  • Checkout-Seiten erstellen — Checkout-Seiten mit Preisen, Beschreibungen und Gutscheinfeldern über create_checkout_page und update_checkout_page erstellen, bearbeiten und auflisten.
  • Veranstaltungen und Tickets einrichten — Veranstaltungen mit Ticketgruppen, Ticketarten und Preisen erstellen und sie bei Änderungen im Verkauf aktualisieren oder archivieren.
  • Formulare und Fragen erstellen — Anmeldeformulare erstellen und Fragen mit create_form und create_field hinzufügen, bearbeiten oder entfernen.
  • Zusatzangebote und Gutscheine hinzufügen — Zusatzangebote wie einen Parkausweis anbieten, neu anordnen und Rabattcodes wie einen Gutschein mit 20 % Rabatt erstellen.
  • Seiten gestalten und einbetten — Seiten mit Markenthemes versehen und mit add_to_website einbettbaren Code für Einbettungen, Pop-ups oder Links zum direkten Einfügen erhalten.
  • Verkäufe und Kunden nachschlagen — Zahlungen, Abonnements, Buchungen, Formulareinsendungen und Kundendatensätze finden, um Fragen zur Abrechnung zu beantworten.

Dokumentation

Checkout-Seiten, Events und Formulare mit deinem KI-Tool erstellen – mit dem offiziellen Checkout Page MCP-Server

Mit dem Checkout Page MCP-Server können KI-Tools wie Claude, ChatGPT und Cursor Checkout-Seiten, Events und Formulare in deinem Checkout Page-Konto erstellen. Beschreibe in einfachen Worten, was du verkaufst. Deine KI erstellt die Seite, bearbeitet sie auf deine Anweisung hin und fügt sie deiner Website hinzu.

Der Server basiert auf dem Model Context Protocol, einem offenen Standard, der KI-Assistenten mit den Tools und Daten verbindet, die sie benötigen.

Erstellst du eine Website mit KI? Erfahre, wie Checkout Page Zahlungen zu KI-erstellten Websites hinzufügt.

Die Server-URL lautet:

https://mcp.checkoutpage.com

Was kann das Checkout Page MCP?

Nach der Verbindung kannst du dein KI-Tool beispielsweise bitten:

  • „Erstelle eine Checkout-Seite namens ‚Spring Workshop‘ zum Preis von 99 $.“
  • „Richte ein Event für unsere Gala im Mai ein, mit Early-Bird-Tickets für 40 $ und Standard-Tickets für 60 $, begrenzt auf 200 Plätze.“
  • „Erstelle ein Anmeldeformular für das Webinar im Mai. Erfasse Name, E-Mail-Adresse und die gewünschte Session.“
  • „Füge dem Gala-Event eine Frage zu Ernährungsbedürfnissen hinzu.“
  • „Biete beim Gala-Event einen Parkausweis für 15 $ als Zusatzoption an.“
  • „Erstelle einen Rabattgutschein über 20 % namens SPRING20, der am 31. Mai abläuft.“
  • „Passe die Seite für den Spring Workshop an unsere Marke an: dunkelgrüne Schaltflächen und eine Serifenschrift für Überschriften.“
  • „Füge den Checkout für den Spring Workshop als Popup-Schaltfläche zum Preisbereich der Website hinzu, die wir gerade erstellen.“
  • „Zeige mir die letzten 10 Anmeldungen für das Webinar im Mai.“

Deine KI verwendet die folgenden Tools, um deine Checkout-Seiten, Events und Formulare zu erstellen und zu ändern.

Verfügbare Tools

Was du tun kannstTools
Checkout-Seiten erstellencreate_checkout_page, update_checkout_page, get_checkout_page, list_checkout_pages
Events und Tickets erstellencreate_event, update_event, get_event, list_events, create_ticket_group, update_ticket_group, archive_ticket_group, create_ticket_type, update_ticket_type, archive_ticket_type
Formulare erstellencreate_form, update_form, get_form, list_forms
Fragen zu einer Seite hinzufügencreate_field, update_field, delete_field
Produkte einrichtencreate_product, update_product, delete_product, get_product, list_products
Order Bumps und Zusatzoptionen anbietencreate_order_bump, update_order_bump, delete_order_bump, reorder_order_bumps, list_order_bumps
Gutscheine erstellencreate_coupon, update_coupon, list_coupons
Steuern berechnencreate_tax_rate, list_tax_rates
Seiten mit Themes gestaltencreate_theme, update_theme, delete_theme, get_theme, list_themes, list_theme_properties
Bilder und Dateien hochladenupload_file
Eine Seite auf deiner Website einbindenadd_to_website: direkt einfügbarer Code für ein Embed, eine Popup-Schaltfläche oder einen Link
Zahlungen und Abonnements nachschlagenlist_payments, get_payment, list_subscriptions, get_subscription, list_subscription_payments, get_subscription_payment, prepare_subscription_cancellation
Buchungen und Teilnehmende nachschlagenlist_bookings, get_booking, create_booking, list_tickets, update_ticket
Formularübermittlungen nachschlagenlist_submissions, get_submission
Kunden und Rechnungen nachschlagenlist_customers, get_customer, update_customer, list_invoices, get_invoice, regenerate_invoice
Events an deinen eigenen Server sendencreate_webhook, update_webhook, delete_webhook, get_webhook, list_webhooks

prepare_subscription_cancellation kündigt nichts. Es prüft das Abonnement und gibt dir den Dashboard-Link, über den du es selbst kündigen kannst. create_booking stellt echte Tickets aus und versendet die Bestätigungs-E-Mail, ohne eine Kartenzahlung einzuziehen.

Bevor du loslegst

Du benötigst ein Checkout Page-Konto. Der MCP-Server verwendet OAuth, daher musst du keine API-Schlüssel kopieren oder einfügen. Bei der ersten Verbindung führt dich dein KI-Tool durch eine Anmeldung mit nur einem Klick.

Dein KI-Tool verbinden

Jedes KI-Tool hat einen eigenen Einstellungsbildschirm zum Hinzufügen eines Connectors. Wähle unten dein Tool aus. Die Schritte dauern etwa eine Minute. Probiere nach der Verbindung die Testanfrage am Ende des jeweiligen Abschnitts aus, um sicherzustellen, dass alles funktioniert.

ChatGPT

Checkout Page ist im ChatGPT-Plugin-Verzeichnis verfügbar:

  1. Öffne das Checkout Page-Plugin in ChatGPT.
  2. Klicke auf Connect und melde dich dann bei Checkout Page an.

Oder füge es im Entwicklermodus als benutzerdefinierten Connector hinzu:

  1. Öffne ChatGPT.com und gehe zu Settings → Security and login. Aktiviere Developer mode.
  2. Schließe die Einstellungen und gehe zu chatgpt.com/plugins.
  3. Klicke oben rechts auf +.
  4. Gib Folgendes ein:
  5. Aktiviere I understand and want to continue.
  6. Klicke auf Create und folge dann dem Checkout Page OAuth-Ablauf, um die Verbindung herzustellen.
  7. Starte einen neuen Chat.
  8. Klicke auf + und suche nach Checkout Page.

Teste es: Frage: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“

Claude

  1. Öffne Claude und gehe zu Settings → Connectors.
  2. Klicke auf Add custom connector.
  3. Gib Folgendes ein:
  4. Klicke auf Add und dann beim Connector Checkout Page auf Connect. Melde dich anschließend an.

Teste es: Frage: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“

Cursor

Am schnellsten geht es mit der Installation per Klick:

Oder füge den Server manuell hinzu:

  1. Öffne Cursor und gehe zu Settings → MCP.
  2. Klicke auf Add new MCP server.
  3. Gib Folgendes ein:
  4. Klicke auf Save und melde dich dann über die OAuth-Abfrage an.

Teste es: Frage im Cursor-Chat: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“

VS Code

GitHub Copilot Chat und die offizielle MCP-Erweiterung unterstützen beide unseren Server.

  1. Öffne VS Code und führe den Befehl MCP: Add Server über die Befehlspalette aus (Cmd/Ctrl + Shift + P).
  2. Wähle HTTP.
  3. Gib die URL ein: https://mcp.checkoutpage.com
  4. Vergib den Namen: checkoutpage
  5. Melde dich über die OAuth-Abfrage an, die sich in deinem Browser öffnet.

Teste es: Frage in Copilot Chat: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“

Codex

Mit einem einzigen Befehl fügst du den Server in der Codex CLI hinzu und startest die Anmeldung:

codex mcp add checkoutpage --url https://mcp.checkoutpage.com

Oder füge ihn in der Codex-App hinzu:

  1. Öffne Codex und gehe zu Settings → MCP servers.
  2. Klicke auf + Add server.
  3. Wähle Streamable HTTP als Transport aus.
  4. Gib Folgendes ein:
  5. Klicke auf Save und melde dich dann über die OAuth-Abfrage an.

Teste es: Frage: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“

Claude Code

In zwei Schritten: Füge den Server hinzu und melde dich dann in Claude Code an.

claude mcp add --transport http checkoutpage https://mcp.checkoutpage.com

Starte anschließend eine Sitzung:

claude

In der Sitzung:

  1. Gib /mcp ein.
  2. Markiere mit den Pfeiltasten checkoutpage und drücke die Eingabetaste.
  3. Wähle authenticate und folge der OAuth-Abfrage.

Teste es: Frage: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“

Lovable

  1. Öffne in Lovable Connectors und wähle die Schaltfläche + aus.
  2. Wähle MCP server.
  3. Gib Folgendes ein:
  4. Lass OAuth ausgewählt, klicke auf Add & authorize und melde dich dann bei Checkout Page an.

Teste es: Frage: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“

Cline

  1. Klicke im Cline-Bereich in der oberen Symbolleiste auf das Symbol MCP Servers.
  2. Öffne den Tab Remote Servers.
  3. Gib Folgendes ein:
  4. Klicke auf Add Server. Cline öffnet den Tab Configure.
  5. Klicke beim Server checkoutpage auf Authenticate und melde dich dann in deinem Browser bei Checkout Page an.

Teste es: Frage in Cline: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“

Andere KI-Tools

Jeder Client mit MCP-Unterstützung kann sich über OAuth mit https://mcp.checkoutpage.com verbinden. Wenn dein Tool nach einem Transport fragt, wähle Streamable HTTP. Die meisten Clients akzeptieren diese Konfiguration:

{
  "mcpServers": {
    "checkoutpage": {
      "url": "https://mcp.checkoutpage.com"
    }
  }
}

Beispielanfragen

Ein neues Produkt auf den Markt bringen

Du bereitest einen neuen Workshop vor und möchtest innerhalb weniger Minuten eine Checkout-Seite und einen Frühbucherrabatt veröffentlichen.

Füge dies in dein KI-Tool ein:

Create a checkout page called "Pricing Strategy Workshop" priced at $199. Write a confident product description (3–4 sentences) that pitches a half-day workshop for founders and product leaders who want to raise prices without losing customers. Turn on the coupon code field so customers can apply discounts. Then create a coupon code EARLYBIRD that takes 20% off and expires May 15. Send me both the checkout URL and the coupon code when you're done.

Der Assistent ruft create_checkout_page auf (mit einer Beschreibung und aktiviertem Gutscheinfeld), dann create_coupon und gibt die aktive Checkout-URL sowie den Rabattcode zurück.

Dasselbe Vorgehen funktioniert für jedes neue Angebot: einen Kursstart, eine Beta-Anmeldeseite oder eine zeitlich begrenzte Aktion.

Ein Event mit Tickets einrichten

Du veranstaltest eine Gala und möchtest den Ticketverkauf noch heute starten – mit einem Frühbucherpreis und einer Frage an jeden Gast.

Füge dies in dein KI-Tool ein:

Create an event called "Spring Gala" on May 16 at 7:00 PM at the Riverside Hall. Add two ticket types: "Early bird" at $40 and "Standard" at $60, with 200 tickets in total. Ask each guest for their dietary needs. Write a short, warm description of the evening, then send me the event link.

Der Assistent ruft create_event mit der Ticketgruppe, beiden Ticketarten und der Frage zu Ernährungsbedürfnissen auf und gibt den aktiven Event-Link zurück. Bitte ihn später, eine Ticketart hinzuzufügen, einen Preis zu ändern oder den Frühbucherverkauf vorzeitig zu beenden. Dafür ruft er update_event oder update_ticket_type auf.

Einen Checkout zu einer Website hinzufügen, die du gerade erstellst

Du erstellst eine Website mit einem KI-Tool wie Lovable, Bolt, v0, Cursor oder Claude Code und möchtest, dass Besucher direkt auf der Seite einkaufen können.

Füge dies in dein KI-Tool ein:

Create a checkout page called "Pricing Strategy Workshop" priced at $199, then add it to the pricing section of this website as an inline embed.

Der Assistent ruft create_checkout_page und anschließend add_to_website auf und fügt den Embed-Code in deine Website ein. Wenn die Website mit React erstellt wurde, verwendet er eine React-Komponente, andernfalls einfaches HTML. Bitte stattdessen um eine Popup-Schaltfläche, wenn Kunden erst nach einem Klick die Seite verlassen sollen.

Deinen Checkout testen

Vor dem Start möchtest du selbst über deinen Checkout einkaufen und genau sehen, was Kunden erhalten – ohne zu bezahlen.

Füge dies in dein KI-Tool ein:

Test my "Pricing Strategy Workshop" checkout page in Checkout Page test mode. Put the page in test mode, open it in the browser and buy it with the test card 4242 4242 4242 4242 and a new email address. Then find the test payment it created and check that it's marked livemode false. Switch test mode back off when you're done, and tell me what you bought and what you found.

Der Assistent ruft list_checkout_pages auf, um die Seite zu finden, und update_checkout_page mit testmode: true. Er bezahlt im Browser, ruft list_payments mit livemode: false auf, um die Testzahlung zu finden, und ruft dann erneut update_checkout_page auf, um den Testmodus auszuschalten.

Dasselbe Vorgehen funktioniert für ein Event oder Formular sowie zum Prüfen, ob ein Webhook oder eine Integration ausgelöst wird, bevor du dich darauf verlässt.

Eine Frage eines Kunden zur Abrechnung beantworten

Ein Kunde fragt per E-Mail, wann die nächste Zahlung fällig ist. Du möchtest in wenigen Sekunden einen Antwortentwurf erstellen, den du zurücksenden kannst.

Füge die Frage in dein KI-Tool ein:

A customer named Jane Smith (jane@example.com) just emailed asking: "When is my next payment, and how much will I be charged?" Look up her account in Checkout Page, find her active subscription, and draft a friendly reply I can send back. Include the next billing date and the amount.

Der Assistent ruft list_customers auf, um Jane anhand ihrer E-Mail-Adresse zu finden, und anschließend list_subscriptions, um ihren aktiven Tarif abzurufen. Danach erstellt er einen versandfertigen Antwortentwurf mit dem nächsten Abrechnungsdatum und dem Betrag.

Dasselbe Vorgehen funktioniert für Rückerstattungsanfragen, das erneute Versenden von Belegen oder andere einmalige Supportfragen, für die Kontoinformationen benötigt werden.

Tipps für bessere Ergebnisse

  • Bitte die KI, Texte für dich zu verfassen: Produkttitel, Beschreibungen und Bestätigungsnachrichten. Andernfalls bleiben Seiten leer oder wirken allgemein.
  • Nenne ausdrücklich Einstellungen, die die KI nicht erraten kann (z. B. „Aktiviere das Gutscheincodefeld“).
  • Beschränke dich auf konkrete Datensätze und Erstellungsaufgaben. Bei Summen und Ranglisten („die 5 umsatzstärksten Seiten“) sind KI-Assistenten weniger zuverlässig, da dafür jede Zahlung geprüft werden muss. Verwende für solche Zahlen die Analyseansicht im Dashboard.
  • Einige Einstellungen sind über MCP noch nicht verfügbar. Wenn eine Änderung nicht übernommen wird, öffne die Seite in deinem Dashboard und schließe die Änderung dort ab.

Testmodus

Dein Assistent kann Testkäufe auf einer Checkout-Seite, bei einem Event oder über ein Formular durchführen, ohne zu bezahlen, und anschließend prüfen, was erstellt wurde. Unter Testmodus erfährst du, wie das funktioniert.

  • Ein- und ausschalten. create_checkout_page, create_event und create_form sowie die entsprechenden Tools update_* benötigen testmode: true oder testmode: false. list_checkout_pages, list_events und list_forms benötigen testmode: true, um Seiten zu finden, bei denen der Testmodus noch aktiviert ist.
  • Testdatensätze lesen. Die Listen- und Abruf-Tools für Zahlungen, Buchungen, Abonnements, Abonnementzahlungen, Rechnungen und Übermittlungen sowie list_tickets benötigen livemode: false. Ohne diesen Parameter geben sie nur Live-Datensätze zurück.

Wenn dein KI-Tool eine Verbindung herstellt, erhält dein Assistent vom Server außerdem eine kurze Einführung in den Testmodus. Du kannst also einfach in eigenen Worten danach fragen.

Test-Prompts

Zwei Prompts führen einen vollständigen Testlauf aus. Sie erscheinen als Slash-Befehle oder Prompts in KI-Tools, die MCP-Prompts unterstützen. Gib in Claude Code zum Beispiel /mcp__checkoutpage__ ein und wähle einen aus.

PromptFunktionArgumente
test_checkoutVersetzt eine Checkout-Seite, ein Event oder ein Formular in den Testmodus, tätigt einen Testkauf in einem Browser, überprüft die Datensätze und stellt anschließend den vorherigen Testmodus wieder her.pageId und optional pageType: checkout (Standard), event oder form
test_upsell_funnelVersetzt beide Seiten eines bestehenden One-Click-Upsell-Funnels in den Testmodus, führt ihn einmal mit Annahme und einmal mit Ablehnung des Angebots aus, überprüft die Datensätze und stellt anschließend den vorherigen Testmodus wieder her. Es werden keine Seiten erstellt.initialPageId und optional upsellPageId

Um beispielsweise ein Event in Claude Code zu testen, gib den Prompt-Namen, die ID des Events und seinen Seitentyp ein:

/mcp__checkoutpage__test_checkout {eventId} event

Informationen zu Funnels findest du unter Einen Upsell-Funnel testen.

Zum Bezahlen benötigt dein Assistent ein Browser-Tool, etwa Claude in Chrome, einen Playwright-MCP-Server oder den Agent-Modus von ChatGPT. Ohne ein solches Tool gibt er dir den Zahlungslink, damit du selbst bezahlen kannst, und fährt anschließend mit der Überprüfung der Datensätze fort.

Fehlerbehebung

Sicherheit und Datenschutz

  • Der MCP-Server handelt nur in deinem Namen, nachdem du dich per OAuth angemeldet hast.
  • Tokens sind auf dein Konto beschränkt. Du kannst den Zugriff jederzeit in den Einstellungen deiner Checkout-Seite widerrufen.
  • Lese-Tools (list_*, get_*) ändern niemals Daten. Schreib-Tools (create_*, update_*, upload_*, archive_*, reorder_*) und destruktive Tools (delete_*) sind eindeutig benannt, damit dein Assistent vor Änderungen nachfragen kann. Löschungen können nicht rückgängig gemacht werden. Bestätige daher, bevor dein Assistent ein delete_*-Tool ausführt.
  • Daten, die dein Assistent abruft (Kundendetails, Zahlungsinformationen), werden an dein KI-Tool gesendet, um eine Antwort zu generieren – genauso wie bei jedem anderen Connector. Wähle KI-Tools, deren Richtlinien zur Datenverarbeitung deinen Anforderungen entsprechen.