--- title: Shopify description: Shopify SiteCockpit Integration --- [Zu Content springen](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#main-content) - [Deutsch](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify) - [English](https://help.sitecockpit.com/en/documentation/integration-easyvision/installation/shopify) 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/shopify) - [English](https://help.sitecockpit.com/en/documentation/integration-easyvision/installation/shopify) 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) # Shopify ## Diese Anleitung beschreibt die Integration des easyVision Embed-Codes in einen Shopify-Shop. Die Einbindung erfolgt über den Theme-Editor. Nach erfolgreicher Einrichtung wird das easyVision-Widget automatisch auf Ihrer Seite geladen. - [**Vertriebskanäle öffnen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#Vertriebskanaele-oeffnen) - [**Onlineshop auswählen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#Onlineshop-auswaehlen) - [**Themes aufrufen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#Themes-aufrufen) - [**Aktuelles Theme anpassen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#Aktuelles-Theme-anpassen) - [**Abschnitt zur Fußzeile hinzufügen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#Abschnitt-zur-Fusszeile-hinzufuegen) - [**Benutzerdefiniertes Liquid auswählen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#Benutzerdefiniertes-Liquid-auswaehlen) - [**Embed-Code einfügen**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#Embed-Code-einfuegen) - [**Änderungen speichern**](https://help.sitecockpit.com/de/dokumentation/integration-easyvision/installation/shopify#Aenderungen-speichern) ### Vertriebskanäle öffnen Öffnen Sie im Shopify-Adminbereich das Hauptmenü und klicken Sie auf: **„Vertriebskanäle“**. ![image-20250507-064945.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932765/image-20250507-064945.png?version=1&modificationDate=1747234897754&cacheVersion=1&api=v2&width=289&height=457) ### Onlineshop auswählen Ein neues Fenster öffnet sich. Wählen Sie nun **„Onlineshop“** als Vertriebskanal aus. ![image-20250507-065015.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932765/image-20250507-065015.png?version=1&modificationDate=1747234897558&cacheVersion=1&api=v2&width=660&height=136) ### Themes aufrufen Im Menü des Vertriebskanals „Onlineshop“ klicken Sie auf: **„Themes“**. ![image-20250507-065050.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932765/image-20250507-065050.png?version=1&modificationDate=1747234897558&cacheVersion=1&api=v2&width=289&height=192) ### Aktuelles Theme anpassen Sie sehen Ihr aktuell verwendetes Theme. Klicken Sie auf den Button **„Anpassen“**, um den Theme-Editor zu öffnen. ![image-20250507-085340.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932765/image-20250507-085340.png?version=1&modificationDate=1747234897350&cacheVersion=1&api=v2&width=1000&height=574) ### Abschnitt zur Fußzeile hinzufügen Scrollen Sie im linken Seitenmenü bis zum unteren Bereich. Wählen Sie den Abschnitt **„Fußzeile“** und klicken Sie auf **„Abschnitt hinzufügen“**. ![image-20250507-085426.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932765/image-20250507-085426.png?version=1&modificationDate=1747234897349&cacheVersion=1&api=v2&width=330&height=168) ### Benutzerdefiniertes Liquid auswählen Im nun geöffneten Fenster klicken Sie auf **„Abschnitte“** (unterhalb der Suchleiste). Wählen Sie anschließend **„Benutzerdefiniertes Liquid“** aus. ![image-20250507-085453.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932765/image-20250507-085453.png?version=1&modificationDate=1747234897105&cacheVersion=1&api=v2&width=313&height=250) ### Embed-Code einfügen Im linken Seitenmenü erscheint nun das Feld **„Benutzerdefiniertes Liquid“** unter „Fußzeile“. Klicken Sie diesen Abschnitt an. Fügen Sie im Feld **„Liquid-Code“** den **Embed-Code** aus Ihrem SiteCockpit-Dashboard ein. ![image-20250507-091535.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932765/image-20250507-091535.png?version=1&modificationDate=1747234897105&cacheVersion=1&api=v2&width=330&height=575) ### Änderungen speichern Klicken Sie oben rechts im Theme-Editor auf **„Speichern“**, um die Konfiguration abzuschließen. ![image-20250507-091900.png](https://solution360.atlassian.net/wiki/download/thumbnails/5067932765/image-20250507-091900.png?version=1&modificationDate=1747234897105&cacheVersion=1&api=v2&width=1000&height=50) - [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