> ## Documentation Index > Fetch the complete documentation index at: https://dokumentation.websale.de/llms.txt > Use this file to discover all available pages before exploring further. # Computop > Welche Zahlungsarten WEBSALE V8s über den Payment-Service-Provider Computop anbietet und wie Sie das bei Computop gehostete Bezahltemplate an Ihr Shop-Design anpassen. Computop ist einer der Payment-Service-Provider, die WEBSALE V8s direkt anbindet. Über diese eine Anbindung laufen gleich mehrere Zahlungsarten, von der Kreditkarte über Lastschrift bis zu Apple Pay. Für den Käufer ist das meist unsichtbar. Bei einigen Zahlungsarten wird er allerdings auf eine Bezahlseite weitergeleitet, die bei Computop liegt und nicht in Ihrem Shop. Diese Seite lässt sich an Ihr Design anpassen, und darum geht es im zweiten Teil dieser Seite. ## Zahlungsarten über Computop | Zahlungsart | Bezahlseite bei Computop | | - | - | | Kreditkarte | ja, anpassbar | | Apple Pay | ja, anpassbar | | Google Pay | ja, anpassbar | | Lastschrift | nein | | PayPal | nein | | iDEAL | nein | | TWINT | nein | | Online-Überweisung | nein | | PostFinance | nein | | PayU | nein | | Bizum | nein | Nicht jede dieser Zahlungsarten läuft in jedem Shop über Computop. PayPal beispielsweise lässt sich in WEBSALE V8s auch direkt oder über PayPal Checkout anbinden. Welcher Weg in Ihrem Shop eingerichtet ist, weiß Ihr WEBSALE-Ansprechpartner. Wegweiser: Kreditkarte · [Lastschrift](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/lastschrift.md) · [PayPal](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/paypal.md) · [iDEAL](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/ideal.md) · [TWINT](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/twint.md) · [Apple Pay](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/apple-pay.md) · [Google Pay](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/google-pay.md) ## Computop-Template anpassen Bei Kreditkarte, Apple Pay und Google Pay verlässt der Käufer für den Bezahlschritt den Shop. Die Seite, die er dann sieht, ist ein Template, das auf den Servern von Computop liegt und dort das sogenannte Computop Paygate bedient. ![Computop Kreditkartenformular Screen V2](https://mintcdn.com/websaleag-44ee7ea6/LS0r3yDDNtTzNzIH/images/computop-kreditkartenformular-screen-v2.jpg?fit=max\&auto=format\&n=LS0r3yDDNtTzNzIH\&q=85\&s=f8918592b5e3dd389f92f0f97ecd3525) Dieses Template stellt WEBSALE bereit und stimmt es mit Computop ab. Es enthält die Parameter und Anweisungen, die für die fehlerfreie Übergabe der Daten zwischen Shop und Paygate sorgen. Im Normalfall müssen Sie daran nichts tun, und Aktualisierungen bei Updates übernimmt WEBSALE automatisch. Sie können das Template aber übernehmen und an Ihr Shop-Design anpassen. Zwei Dinge sind dabei vorgesehen: * das Computop-Logo durch Ihr eigenes ersetzen * Farben und Schriften ändern > [!WARNING] > > Sobald Sie ein eigenes Template verwenden, aktualisiert WEBSALE es bei Updates nicht mehr automatisch. Sie übernehmen die Pflege damit selbst, wenn auch mit unserer Unterstützung. Wägen Sie ab, ob Ihnen Logo und Farben diesen dauerhaften Aufwand wert sind. Funktionale Änderungen wie zusätzliche Eingabefelder oder Auswahlkästchen, ebenso weitergehende Layout-Eingriffe, sind darin nicht enthalten. Dafür brauchen Sie eine kostenpflichtige Zusatzvereinbarung mit Computop. Wenden Sie sich dazu direkt an Computop. ### Schritt 1: Vorlage anfordern Fordern Sie die Template-Dateien bei Ihrem WEBSALE-Ansprechpartner an. Sie bekommen ein ZIP-Verzeichnis, das so aufgebaut ist: ![Computop Zip Verzeichnisstruktur V2](https://mintcdn.com/websaleag-44ee7ea6/LS0r3yDDNtTzNzIH/images/computop-zip-verzeichnisstruktur-v2.jpg?fit=max\&auto=format\&n=LS0r3yDDNtTzNzIH\&q=85\&s=b2d14471988c0ceb1cee64cd3908c85b) | Bestandteil | Inhalt | | - | - | | XSL-Seite | das Template selbst, in XSLT | | XML-Sprachdatei | die Texte der Bezahlseite | | Unterverzeichnisse | CSS, Bilder und JavaScript | > [!WARNING] > > Die Verzeichnisstruktur muss erhalten bleiben, und Ordner- und Dateinamen müssen Ihre MerchantID von Computop enthalten. Das ZIP heißt am Ende `MerchantID_PaySSL.zip`, beispielsweise `Websale_PaySSL.zip`. Ein umbenannter Ordner oder eine geänderte Struktur führt dazu, dass Computop das Template nicht einsetzen kann. ### Schritt 2: Logo, Farben und Schriften anpassen Das Logo liegt unter `Templates/imagesMerchantID/images/`. Ersetzen Sie dort `computop_desktop.png` durch Ihr eigenes Logo. Behalten Sie den Dateinamen bei, oder ändern Sie ihn zusätzlich in der XSL-Datei. ```xml theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}} ``` Die Stylesheets für Farben und Schriften liegen unter `Templates/imagesMerchantID/css/`. ### Schritt 3: MerchantID einsetzen Der Bestandteil `MerchantID` in Ordner- und Dateinamen ist ein Platzhalter. Ersetzen Sie ihn überall durch Ihre eigene Händler-ID von Computop, und zwar an drei Stellen: * in den Ordnernamen * in den Dateinamen * in allen Pfadangaben innerhalb der XSL-Datei So sieht es im WEBSALE-Template nach dem Ersetzen aus, hier mit der Händler-ID `Websale`: ```xml theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}} MasterCard ``` Eine Suche nach `MerchantID` über alle Dateien hinweg zeigt Ihnen, ob Sie eine Stelle übersehen haben. ### Schritt 4: ZIP an Computop senden Packen Sie den gesamten Inhalt in seiner Verzeichnisstruktur wieder als `MerchantID_PaySSL.zip` und senden Sie das Archiv an den Helpdesk von Computop, mit dem Vermerk „zum Test". > [!WARNING] > > Weisen Sie Computop dabei darauf hin, dass Sie einen WEBSALE-Shop betreiben und **nicht** das Standard-Template von Computop verwenden. Informieren Sie außerdem Ihren WEBSALE-Ansprechpartner, damit die Datenübergabe zum Paygate gewährleistet bleibt. Computop prüft die Anpassungen und nimmt das Template in sein System auf. ### Schritt 5: Testen Vor dem Livegang wird die Anbindung getestet. Dafür bekommt das Template bei Computop andere Datei- und Ordnernamen, und die WEBSALE-Systemadministration trägt diesen Testnamen in die Konfiguration ein. Teilen Sie Ihrem WEBSALE-Ansprechpartner den Namen des Test-Templates mit. Danach rufen Sie den Shop mit drei Parametern auf: ```text theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}} https://www.ihre-shop-url.de/?test=on&payment-test=on&creditcardclearing-test=on ``` Zum Beenden setzen Sie `creditcardclearing-test=off`. ```text theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}} https://www.ihre-shop-url.de/?test=on&payment-test=on&creditcardclearing-test=off ``` Beim Ein- und Ausschalten dieses Testmodus verwirft der Shop die laufende Sitzung. Ein Warenkorb, den Sie im Testmodus aufgebaut haben, ist danach leer. Bauen Sie Ihren Testfall deshalb erst nach dem Umschalten auf. > [!WARNING] > > Sowohl das Aktivieren des Test-Templates als auch der spätere Livegang verlangen Änderungen auf beiden Seiten. Informieren Sie sowohl Ihren WEBSALE- als auch Ihren Computop-Ansprechpartner, bevor Sie mit dem Testen anfangen, und noch einmal, wenn Sie fertig sind. Nach erfolgreichem Test trägt die WEBSALE-Technik das Template in die Live-Konfiguration ein. Wegweiser: [Testmodi des Shops ein- und ausschalten](https://dokumentation.websale.de/v8s/domains/testmodi-des-shops-ein-ausschalten.md) ## Verwandte Themen * Wegweiser: [Zahlungsarten anlegen, für die allgemeinen Einstellungen jeder Zahlungsart](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/zahlungsarten-anlegen.md) * Wegweiser: Kreditkarte * Wegweiser: [Apple Pay](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/apple-pay.md) * Wegweiser: [Google Pay](https://dokumentation.websale.de/v8s/zahlungsarten-anlegen/google-pay.md) ## Related topics - [$wsComputopHosted - Computop (gehostete Bezahlseite)](https://dokumentation.websale.de/frontend/referenz/module/wscomputophosted.md) - [Sektionen: Positionen und Zahlung](https://dokumentation.websale.de/v8s/schnittstellen/bestellungen/ws-bestelldaten/sektionen-positionen-und-zahlung.md) - [payment - Zahlungsmethoden](https://dokumentation.websale.de/konfiguration/payment-zahlungsmethoden.md) - [Validierungs- und Prüfservices](https://dokumentation.websale.de/konfiguration/validierungs-und-prufservices.md) - [Bekannte Fehlermeldungen](https://dokumentation.websale.de/admin-interface/logs-und-statistiken/bekannte-fehlermeldungen.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.