Plattformsguider 25 mars 2026

Bästa videowidget för WordPress

Så installerar, anpassar och testar du en videowidget på WordPress utan att missa prestanda, mobilvisning eller viktiga användarflöden.

Bästa videowidget för WordPress

Kort sammanfattning

  • En enkel installation av CompleteGreet på WordPress kan gå snabbt, men tiden beror på temat, integrationsmetoden och hur mycket som behöver testas.
  • Du kan styra vem som ser widgeten, hur den ser ut och vad som händer när någon klickar på den.
  • Gå igenom en kort checklista före publicering. Den fångar upp sådant som många team annars missar.

CompleteGreet skiljer sig från många videowidgetar för WordPress genom planer som utgår från unika besökare. Kontrollera alltid aktuella priser, gränser och villkor innan du jämför lösningar. De kan ändras, och trafiken på en WordPress-webbplats varierar ofta från månad till månad.

Tolstoy och VideoAsk kan passa bra för arbetsflöden med många enkäter och förgreningar. CompleteGreet fokuserar i stället på en enkel videohälsning på webbplatsen. Du lägger in den rekommenderade koden, laddar upp en video och styr bubblans visning från kontrollpanelen.

Hur lång tid installationen tar beror på webbplatsen och vilka kontroller som behöver göras.

CompleteGreet kan fungera med vanliga WordPress-teman och sidbyggare som Elementor, Divi och Gutenberg. Kontrollera den aktuella dokumentationen för rätt metod. Lösningen är främst gjord för videohälsningar som gör webbplatsen mer personlig, inte för avancerade enkäter eller samtalsflöden med många förgreningar.

Hur installerar du CompleteGreet på WordPress?

Använd den integrationsmetod som rekommenderas i CompleteGreets kontrollpanel och aktuella dokumentation. En enkel installation kan gå snabbt, men se inte en viss tidsåtgång som garanterad.

Steg för att installera CompleteGreet på WordPress

Den säkraste metoden kräver inte direkta ändringar i temafilerna. Använd den officiella integrationen eller ett pålitligt verktyg för att lägga in skript, beroende på hur webbplatsen är byggd.

En videobubbelwidget laddas med ett kort JavaScript-skript. Principen är densamma för en enkel blogg och en WooCommerce-butik, men varje webbplats måste testas separat.

  1. Logga in på ditt CompleteGreet-konto och öppna installationsdelen. Kopiera koden som hör till rätt webbplats.

[SKÄRMBILD: CompleteGreets kontrollpanel med integrationskoden och kopieringsknappen markerad]

  1. Öppna sedan administrationen i WordPress. Välj en metod för att lägga in koden så att du undviker dubbletter.

Du kan använda ett verktyg för skriptinfogning som är kompatibelt med webbplatsen. Metoden fortsätter vanligtvis att fungera efter temauppdateringar. Klistra in CompleteGreet-koden på den rekommenderade platsen, spara och kontrollera den publicerade sidan.

[SKÄRMBILD: WordPress-gränssnitt med fältet för skript och CompleteGreet-koden]

Undvik att redigera header.php direkt om inte temat och uppdateringarna hanteras av en kvalificerad person. En ändring i huvudtemat kan skrivas över eller skapa konflikter.

Om du behöver en manuell integration bör du använda ett barntema eller webbplatsens skripthanterare och följa den aktuella dokumentationen. Lägg aldrig in samma kod på flera ställen.

  1. Spara ändringarna och rensa relevant WordPress-cache eller CDN-cache.

  2. Öppna den publicerade webbplatsen i ett privat fönster. Kontrollera att bubblan visas, kan stängas och spelar upp videon korrekt.

[SKÄRMBILD: Publicerad WordPress-sida med CompleteGreets videobubbla i ett hörn]

Om bubblan inte visas bör du först kontrollera cache, samtycke, URL-regler och JavaScript-inställningar. Vissa verktyg kan fördröja eller utesluta externa skript.

