Indholdsfortegnelse
Kort fortalt
- Du indsætter CompleteGreet på Wix med den brugerdefinerede kode fra kontrolpanelet. Om funktionen er tilgængelig, afhænger af dit Wix-abonnement.
- Du styrer sider, handlingsknapper, formularer og visuel identitet fra CompleteGreet. Normalt behøver du ikke ændre koden efter installationen.
- Før du udgiver, bør du teste boblen på computer og mobil, kontrollere reglerne for sider og måle ydeevnen før og efter installationen.
En god videowidget til Wix skal være nem at installere, let at tilpasse og diskret på små skærme. CompleteGreet tæller besøgende efter reglerne i dit abonnement. Se altid den aktuelle prisside for opdaterede grænser og vilkår.
Installationen består af én kode, som indsættes i området til brugerdefineret kode i Wix. Derefter udgiver og tester du webstedet. Tidsforbruget afhænger af videoen, visningsreglerne og hvor grundigt du tester.
CompleteGreet kan også bruges på Shopify, WordPress, Squarespace, Webflow og andre platforme, der accepterer den nødvendige kode. Hvis du senere skifter platform, skal du stadig kontrollere placering, samtykke og regler på det nye websted.
CompleteGreet er først og fremmest lavet til videohilsner, tillid og enkle handlinger. Det er ikke et værktøj til komplicerede undersøgelser eller direkte chat.
Hvordan installerer du CompleteGreet på Wix?
Du føjer CompleteGreet til Wix med koden fra kontrolpanelet. En videoboble er en lille videoafspiller, der ligger oven på siden, viser en kort hilsen og kan føre den besøgende videre uden at sende vedkommende til et andet websted.
Sådan gør du:
-
Log ind i CompleteGreet, åbn installationsområdet, og kopiér hele den kode, der hører til det rigtige websted og den rigtige widget.
-
Åbn Wix-kontrolpanelet til webstedet. Find indstillingerne til brugerdefineret kode. Navnet og placeringen kan variere mellem forskellige versioner af Wix.
-
Tilføj en ny kode, giv den et tydeligt navn, og indsæt CompleteGreet-koden. Vælg, hvilke sider den skal gælde for. Følg den placering, der anbefales i den opdaterede dokumentation, i stedet for at indsætte den samme kode flere steder.
-
Gem ændringen, og udgiv webstedet. Åbn derefter den udgivne side i et privat browservindue. Forhåndsvisningen i Wix viser ikke altid eksterne scripts korrekt.
Wix håndterer selve indlæsningen af koden. Du kan derfor beholde én installation og styre visningen fra CompleteGreets kontrolpanel.
Hvis boblen ikke vises, bør du kontrollere, at webstedet er udgivet, at adressereglerne er korrekte, og at samtykke eller cache ikke blokerer scriptet. Genindlæs derefter siden som en ny besøgende.
Åbn det udgivne websted på både en computer og en rigtig telefon, før du foretager flere tilpasninger. Miniaturebilledet skal være synligt, lukkeknappen nem at nå og videoen let at starte.
Hvad kan du tilpasse på Wix?
I CompleteGreet kan du styre, hvilke sider der viser boblen, hvilke handlinger den tilbyder, hvilke oplysninger en formular beder om, og hvordan widgetten ser ud.

