Inhaltsverzeichnis
Kurz zusammengefasst
- Du fügst CompleteGreet über den Bereich für benutzerdefinierten Code zu Wix hinzu. Ob diese Funktion verfügbar ist, hängt von deinem Wix-Tarif ab.
- Seiten, Aktionsbuttons, Formulare und das Erscheinungsbild steuerst du in CompleteGreet. Nach der Installation musst du den Code normalerweise nicht mehr ändern.
- Teste die Videobubble vor der Veröffentlichung am Computer und auf dem Smartphone. Prüfe außerdem die Seitenregeln und miss die Ladeleistung vor und nach der Installation.
Ein gutes Video-Widget für Wix sollte einfach einzurichten, leicht anzupassen und auf kleinen Bildschirmen unaufdringlich sein. CompleteGreet zählt Besucher nach den Regeln deines Tarifs. Die aktuellen Grenzen und Bedingungen findest du immer auf der Preisseite.
Für die Installation fügst du einen Code in den Bereich für benutzerdefinierten Code bei Wix ein. Danach veröffentlichst und testest du die Website. Wie lange das dauert, hängt vom Video, den Anzeigeregeln und dem Umfang deiner Tests ab.
CompleteGreet lässt sich auch auf Shopify, WordPress, Squarespace, Webflow und anderen Plattformen einsetzen, die den erforderlichen Code zulassen. Bei einem späteren Plattformwechsel solltest du Platzierung, Einwilligung und Regeln auf der neuen Website erneut prüfen.
CompleteGreet ist vor allem für Videobegrüßungen, Vertrauensaufbau und einfache Aktionen gedacht. Für komplexe Umfragen oder umfangreiche Chat-Abläufe ist es nicht ausgelegt.
Wie installierst du CompleteGreet auf Wix?
Du fügst CompleteGreet mit dem Code aus dem Dashboard zu Wix hinzu. Eine Videobubble ist ein kleiner Videoplayer, der über der Seite liegt, eine kurze Begrüßung zeigt und Besucher zu einer passenden Aktion führen kann, ohne sie auf eine andere Website zu schicken.
So gehst du vor:
-
Melde dich bei CompleteGreet an, öffne den Installationsbereich und kopiere den vollständigen Code für die richtige Website und das richtige Widget.
-
Öffne das Wix-Dashboard deiner Website und suche in den Einstellungen nach dem Bereich für benutzerdefinierten Code. Name und Position können sich je nach Wix-Version unterscheiden.
-
Füge einen neuen Code hinzu, vergib einen eindeutigen Namen und setze den CompleteGreet-Code ein. Wähle die gewünschten Seiten aus. Halte dich bei der Position an die aktuelle Dokumentation, statt denselben Code an mehreren Stellen einzufügen.
-
Speichere die Änderung und veröffentliche die Website. Öffne die veröffentlichte Seite anschließend in einem privaten Browserfenster. Die Wix-Vorschau bildet externe Skripte nicht immer korrekt ab.
Wix übernimmt das Laden des benutzerdefinierten Codes. Deshalb genügt eine Installation, während du die Anzeige im CompleteGreet-Dashboard steuerst.
Falls die Bubble nicht erscheint, prüfe zuerst die Veröffentlichung, die URL-Regeln sowie mögliche Blockaden durch Einwilligungseinstellungen oder Cache. Lade die Seite danach wie ein neuer Besucher erneut.
Öffne die veröffentlichte Website auf einem Computer und einem echten Smartphone, bevor du weitere Anpassungen vornimmst. Das Vorschaubild sollte sichtbar, der Schließen-Button erreichbar und das Video leicht zu starten sein.
Was kannst du auf Wix anpassen?
In CompleteGreet legst du fest, auf welchen Seiten die Bubble erscheint, welche Aktionen sie anbietet, welche Angaben ein Formular abfragt und wie das Widget aussieht.