Målet är en tydlig integration utan dubblerad kod eller känsliga ändringar i temat.

Vad kan du anpassa i WordPress?

Du kan välja vilka sidor och besökare som ser bubblan, ändra utseendet och bestämma vilken handling du vill föreslå. Tidsåtgången beror på antalet regler och hur mycket som behöver testas.

Inställningar för en videowidget på WordPress

Med URL-regler kan du visa bubblan på vissa sidor och dölja den på andra. Börja med några få viktiga sidor och uteslut steg där ett flytande element kan störa, till exempel kassan.

Beteendet på olika enheter behöver kontrolleras separat.

Du kan anpassa visningen på dator och mobil utifrån de funktioner som finns tillgängliga. Testa varje variant i stället för att anta att samma inställning fungerar bra överallt.

Bra handlingsknappar skiljer de bästa videowidgetarna när de passar innehållet. Föreslå en huvudsaklig handling, till exempel att boka ett möte, besöka en sida eller öppna ett formulär. Kontrollera vilka alternativ som faktiskt finns i den aktuella kontrollpanelen.

Välj lättlästa färger som passar varumärket. Kontrollera kontrasten i stället för att förlita dig helt på automatiska färgval.

Formulär kan samla in den information du behöver, beroende på upplägget. Begränsa antalet fält, markera vad som är obligatoriskt och testa samtycke, lagring och aviseringar.

Välj rätt tidpunkt för formuläret. Ett formulär före videon kan passa för låst innehåll, medan ett formulär efter videon ofta fungerar bättre tillsammans med en förtroendeskapande hälsning.

De visuella inställningarna omfattar miniatyrbild, placering och spelarram. Placera bubblan så att den inte täcker menyn, chatten, samtyckesbannern eller en viktig knapp.

När du har ändrat placeringen bör du rensa relevant cache och ladda sidan som en ny besökare. Då undviker du att granska en gammal version.

#cg-ig-PL1 {
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-PL1 .cg-accent-bar {
height: 4px;
background: #3D5ACE;
}
#cg-ig-PL1 .cg-header {
padding: 24px 24px 16px;
text-align: center;
}
#cg-ig-PL1 .cg-title {
font-size: 20px;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 8px;
line-height: 1.3;
}
#cg-ig-PL1 .cg-subtitle {
font-size: 14px;
color: #7a7a96;
margin: 0;
}
#cg-ig-PL1 .cg-steps {
padding: 0 24px 24px;
}
#cg-ig-PL1 .cg-step {
display: flex;
gap: 16px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e2e2ea;
}
#cg-ig-PL1 .cg-step:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
#cg-ig-PL1 .cg-step-number {
flex-shrink: 0;
width: 32px;
height: 32px;
background: #3D5ACE;
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
}
#cg-ig-PL1 .cg-step-content {
flex: 1;
}
#cg-ig-PL1 .cg-step-title {
font-size: 15px;
font-weight: 600;
color: #1a1a2e;
margin: 0 0 6px;
}
#cg-ig-PL1 .cg-step-desc {
font-size: 13px;
color: #4a4a68;
margin: 0 0 10px;
line-height: 1.5;
}
#cg-ig-PL1 .cg-code-block {
background: #1a1a2e;
border-radius: 8px;
padding: 12px 14px;
font-family: “SF Mono”, Monaco, “Cascadia Code”, “Roboto Mono”, Consolas, monospace;
font-size: 12px;
color: #e2e2ea;
overflow-x: auto;
white-space: nowrap;
margin: 0;
}
#cg-ig-PL1 .cg-code-block code {
color: #E48333;
}
#cg-ig-PL1 .cg-cta-section {
padding: 0 24px 24px;
text-align: center;
}
#cg-ig-PL1 .cg-cta-button {
display: inline-block;
background: #3D5ACE;
color: #ffffff;
text-decoration: none;
padding: 14px 28px;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
transition: background 0.2s ease;
}
#cg-ig-PL1 .cg-cta-button:hover {
background: #2d4ab8;
}
#cg-ig-PL1 .cg-cta-note {
font-size: 12px;
color: #7a7a96;
margin-top: 10px;
}
#cg-ig-PL1 .cg-source {
padding: 0 24px 20px;
text-align: center;
font-size: 11px;
color: #7a7a96;
}
#cg-ig-PL1 .cg-source a {
color: #3D5ACE;
text-decoration: none;
}
#cg-ig-PL1 .cg-source a:hover {
text-decoration: underline;
}
#cg-ig-PL1 .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-PL1 .cg-header,
#cg-ig-PL1 .cg-steps,
#cg-ig-PL1 .cg-cta-section,
#cg-ig-PL1 .cg-source {
padding-left: 16px;
padding-right: 16px;
}
#cg-ig-PL1 .cg-title {
font-size: 18px;
}
#cg-ig-PL1 .cg-step {
gap: 12px;
}
#cg-ig-PL1 .cg-step-number {
width: 28px;
height: 28px;
font-size: 13px;
}
}

