Inhaltsverzeichnis
Die wichtigsten Punkte
- Die Installation erfordert Zugriff auf OpenCart und sollte den aktuellen Anweisungen für deine Version und dein Theme folgen.
- Passe nur das an, was den Kundenweg unterstützt, und prüfe, welche Optionen in der aktuellen Version wirklich verfügbar sind.
- Öffne deinen OpenCart-Shop in mehreren Browsern und auf echten Mobilgeräten, bevor du die Änderung veröffentlichst.
Wie installierst du CompleteGreet auf OpenCart?
Der Zeitaufwand hängt von OpenCart-Version, Theme, Zugriffsrechten und gewählter Methode ab. Nutze möglichst ein dokumentiertes Feld, eine passende Erweiterung oder ein Child-Theme statt das Haupt-Theme direkt zu ändern.

Melde dich zunächst im CompleteGreet-Dashboard an und erstelle ein Konto falls du noch keines hast. Rufe anschließend den Installationscode an der in der aktuellen Anleitung genannten Stelle ab.
Wechsle danach in die OpenCart-Administration.
- Prüfe zuerst OpenCart-Version, aktives Theme und den Umgang des Themes mit benutzerdefiniertem Code. Menünamen können je nach Version und Theme abweichen.
- Wähle das aktive Theme und suche nach einem dokumentierten Bereich für Skripte oder benutzerdefinierten Code. Wenn du nicht weißt, welches Theme aktiv ist, kläre das vor jeder Änderung.
- Wenn du eine Theme-Datei ändern musst, verwende ein Child-Theme oder hole die Person hinzu, die deinen Shop betreut. Dateipfade unterscheiden sich und ein Update kann direkte Änderungen überschreiben.
- Füge den Code an der in der aktuellen Installationsanleitung empfohlenen Stelle ein. In manchen Konfigurationen liegt sie nahe am schließenden Body-Tag, das so aussehen kann: , oder sie wird je nach OpenCart-Version und Theme über eine Template-Variable gesteuert.
- Füge den CompleteGreet-Code ein, ohne den übrigen Theme-Code zu verändern.
- Speichere die Änderung und notiere die Stelle, damit du sie nach einem Theme- oder Systemupdate prüfen kannst.
- Wenn OpenCart eine Sicherheitswarnung anzeigt, lies sie und prüfe Datei, Position und Code, bevor du fortfährst.
OpenCart kann Änderungen an Theme und Skripten zwischenspeichern.
Leere den betroffenen Cache nach dem Speichern und öffne den Shop anschließend abgemeldet in einem privaten Browserfenster. Prüfe Startseite, Kategorie und Produktseite.
Wenn die Bubble nicht erscheint, prüfe Codeposition, Cache, Einwilligung, Anzeigeregeln und mögliche Sicherheitserweiterungen. Setze keine Domains auf eine Ausnahmeliste und verringere die Sicherheit nicht, bevor Bedarf und Folgen geklärt sind.
Was kannst du auf OpenCart anpassen?
Darstellung und Anzeigeregeln lassen sich anpassen. Welche Optionen verfügbar sind, hängt jedoch vom aktuellen CompleteGreet-Tarif, der Widget-Version und der technischen Konfiguration des Shops ab.