Sider og besøgende
Med regler for adresser kan du vælge, hvor boblen skal vises. Begynd med nogle få vigtige sider, og udvid først, når du har set, hvordan de besøgende reagerer.
Undtagelser er lige så vigtige som de sider, du medtager.
Skjul boblen på sider, hvor den kan forstyrre en vigtig handling, for eksempel betaling, privatliv eller en side, der allerede har flere faste elementer.
Handlingsknapper
En knap kan føre til en kalender, en produktside, en formular eller et telefonnummer, afhængigt af funktionerne i din opsætning.
Vælg en kort knaptekst, god kontrast og én tydelig primær handling, der passer til budskabet i videoen.
Kontrollér, hvilke startvalg og handlinger der faktisk findes i kontrolpanelet nu. Test dem på den udgivne side, før du betragter opsætningen som færdig.
Kontaktformularer
En formular kan bede om navn, mail, telefon eller andre nødvendige oplysninger. Kontrollér felter, samtykke, lagring og notifikationer med egnede testdata, før du udgiver.
Visuel identitet og placering
Tilpas miniaturebillede, farver og placering med de muligheder, der findes i kontrolpanelet. Sørg for tilstrækkelig afstand til menuer, chat, samtykkebanner og vigtige knapper.
Hvis du overvejer flere løsninger, viser vores sammenligning af videowidgets hvilke tilpasninger der er mest nyttige på forskellige typer websteder.
Mobilvisningen skal kontrolleres separat.
Gør miniaturebilledet mindre, eller skjul boblen på bestemte sider, hvis den dækker et felt, en knap eller menuen. Brug dine egne trafiktal og rigtige skærme, når du vælger løsning.
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;
}
}
Installér CompleteGreet på Wix
Følg disse fem trin for at føje en videowidget til dit Wix-websted
Gør din CompleteGreet-konto klar
Opret kontoen, tilføj videoen, og vælg den handling, du vil tilbyde.
Kopiér installationskoden
Åbn kontrolpanelet, og kopiér den kode, der hører til det rigtige websted.
Åbn Wix-indstillingerne
Gå til kontrolpanelet for webstedet, og åbn området til brugerdefineret kode.
Tilføj CompleteGreet-koden
Opret en ny brugerdefineret kode, og indsæt hele CompleteGreet-koden.
Udgiv og test
Udgiv webstedet, og kontrollér boblen på computer og mobil.
Infografik med fem trin til at installere CompleteGreet på Wix, fra klargøring af kontoen til udgivelse og test.
Se den statiske oversigt ovenfor for alle trin.
Hvad bør du kontrollere, før du udgiver?
Før du udgiver en videoboble bør du kontrollere, hvordan den vises på forskellige enheder, om reglerne for sider er korrekte, og om den påvirker ydeevnen mærkbart.
Begynd på en computer. Kontrollér, at miniaturebilledet indlæses, at videoen kan startes, at lukkeknappen virker, og at den åbne video er placeret korrekt.
Brug derefter en rigtig telefon. Safari på iOS og Chrome på Android kan håndtere afspilning og faste elementer forskelligt.
En boble, der ser rigtig ud på en stor skærm, kan dække menuen på en lille telefon. Test både stående og liggende visning.
Mange fejl skyldes visningsreglerne.
Kontrollér alle adresser, der skal vise boblen, og nogle sider, der ikke skal vise den. Se især på betaling, privatliv og sideskabeloner med egne faste elementer.
En person, der læser brugsvilkårene, har normalt ikke brug for den samme videohilsen som en besøgende på forsiden.
Mål også Core Web Vitals før og efter installationen. Brug Googles vejledning om Web Vitalstil at fortolke de aktuelle målinger og anbefalinger.
Et eksternt script kan påvirke indlæsning eller visuel stabilitet. Mål den rigtige side i stedet for at antage, at forskellen er ubetydelig.
Kør PageSpeed Insights eller Lighthouse på den samme adresse før og efter aktiveringen. Test også siden i et privat browservindue.
Når boblen vises det rigtige sted, fungerer på mobil og ikke gør siden mærkbart langsommere, er opsætningen klar til en begrænset test med rigtig trafik.
En videoboble kan gøre dit Wix-websted mere personligt, men budskabet bør besvare et konkret spørgsmål eller pege på en nyttig næste handling.
Muligheden for at indsætte brugerdefineret kode afhænger af funktionerne i dit Wix-abonnement. Kontrollér den opdaterede Wix-dokumentation, før du begynder.
Hvis du senere vil ændre, hvilke sider der viser boblen, bruger du reglerne i CompleteGreet i stedet for at indsætte flere kopier af koden i Wix.
God tilgængelighed adskiller en nyttig widget fra et forstyrrende element. Løsninger, der følger W3C’s retningslinjer for tilgængelighed bør understøtte tastatur, tydelige etiketter og skærmlæsere. Test det på den udgivne side i stedet for at antage, at alt virker.
Test altid installationen på en rigtig mobil, før du kalder den færdig. En boble, der dækker en vigtig knap, kan koste flere handlinger, end den skaber.
Ofte stillede spørgsmål
Hvad koster CompleteGreet til et lille websted?
Priser, besøgsgrænser og vilkår kan ændre sig. Se den aktuelle prisside for de tal og funktioner, der gælder nu.
Hvilke platforme fungerer CompleteGreet med?
CompleteGreet kan bruges på Wix, Shopify, WordPress, Squarespace, Webflow, WooCommerce og andre websteder, der accepterer den nødvendige installationskode. Metoden varierer fra platform til platform.
Hvor lang tid tager det at installere CompleteGreet på Shopify?
Tidsforbruget afhænger af kontoen, videoen, indstillingerne og den nødvendige test. Brug den app eller installationsmetode, der anbefales nu, og kontrollér den udgivne butik.
Hvad sker der, hvis webstedet får flere besøgende, end abonnementet tillader?
Optællingen og håndteringen af ekstra trafik følger det aktuelle abonnement. Kontrollér grænserne og vilkårene før en kampagne eller en anden periode med meget trafik.
Kan jeg bruge CompleteGreet på flere websteder med én konto?
Antallet af websteder, der kan knyttes til den samme konto, afhænger af abonnementet. Kontrollér prissiden eller kontrolpanelet, før du tilføjer et nyt domæne.
Hvilke virksomheder får mest ud af videohilsner?
Servicevirksomheder, rådgivere og webshops kan bruge en kort videohilsen til at forklare tilbuddet eller mindske usikkerhed før en handling. Effekten afhænger af budskabet, siden og placeringen og bør måles på webstedets egen trafik.