CompleteGreet-installation på WordPress

Fyra steg för att lägga till en videowidget på webbplatsen

1

Välj installationsmetod

Öppna de aktuella instruktionerna från CompleteGreet och välj den integration som passar din WordPress-webbplats.

WordPress-administration, integration eller skripthanterare

2

Lägg in och kontrollera koden

Lägg in webbplatsens kod en gång och kontrollera sedan att den laddas på den publicerade sidan.

<script> widgetkod kopplad till webbplatsen

3

Placera widgeten

Välj relevanta sidor och placering med den metod som stöds nu.

Riktad visning, kontrollerad placering

4

Anpassa och testa

Anpassa miniatyrbild, färger och handling och testa sedan allt på dator och mobil.

Placering: ledigt hörn | Utlösare: kontrollerad inställning

Installera CompleteGreet på WordPress

Tiden varierar beroende på webbplats, samtycke och testning

Infografik med fyra steg för att installera CompleteGreet på WordPress: välj metod, lägg in koden, placera widgeten, anpassa och testa.

Se den statiska översikten ovan för alla steg.

Vad bör du kontrollera före publicering?

Gå igenom en kort checklista innan widgeten publiceras. Den hjälper dig att upptäcka problem med visning, inriktning, prestanda och leverans.

Testa på flera enheter och i flera webbläsare

Börja på dator. Öppna webbplatsen i de webbläsare målgruppen använder och kontrollera att videobubblan visas i rätt hörn, följer reglerna för automatisk uppspelning och inte täcker viktiga navigeringselement.

Rulla genom hela sidan och kontrollera att bubblan ligger stabilt medan dynamiskt innehåll laddas.

Testa sedan på riktiga telefoner med olika skärmstorlekar. Safari på iOS och Chrome på Android kan hantera video och flytande element på olika sätt.

På iOS bör du kontrollera att spelaren öppnas och stängs som förväntat. Justera inställningarna om resultatet försvårar navigeringen.

Kontrollera reglerna för sidinriktning

Ett litet fel i inriktningen kan visa widgeten på fel sida. Kontrollera alla inkluderings- och exkluderingsregler mot webbplatsens faktiska adresser.

Dölj bubblan när den kan störa en viktig handling, som betalning, eller när den inte hjälper besökaren. Jämför reglerna i kontrollpanelen med den verkliga sidstrukturen.

Kontrollera prestanda och hela användarresan

Mät sidan före och efter installationen med Lighthouse och använd Googles vägledning om Web Vitals när du tolkar resultaten. Utgå inte från att asynkron laddning ensam tar bort all möjlig påverkan.

Testa sedan hela handlingsflödet med lämpliga testuppgifter.

Kontrollera att handlingen leder till rätt plats, att lagringen fungerar och att bekräftelsen ser korrekt ut. Skicka inte en riktig extern förfrågan utan tillstånd.

Efter en ändring i CompleteGreet bör du rensa relevanta cachelager eller öppna ett privat fönster. Annars kan du råka granska en tidigare konfiguration.