Seiten und Besucher
Mit URL-Regeln bestimmst du, wo die Bubble angezeigt wird. Beginne mit einigen wichtigen Seiten und erweitere die Anzeige erst, nachdem du die ersten Reaktionen ausgewertet hast.
Ausschlüsse sind genauso wichtig wie die Seiten, die du einbeziehst.
Blende die Bubble auf Seiten aus, auf denen sie eine wichtige Handlung stören könnte, etwa beim Bezahlen, auf Datenschutzseiten oder auf Seiten mit mehreren feststehenden Elementen.
Aktionsbuttons
Ein Button kann je nach vorhandenen Funktionen zu einem Kalender, einer Produktseite, einem Formular oder einer Telefonnummer führen.
Wähle einen kurzen Buttontext, einen gut lesbaren Kontrast und eine klare Hauptaktion, die zum Inhalt des Videos passt.
Prüfe, welche Auslöser und Aktionen aktuell im Dashboard verfügbar sind. Teste sie auf der veröffentlichten Seite, bevor du die Einrichtung als abgeschlossen betrachtest.
Kontaktformulare
Ein Formular kann Name, E-Mail-Adresse, Telefonnummer oder andere notwendige Angaben abfragen. Prüfe Felder, Einwilligung, Speicherung und Benachrichtigungen vor der Veröffentlichung mit geeigneten Testdaten.
Erscheinungsbild und Position
Passe Vorschaubild, Farben und Position mit den verfügbaren Einstellungen an. Achte auf genügend Abstand zu Menüs, Chat, Einwilligungsbanner und wichtigen Buttons.
Wenn du mehrere Lösungen vergleichst, zeigt unser Vergleich von Video-Widgets welche Anpassungen für verschiedene Arten von Websites besonders nützlich sind.
Die mobile Ansicht solltest du separat prüfen.
Verkleinere das Vorschaubild oder blende die Bubble auf bestimmten Seiten aus, wenn sie ein Feld, einen Button oder das Menü verdeckt. Nutze für die Entscheidung deine eigenen Zugriffsdaten und echte Geräte.
max-width: 600px;
margin: 0 auto;
background: #f7f7fb;
border: 1px solid #e2e2ea;
border-radius: 12px;
overflow: hidden;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
}
#cg-ig-PL3 .cg-accent-bar {
height: 4px;
background: #3D5ACE;
}
#cg-ig-PL3 .cg-header {
padding: 24px 24px 16px;
text-align: center;
}
#cg-ig-PL3 .cg-header h3 {
margin: 0 0 8px;
font-size: 20px;
font-weight: 700;
color: #1a1a2e;
line-height: 1.3;
}
#cg-ig-PL3 .cg-header p {
margin: 0;
font-size: 14px;
color: #7a7a96;
line-height: 1.5;
}
#cg-ig-PL3 .cg-steps {
padding: 0 24px 24px;
}
#cg-ig-PL3 .cg-step {
display: flex;
gap: 16px;
margin-bottom: 20px;
position: relative;
}
#cg-ig-PL3 .cg-step:last-child {
margin-bottom: 0;
}
#cg-ig-PL3 .cg-step:not(:last-child)::after {
content: ”;
position: absolute;
left: 20px;
top: 44px;
width: 2px;
height: calc(100% + 4px);
background: #e2e2ea;
}
#cg-ig-PL3 .cg-step-number {
width: 40px;
height: 40px;
min-width: 40px;
background: #3D5ACE;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 16px;
position: relative;
z-index: 1;
}
#cg-ig-PL3 .cg-step-content {
flex: 1;
padding-top: 4px;
}
#cg-ig-PL3 .cg-step-title {
font-size: 15px;
font-weight: 600;
color: #1a1a2e;
margin: 0 0 6px;
line-height: 1.4;
}
#cg-ig-PL3 .cg-step-desc {
font-size: 13px;
color: #4a4a68;
margin: 0 0 12px;
line-height: 1.5;
}
#cg-ig-PL3 .cg-code-box {
background: #1a1a2e;
border-radius: 8px;
padding: 12px 14px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
#cg-ig-PL3 .cg-code-text {
font-family: “SF Mono”, Monaco, “Cascadia Code”, “Roboto Mono”, Consolas, monospace;
font-size: 12px;
color: #a5b4fc;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#cg-ig-PL3 .cg-copy-btn {
background: #E48333;
color: #fff;
border: none;
border-radius: 6px;
padding: 6px 12px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
flex-shrink: 0;
}
#cg-ig-PL3 .cg-cta-section {
padding: 0 24px 24px;
text-align: center;
}
#cg-ig-PL3 .cg-cta-btn {
display: inline-block;
background: #3D5ACE;
color: #fff;
text-decoration: none;
padding: 14px 28px;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
transition: background 0.2s ease;
}
#cg-ig-PL3 .cg-cta-btn:hover {
background: #2d4ab8;
}
#cg-ig-PL3 .cg-source {
padding: 0 24px 20px;
text-align: center;
font-size: 11px;
color: #7a7a96;
}
#cg-ig-PL3 .cg-source a {
color: #3D5ACE;
text-decoration: none;
}
#cg-ig-PL3 .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 480px) {
#cg-ig-PL3 .cg-header,
#cg-ig-PL3 .cg-steps,
#cg-ig-PL3 .cg-cta-section,
#cg-ig-PL3 .cg-source {
padding-left: 16px;
padding-right: 16px;
}
#cg-ig-PL3 .cg-header h3 {
font-size: 18px;
}
#cg-ig-PL3 .cg-step {
gap: 12px;
}
#cg-ig-PL3 .cg-step-number {
width: 36px;
height: 36px;
min-width: 36px;
font-size: 14px;
}
#cg-ig-PL3 .cg-step:not(:last-child)::after {
left: 18px;
top: 40px;
}
#cg-ig-PL3 .cg-code-box {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
#cg-ig-PL3 .cg-code-text {
white-space: normal;
word-break: break-all;
}
}
CompleteGreet auf Wix installieren
Mit diesen fünf Schritten fügst du deiner Wix-Website ein Video-Widget hinzu
CompleteGreet-Konto vorbereiten
Richte dein Konto ein, füge das Video hinzu und wähle die gewünschte Aktion.
Installationscode kopieren
Öffne das Dashboard und kopiere den Code für die richtige Website.
Wix-Einstellungen öffnen
Öffne das Dashboard der Website und gehe zum Bereich für benutzerdefinierten Code.
CompleteGreet-Code hinzufügen
Erstelle einen neuen benutzerdefinierten Code und füge den vollständigen CompleteGreet-Code ein.
Veröffentlichen und testen
Veröffentliche die Website und prüfe die Bubble am Computer und auf dem Smartphone.
Infografik mit fünf Schritten zur Installation von CompleteGreet auf Wix, von der Kontoeinrichtung bis zur Veröffentlichung und Prüfung.
Alle Schritte findest du in der statischen Übersicht oben.
Was solltest du vor der Veröffentlichung prüfen?
Bevor du eine Videobubble veröffentlichst, solltest du die Darstellung auf verschiedenen Geräten, die Seitenregeln und mögliche Auswirkungen auf die Ladeleistung prüfen.
Beginne am Computer. Prüfe, ob das Vorschaubild geladen wird, das Video startet, der Schließen-Button funktioniert und das geöffnete Video korrekt positioniert ist.
Nimm danach ein echtes Smartphone. Safari unter iOS und Chrome unter Android können Wiedergabe und feststehende Elemente unterschiedlich behandeln.
Eine Bubble, die auf einem großen Bildschirm gut aussieht, kann auf einem kleinen Smartphone das Menü verdecken. Teste Hochformat und Querformat.
Viele Fehler entstehen durch falsche Anzeigeregeln.
Prüfe alle Adressen, auf denen die Bubble erscheinen soll, und einige Seiten, auf denen sie nicht erscheinen darf. Achte besonders auf Bezahlvorgänge, Datenschutzseiten und Vorlagen mit eigenen feststehenden Elementen.
Wer die Nutzungsbedingungen liest, benötigt in der Regel nicht dieselbe Videobegrüßung wie ein Besucher der Startseite.
Miss auch die Core Web Vitals vor und nach der Installation. Nutze Googles Anleitung zu Web Vitalsum die aktuellen Messwerte und Empfehlungen richtig einzuordnen.
Ein externes Skript kann Ladezeit oder visuelle Stabilität beeinflussen. Miss deshalb die echte Seite, statt davon auszugehen, dass der Unterschied unbedeutend ist.
Führe PageSpeed Insights oder Lighthouse vor und nach der Aktivierung auf derselben Adresse aus. Teste die Seite zusätzlich in einem privaten Browserfenster.
Wenn die Bubble an der richtigen Stelle erscheint, mobil funktioniert und die Seite nicht spürbar verlangsamt, ist die Einrichtung für einen begrenzten Test mit echtem Traffic bereit.
Eine Videobubble kann eine Wix-Website persönlicher machen. Die Botschaft sollte aber eine konkrete Frage beantworten oder zu einem sinnvollen nächsten Schritt führen.
Ob du benutzerdefinierten Code einfügen kannst, hängt von den Funktionen deines Wix-Tarifs ab. Prüfe vor dem Start die aktuelle Wix-Dokumentation.
Wenn du später andere Seiten ansprechen möchtest, änderst du die Regeln in CompleteGreet, statt mehrere Kopien des Codes in Wix einzufügen.
Gute Barrierefreiheit unterscheidet ein hilfreiches Widget von einem störenden Element. Lösungen, die den W3C-Richtlinien zur Barrierefreiheit folgen, sollten Tastaturbedienung, verständliche Beschriftungen und Screenreader unterstützen. Prüfe diese Punkte auf der veröffentlichten Seite.
Teste die Installation immer auf einem echten Smartphone. Eine Bubble, die einen wichtigen Button verdeckt, kann mehr Aktionen verhindern, als sie auslöst.
Häufig gestellte Fragen
Was kostet CompleteGreet für eine kleine Website?
Preise, Besuchergrenzen und Bedingungen können sich ändern. Die derzeit gültigen Zahlen und Funktionen findest du auf der aktuellen Preisseite.
Mit welchen Plattformen funktioniert CompleteGreet?
CompleteGreet kann auf Wix, Shopify, WordPress, Squarespace, Webflow, WooCommerce und anderen Websites eingesetzt werden, die den erforderlichen Installationscode zulassen. Die genaue Methode hängt von der Plattform ab.
Wie lange dauert die Installation von CompleteGreet auf Shopify?
Der Zeitaufwand hängt vom Konto, vom Video, von den Einstellungen und von den notwendigen Tests ab. Nutze die aktuell empfohlene App oder Installationsmethode und prüfe anschließend den veröffentlichten Shop.
Was passiert, wenn die Website mehr Besucher erhält, als der Tarif vorsieht?
Zählweise und Umgang mit zusätzlichem Traffic richten sich nach dem aktuellen Tarif. Prüfe Grenzen und Bedingungen vor einer Kampagne oder einer anderen Phase mit hohem Traffic.
Kann ich CompleteGreet mit einem Konto auf mehreren Websites verwenden?
Wie viele Websites mit demselben Konto verbunden werden können, hängt vom Tarif ab. Prüfe die Preisseite oder das Dashboard, bevor du eine weitere Domain hinzufügst.
Welche Unternehmen profitieren besonders von Videobegrüßungen?
Dienstleister, Beratungen und Onlineshops können mit einer kurzen Videobegrüßung ihr Angebot erklären oder Unsicherheit vor einer Handlung verringern. Die Wirkung hängt von Botschaft, Seite und Platzierung ab und sollte mit den eigenen Zugriffsdaten gemessen werden.
