--- title: WooCommerce description: WooCommerce SiteCockpit Integration --- [Zu Content springen](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#main-content) - [Deutsch](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce) - [English](https://help.sitecockpit.com/en/documentation/integration-easyvision/installation/woocommerce) Deutsch Untermenü für Übersetzungen anzeigen ![SiteCockpit Logo](https://help.sitecockpit.com/hs-fs/hubfs/siteCockpit%20mit%20claim_rgb.png?width=328&height=92&name=siteCockpit%20mit%20claim_rgb.png) - [Tickets](https://hub.sitecockpit.com/portal) - [Dokumentation](https://help.sitecockpit.com/de/dokumentation) - [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout) Hauptnavigation öffnen Hauptnavigation schließen - [Tickets](https://hub.sitecockpit.com/portal) - [Dokumentation](https://help.sitecockpit.com/de/dokumentation) - [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout) - - [Deutsch](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce) - [English](https://help.sitecockpit.com/en/documentation/integration-easyvision/installation/woocommerce) Deutsch Untermenü für Übersetzungen anzeigen - [Kontakt](mailto:kontakt@sitecockpit.com) [Kontakt](mailto:kontakt@sitecockpit.com) Wie können wir Ihnen helfen? - Es gibt keine Vorschläge, da das Suchfeld leer ist. 1. [Dokumentation](https://help.sitecockpit.com/de/dokumentation?hsLang=de) 2. [Integration easyVision](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de) 3. [Installation](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#installation) # WooCommerce ## Diese Anleitung zeigt, wie Sie easyVision mit WooCommerce integrieren können. Sie haben mehrere Möglichkeiten zur Integration – per Plugin, per Widget oder direkt über ein Child-Theme. - [**SiteCockpit-Plugin**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#SiteCockpit-Plugin) - [**SiteCockpit-Plugin installieren**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#SiteCockpit-Plugin-installieren) - [**Plugin aktivieren**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Plugin-aktivieren) - [**Integration Key einfügen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Integration-Key-einfuegen) - [**SiteCockpit über WooCommerce-Widgets integrieren**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#SiteCockpit-WooCommerce-Widgets) - [**Voraussetzung**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Voraussetzung) - [**Widget-Position wählen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Widget-Position-waehlen) - [**Widget hinzufügen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Widget-hinzufuegen) - [**Embed-Code einfügen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Embed-Code-einfuegen) - [**Integration via Child-Theme**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Integration-via-Child-Theme) - [**Child-Theme vorbereiten**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Child-Theme-vorbereiten) - [**style.css**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#style.css) - [**functions.php**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#functions.php) - [**Theme hochladen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Theme-hochladen) - [**Theme aktivieren**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/woocommerce#Theme-aktivieren) ### SiteCockpit-Plugin #### **SiteCockpit-Plugin installieren** Suchen Sie im WordPress-Plugin-Verzeichnis nach **„SiteCockpit“**. Laden Sie das Plugin herunter und installieren Sie es anschließend über die Plugin-Verwaltung. ![image-20250730-115625.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-115625.png?version=2&modificationDate=1753945484617&cacheVersion=1&api=v2&width=1000&height=286)![image-20250730-130038.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-130038.png?version=1&modificationDate=1753882373147&cacheVersion=1&api=v2&width=592&height=304) #### **Plugin aktivieren** Nach erfolgreicher Installation aktivieren Sie das Plugin über die Plugin-Übersicht. ![image-20250730-130942.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-130942.png?version=1&modificationDate=1753882403081&cacheVersion=1&api=v2&width=568&height=286) #### **Integration Key einfügen** Gehen Sie in den WordPress-Einstellungen zum Bereich **„SiteCockpit Key“**. Fügen Sie dort Ihren persönlichen **Integration Key** ein, den Sie im **SiteCockpit-Dashboard** finden. ![image-20250730-133519.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-133519.png?version=1&modificationDate=1753882520422&cacheVersion=1&api=v2&width=162&height=302)![image-20250730-133636.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-133636.png?version=1&modificationDate=1753882597536&cacheVersion=1&api=v2&width=1000&height=255) Sollte Ihre WooCommerce-Instanz eine zu niedrige PHP-Version haben, um das Plugin installieren zu können, so können Sie ein beliebiges Plugin verwenden, welches die Integration von JavaScript ermöglicht. Bitte prüfen Sie dieses jedoch vor der Nutzung. ### SiteCockpit über WooCommerce-Widgets integrieren #### **Voraussetzung** Die Widget-Integration setzt ein **Storefront-kompatibles Theme** voraus. #### **Widget-Position wählen** Navigieren Sie in WordPress zu **Design → Widgets**. Wählen Sie eine Position für Ihr Widget, z. B. den **Footer**. ![image-20250730-123543.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-123543.png?version=1&modificationDate=1753878944938&cacheVersion=1&api=v2&width=152&height=304)![image-20250730-123627.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-123627.png?version=1&modificationDate=1753878988571&cacheVersion=1&api=v2&width=737&height=317) #### **Widget hinzufügen** Klicken Sie auf das **„+“**, um ein neues Widget hinzuzufügen. Suchen Sie nach dem Block **„Einbettung“**. ![image-20250730-123641.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-123641.png?version=1&modificationDate=1753879002378&cacheVersion=1&api=v2&width=754&height=161)![image-20250730-125821.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-125821.png?version=1&modificationDate=1753880303114&cacheVersion=1&api=v2&width=347&height=310) #### **Embed-Code einfügen** Wählen Sie den Block **„Einbettung“** aus und fügen Sie dort Ihren **Embed-Code** aus dem SiteCockpit-Dashboard ein. ![image-20250730-125757.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-125757.png?version=1&modificationDate=1753880279581&cacheVersion=1&api=v2&width=346&height=258)![image-20250730-125933.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250730-125933.png?version=1&modificationDate=1753880374923&cacheVersion=1&api=v2&width=702&height=340) ### Integration via Child-Theme Wenn Sie **ohne Plugin arbeiten** möchten, können Sie das SiteCockpit-Script auch direkt über ein Child-Theme einbinden. #### **Child-Theme vorbereiten** Öffnen Sie in WordPress den Bereich **Design → Themes**. Stellen Sie sicher, dass Ihr gewünschtes Haupt-Theme aktiv ist. ![image-20250515-112019.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250515-112019.png?version=1&modificationDate=1748853113936&cacheVersion=1&api=v2&width=330&height=108)![image-20250515-112152.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250515-112152.png?version=1&modificationDate=1748853113943&cacheVersion=1&api=v2&width=1000&height=316) Erstellen Sie lokal einen neuen Ordner mit den Dateien: - `style.css` - `functions.php` #### **style.css** Sie können folgenden Code in Ihre `style.css` einfügen: ``` /*Theme Name:     Spike Business ChildTemplate:       spike-businessVersion:        1.0Description:    Child Theme for Spike BusinessAuthor:         Your Name*/ ``` Ihr Theme und Template entsprechen nicht unbedingt dem gezeigten Beispiel! Achten Sie auf eine korrekte Beschriftung! #### **functions.php** Ergänzen Sie die Datei `functions.php` mit: ``` ';}); ``` Ersetzen Sie den Key durch Ihren eigenen aus dem SiteCockpit-Dashboard. #### **Theme hochladen** Packen Sie den Ordner als `.zip`-Datei. Laden Sie das Theme über **„Design → Theme hinzufügen“** hoch. ![image-20250515-112726.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250515-112726.png?version=1&modificationDate=1748853113952&cacheVersion=1&api=v2&width=1000&height=310)![image-20250515-112919.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250515-112919.png?version=1&modificationDate=1748853113961&cacheVersion=1&api=v2&width=1000&height=216)![image-20250515-113015.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250515-113015.png?version=1&modificationDate=1748853113969&cacheVersion=1&api=v2&width=330&height=75) #### **Theme aktivieren** Nach der Installation aktivieren Sie Ihr Child-Theme. Überprüfen Sie in der Theme-Übersicht, ob es korrekt aktiv ist. ![image-20250515-110706.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250515-110706.png?version=1&modificationDate=1748853113977&cacheVersion=1&api=v2&width=500&height=201)![image-20250515-113116.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932838/image-20250515-113116.png?version=1&modificationDate=1748853113985&cacheVersion=1&api=v2&width=1000&height=359) - [Allgemeines](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#main-content) - [Informationen](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#informationen) - [Dashboard](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#dashboard) - [Backend](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#main-content) - [easyVision](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easyvision) - [easyMonitoring](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitoring) - [easyMonitorung manuelle Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-manuelle-pr%C3%BCfpunkte) - [easyMonitorung automatische Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-automatische-pr%C3%BCfpunkte) - [easyAI](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easyai) - [easyStatement](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easystatement) - [Contrast Checker](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#contrast-checker) - [easyLanguage](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easylanguage) - [Integration easyVision](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#main-content) - [Einrichtung](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#einrichtung) - [Installation](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#installation) - [Browser Erweiterungen](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#browser-erweiterungen) - [Servicepartner](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#main-content) - [Allgemeine Informationen](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#allgemeine-informationen) - [Stripe](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#stripe) - [Support](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#main-content) - [FAQ](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#faq) - [Ticketsystem](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#ticketsystem) [![siteCockpit rgb](https://help.sitecockpit.com/hs-fs/hubfs/siteCockpit%20rgb.png?width=200&height=42&name=siteCockpit%20rgb.png "siteCockpit rgb")](https://www.sitecockpit.com/) Telefon: +49(0)30 403 64 98 98 E-Mail: kontakt@sitecockpit.com [mailto:kontakt@sitecockpit.com](mailto:kontakt@sitecockpit.com) Copyright © 2025, Site Cockpit GmbH