Att lägga till video på WordPress kräver mer än att bädda in en spelare.

Widgeten måste laddas korrekt, respektera integritetsval och fungera tillsammans med temat, formulären och andra flytande element. Installation, anpassning och testning avgör om den faktiskt hjälper besökaren.

Prismodeller och inkluderade funktioner varierar mellan olika verktyg. CompleteGreet erbjuder planer baserade på besökare enligt aktuella villkor. Jämför inriktning, anpassning, gränser och kostnader med hjälp av aktuella erbjudanden.

Räkna på resultatet med dina egna data. Du kan inte anta att avvisningsfrekvensen minskar eller att antalet förfrågningar ökar utifrån en generell procentsats.

Installera utan kodkonflikter

Undvik känsliga temaändringar och onödiga tillägg.

  1. Kopiera koden som hör till webbplatsen från CompleteGreets kontrollpanel.
  2. Lägg in den med den rekommenderade WordPress-metoden eller en pålitlig skripthanterare.
  3. Rensa cache och kontrollera bubblan på den publicerade sidan i ett privat fönster.
Exempel på CompleteGreet-integrationskod som är kopplad till webbplatsen

Den här centraliserade metoden minskar risken för dubbletter, men den exakta koden och domänen måste kopieras från ditt eget konto.

Tillgänglighet är viktigt, särskilt för WordPress-webbplatser som betjänar offentlig sektor eller europeiska besökare. Följ W3C:s riktlinjer för tillgänglighet och testa gränssnittet med tangentbord, skärmläsare, undertexter och inställningen för minskad rörelse.

Välj inte ett verktyg enbart utifrån ett löfte om enkelhet eller priset på en plan. Jämför de funktioner som faktiskt ingår, trafiken, inriktningen, anpassningen och den support webbplatsen behöver.

Oavsett om du driver en välbesökt WooCommerce-butik eller en liten byråwebbplats bör du börja med dagens besökssiffror och dina egna mål. Mät sedan resultatet i stället för att använda en generell förväntning om fler förfrågningar.

Vanliga frågor

Vad kostar CompleteGreet per månad och vad ingår i planen?

Pris, antal besökare, webbplatser och bubblor samt inkluderade funktioner beror på den aktuella planen. Kontrollera prissidan och villkoren innan du jämför.

Kan jag använda CompleteGreet på Shopify eller behöver jag en utvecklare?

CompleteGreet kan användas på Shopify och andra vanliga plattformar. En enkel installation kanske inte kräver en utvecklare, men tema, samtycke, placering, anpassningar och testning kan göra teknisk hjälp nödvändig.

Hur lång tid tar det att installera en videobubbla från CompleteGreet?

Tiden beror på videon, webbplatsen, visningsreglerna, designen, samtycket och testningen. Utgå inte från att en viss tidsåtgång är garanterad.

Vilka företag kan ha nytta av en videohälsning?

Tjänsteföretag, konsulter, coacher och butiker kan använda den för att göra webbplatsen mer personlig. Effekten beror på målgruppen, budskapet, sidan och placeringen.

Är CompleteGreet gjort för att samla in leads eller bara för att hälsa välkommen?

CompleteGreet är främst gjort för att välkomna besökare med video och bygga förtroende. Kontrollera vilka formulär och integrationer som finns i den aktuella lösningen. För avancerade enkäter eller flöden med många förgreningar kan ett specialiserat verktyg passa bättre.

Tar CompleteGreet extra betalt vid en trafikökning?

Vad som händer nära eller över en gräns beror på den aktuella planen och villkoren. Kontrollera reglerna för beräkning, eventuella planändringar och möjliga kostnader i kontot och på prissidan.

Azad Habib

Azad Habib

CEO & Founder of CompleteGreet

Azad Habib is the founder of CompleteGreet. With a background in ecommerce and user experience, he works at the intersection of trust, clarity, and conversion to help businesses make their websites feel more human from the first click.