Checkout Page MCP
offiziellLassen 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_pageundupdate_checkout_pageerstellen, 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_formundcreate_fieldhinzufü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_websiteeinbettbaren 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:
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 kannst | Tools |
|---|---|
| Checkout-Seiten erstellen | create_checkout_page, update_checkout_page, get_checkout_page, list_checkout_pages |
| Events und Tickets erstellen | create_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 erstellen | create_form, update_form, get_form, list_forms |
| Fragen zu einer Seite hinzufügen | create_field, update_field, delete_field |
| Produkte einrichten | create_product, update_product, delete_product, get_product, list_products |
| Order Bumps und Zusatzoptionen anbieten | create_order_bump, update_order_bump, delete_order_bump, reorder_order_bumps, list_order_bumps |
| Gutscheine erstellen | create_coupon, update_coupon, list_coupons |
| Steuern berechnen | create_tax_rate, list_tax_rates |
| Seiten mit Themes gestalten | create_theme, update_theme, delete_theme, get_theme, list_themes, list_theme_properties |
| Bilder und Dateien hochladen | upload_file |
| Eine Seite auf deiner Website einbinden | add_to_website: direkt einfügbarer Code für ein Embed, eine Popup-Schaltfläche oder einen Link |
| Zahlungen und Abonnements nachschlagen | list_payments, get_payment, list_subscriptions, get_subscription, list_subscription_payments, get_subscription_payment, prepare_subscription_cancellation |
| Buchungen und Teilnehmende nachschlagen | list_bookings, get_booking, create_booking, list_tickets, update_ticket |
| Formularübermittlungen nachschlagen | list_submissions, get_submission |
| Kunden und Rechnungen nachschlagen | list_customers, get_customer, update_customer, list_invoices, get_invoice, regenerate_invoice |
| Events an deinen eigenen Server senden | create_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:
- Öffne das Checkout Page-Plugin in ChatGPT.
- Klicke auf Connect und melde dich dann bei Checkout Page an.
Oder füge es im Entwicklermodus als benutzerdefinierten Connector hinzu:
- Öffne ChatGPT.com und gehe zu Settings → Security and login. Aktiviere Developer mode.
- Schließe die Einstellungen und gehe zu chatgpt.com/plugins.
- Klicke oben rechts auf +.
- Gib Folgendes ein:
- Name: Checkout Page
- MCP server URL: https://mcp.checkoutpage.com
- Authentication: OAuth
- Name: Checkout Page
- Aktiviere I understand and want to continue.
- Klicke auf Create und folge dann dem Checkout Page OAuth-Ablauf, um die Verbindung herzustellen.
- Starte einen neuen Chat.
- Klicke auf + und suche nach Checkout Page.
Teste es: Frage: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“
Claude
- Öffne Claude und gehe zu Settings → Connectors.
- Klicke auf Add custom connector.
- Gib Folgendes ein:
- Name: Checkout Page
- MCP server URL: https://mcp.checkoutpage.com
- Name: Checkout Page
- 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:
- Öffne Cursor und gehe zu Settings → MCP.
- Klicke auf Add new MCP server.
- Gib Folgendes ein:
- Name: checkoutpage
- 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.
- Öffne VS Code und führe den Befehl MCP: Add Server über die Befehlspalette aus (
Cmd/Ctrl + Shift + P). - Wähle HTTP.
- Gib die URL ein: https://mcp.checkoutpage.com
- Vergib den Namen: checkoutpage
- 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:
- Öffne Codex und gehe zu Settings → MCP servers.
- Klicke auf + Add server.
- Wähle Streamable HTTP als Transport aus.
- Gib Folgendes ein:
- Name: Checkout Page
- 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:
- Gib
/mcpein. - Markiere mit den Pfeiltasten
checkoutpageund drücke die Eingabetaste. - Wähle authenticate und folge der OAuth-Abfrage.
Teste es: Frage: „Liste meine Checkout-Seiten, Events und Formulare in Checkout Page auf.“
Lovable
- Öffne in Lovable Connectors und wähle die Schaltfläche + aus.
- Wähle MCP server.
- Gib Folgendes ein:
- Server name: Checkout Page
- Server URL: https://mcp.checkoutpage.com
- Server name: Checkout Page
- 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
- Klicke im Cline-Bereich in der oberen Symbolleiste auf das Symbol MCP Servers.
- Öffne den Tab Remote Servers.
- Gib Folgendes ein:
- Server Name: checkoutpage
- Server URL: https://mcp.checkoutpage.com
- Transport Type: Streamable HTTP
- Server Name: checkoutpage
- Klicke auf Add Server. Cline öffnet den Tab Configure.
- 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_eventundcreate_formsowie die entsprechenden Toolsupdate_*benötigentestmode: trueodertestmode: false.list_checkout_pages,list_eventsundlist_formsbenötigentestmode: 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_ticketsbenötigenlivemode: 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.
| Prompt | Funktion | Argumente |
|---|---|---|
test_checkout | Versetzt 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_funnel | Versetzt 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 eindelete_*-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.