Seitenregeln und Auslöser
Beginne mit einigen seitenbezogenen Regeln. Du kannst die Bubble zum Beispiel auf bestimmten Produktseiten anzeigen oder dort ausblenden, wo sie stört. Mehrere Nachrichten und Auslöser können verfügbar sein, müssen aber in der aktuellen Dokumentation bestätigt und auf den genauen URLs getestet werden.
Keine allgemeine Verzögerung passt zu allen Seiten. Teste einige Intervalle im Zusammenhang mit einer konkreten Aktion und respektiere, wenn ein Besucher die Bubble schließt. Mausbewegungs-Auslöser verhalten sich auf Mobilgeräten anders und sollten nicht allein verwendet werden.
Mobilgeräte erfordern eigene Prüfungen. Platziere die Bubble so, dass sie Menü, Warenkorb, Einwilligungsbanner oder andere schwebende Elemente nicht verdeckt. Teste auf echten Geräten statt dich nur auf eine Vorschau zu verlassen.
Handlungsaufforderungen und Formularfelder
Ein Button kann zu einer Produktseite, einem Kalender oder einem Formular führen, sofern diese Optionen im aktuellen Widget vorhanden sind. Frage nur die Informationen ab, die für den Zweck erforderlich sind. Verfügbare Felder und Integrationen können sich ändern, deshalb sollten sie vor der Planung des Ablaufs geprüft werden.
Die Nachricht nach dem Absenden sollte den nächsten Schritt erklären und nur eine Antwortzeit versprechen, die das Unternehmen einhalten kann. Prüfe auch mögliche Zeichenlimits der aktuellen Version.
Profil, Größe und Bewegung
Wähle die Größe passend zu Theme und Bildschirmbreite. Keine feste Pixelzahl passt zu allen OpenCart-Shops. Prüfe vor allem feste Navigationen, Kaufbuttons und andere Elemente in den Ecken. Verwende eine scharfe Miniatur in der tatsächlichen Anzeigegröße.
Komprimiere Bilder und nutze ein Format, das Theme und Browser zuverlässig unterstützen. Messe die Seite nach der Änderung. Eine bestimmte Größe oder ein bestimmtes Format ist nicht automatisch für jeden Shop optimal.
Bewegung kann Aufmerksamkeit erzeugen, aber auch ablenken. Respektiere die Einstellung für reduzierte Animationen und deaktiviere unnötige Bewegungen auf Seiten, auf denen Besucher bezahlen oder wichtige Informationen eingeben.
Webhooks und CRM-Verbindungen können Anfragen übertragen, wenn die nötige Integration verfügbar und eingerichtet ist. Unterstützte Integrationen anzeigen und prüfe den gesamten Ablauf mit erlaubten Testdaten, bevor du dich auf diese Automatisierung verlässt. Kontrolliere außerdem Einwilligung, Zugriffsrechte und Fehlerbehandlung.
Manche Shops verwenden unterschiedliche Videonachrichten auf Produktseite, Warenkorb und Kontaktseite. Beginne mit einer oder zwei klaren Varianten und messe das Ergebnis, bevor du weitere hinzufügst. Kampagnennamen und die Verfügbarkeit von Vergleichstests müssen in der aktuellen Lösung geprüft werden.
Nach einer Änderung kann der Cache weiterhin eine alte Version anzeigen. Leere nur die betroffenen Caches nach einer dokumentierten Methode und prüfe die Seite abgemeldet, bevor du annimmst, dass die Veröffentlichung fehlgeschlagen ist.
Was solltest du vor der Veröffentlichung prüfen?
Öffne den OpenCart-Shop in gängigen Browsern und prüfe, dass die Videobubble weder Navigation, Varianten, Kaufbuttons noch andere wichtige Funktionen verdeckt. Wiederhole den Test abgemeldet.
Der Test auf Mobilgeräten ist besonders wichtig.
Teste iOS Safari und Android Chrome mit den echten Shop-Inhalten. Die Bubble sollte sich öffnen und schließen lassen, ohne unerwünschte Vollbildwiedergabe zu erzwingen, und die Buttons müssen erreichbar bleiben. Wenn sie Menü oder Kasse verdeckt, passe Position und Abstand an das echte Theme an.
Prüfung der Seitenregeln
Besuche die Seiten, auf denen die Bubble erscheinen soll, und die Seiten, auf denen sie verborgen bleiben soll. Teste je nach Bedarf Startseite, Kategorien, Produkte, Warenkorb und Kontakt. Eine zu breite oder falsch konfigurierte Regel kann unerwartete Anzeigen verursachen.
Führe nach der Installation einen Leistungstest mit den Google-Empfehlungen für Web Vitals durch. Drittanbieter-Skripte und Videos können die Seite beeinflussen. Prüfe das Laden von Code und Medien und vergleiche dieselbe Produktseite vor und nach der Änderung. Keine Dateigröße und keine schnelle Korrektur garantiert überall gute Ergebnisse.
Teste die Formularübermittlung von Anfang bis Ende mit erlaubten Testdaten. Bestätige, dass die Anfrage im richtigen System ankommt, und prüfe anschließend Fehlermeldung, Einwilligung und Bestätigung. Sende während dieses Tests keine externe Anfrage an einen Kunden.
Eine Videobubble kann mobilen Besuchern einen klaren Weg von Produktinformationen über eine Frage bis zur Kontaktaufnahme bieten, ohne die Theme-Struktur zu ändern. Nur die Daten deines Shops zeigen, ob sie Abbrüche reduziert.
Die folgenden Punkte zeigen, was du vor einer öffentlichen Veröffentlichung bei Codeposition, Anpassungen und Prüfung beachten solltest.
Leistung auf gemeinsam genutztem Hosting
Messe Gewicht und Ladezeit der Seite vor und nach der Installation. Wenn sich das Ergebnis verschlechtert, prüfe das Laden von Skript und Video zusammen mit dem restlichen Seiteninhalt. Verwende keine feste Megabyte-Grenze oder Tarifänderung als Garantie.
Checkliste für Barrierefreiheit
Die Videobubble sollte reduzierte Animationen respektieren und per Tastatur bedienbar bleiben. Sieh dir die W3C-Empfehlungen zur Barrierefreiheit an und prüfe, dass der Fokus nicht blockiert wird, Bedienelemente klare Namen tragen und Ton nicht ohne bewusste Auswahl startet.
Struktur von Header und Footer unterscheidet sich bei OpenCart-Themes stark. Die richtige Skriptposition hängt daher von Version, Theme und Installationsmethode ab. Bestätige Datei und Stelle in aktueller Dokumentation.
Teste den gesamten Kaufablauf auf Mobilgeräten zuerst in Safari und Chrome. Schwebende Elemente verhalten sich nicht immer wie auf dem Desktop, und eine Überlagerung während des Bezahlvorgangs kann ein ernstes Hindernis sein.
Journal und andere stark angepasste Themes können eine Anpassung von Stapelreihenfolge oder Position erfordern. Verwende keinen festen z-index als allgemeine Lösung. Analysiere den Konflikt, wähle den kleinsten nötigen Wert und teste Menüs, Banner und Modalfenster.
Häufige Fragen
Wie füge ich CompleteGreet zu einem OpenCart-Theme hinzu, ohne den Code zu bearbeiten?
Nutze ein dokumentiertes Feld für benutzerdefinierten Code oder eine freigegebene Erweiterung, wenn das Theme dies erlaubt. Menüs und Funktionen unterscheiden sich. Folge der Anleitung für deine Version und verwende ein Child-Theme oder technische Unterstützung, falls eine Datei geändert werden muss.
Warum wird die Videobubble in der OpenCart-Vorschau nicht angezeigt?
Cache, Vorschau, Einwilligung oder Sicherheitsregeln können das Skript blockieren. Teste abgemeldet in einem privaten Browserfenster und prüfe anschließend Codeposition und Browserkonsole, bevor du weitere Änderungen vornimmst.
Kann ich CompleteGreet nur auf OpenCart-Produktseiten anzeigen?
Seitenregeln können die Anzeige begrenzen, wenn diese Funktion vorhanden ist. Verwende URL-Muster passend zu deinen Routen und teste Produkte, Kategorien sowie Seiten, auf denen die Bubble verborgen bleiben soll. Nicht alle OpenCart-Shops nutzen dieselbe URL-Struktur.
Verlangsamt CompleteGreet eine OpenCart-Website?
Jedes Drittanbieter-Skript und jedes Video kann die Leistung beeinflussen. Die Wirkung hängt von Dateien, Theme, anderen Skripten, Gerät und Netzwerk ab. Messe die Core Web Vitals vor und nach der Installation und befolge aktuelle Empfehlungen zu Laden und Komprimierung.
Wie hoch ist der monatliche Preis von CompleteGreet?
Preise, Besuchergrenzen, Funktionen und Vertragslaufzeiten können sich ändern. Prüfe die aktuelle Preisseite sowie die Methode zur Messung von Traffic und Nutzung, bevor du dich für ein Angebot entscheidest.
