Innehåll
Det viktigaste att veta
- En videobubbla är en liten svävande video som besökaren själv kan öppna för att se en inspelad hälsning.
- Den ligger vanligtvis i ett hörn och visar en kort förhandsvisning utan ljud tills besökaren väljer att klicka.
- Startsidan, prissidan och de viktigaste tjänstesidorna är ofta bra platser för ett första test.
En videobubbla är ett litet runt element i hörnet av en webbplats. När besökaren klickar öppnas en personlig videohälsning. Bubblan tar inte över hela skärmen och kräver inte att personen skriver något. Den förblir diskret tills någon väljer att använda den.
Den viktigaste uppgiften är ofta att skapa förtroende. När grundaren eller en medarbetare visar sig ser webbplatsen inte längre ut som en anonym broschyr. Besökaren kan se vem som står bakom företaget.
I flera konkreta fall ökade antalet förfrågningar med 43 till 70 procent, medan tiden på webbplatsen ökade med 19 till 33 procent. Siffrorna är observationer från enskilda företag och ingen garanti. CompleteGreet kan användas med Shopify, WordPress, Wix, Squarespace, Webflow, WooCommerce, React, Vue och vanlig HTML. Installationstiden beror på plattformen och vilka tester som krävs.
Det är också viktigt att förstå avgränsningen. En videobubbla är gjord för personliga hälsningar och förtroende, inte för komplexa frågeformulär eller chattflöden med många steg.
Vad är en videobubbla?
En videobubbla är ett svävande interaktivt element som visar en inspelad hälsning på webbplatsen. Den visas oftast som en liten rund förhandsvisning som sitter fast i ett hörn av webbläsaren.

Besökaren ser ett kort videoklipp i cirkeln. Bubblan är ofta 60 till 100 pixlar bred och visar en person som talar. Det nedre högra hörnet är den vanligaste placeringen. Vänster sida kan vara bättre om det redan finns en chattknapp till höger.
När besökaren klickar blir bubblan större och öppnar en videospelare med ljudkontroll och plats för undertexter.
Under videon visas ofta en tydlig handling, till exempel “Boka ett möte” eller “Be om en offert”.
Widgeten bör laddas utan att blockera resten av sidan. Om hastighet är viktig kan du läsa vår guide om video och Core Web Vitals före publicering.
En videobubbla är inte samma sak som en bakgrundsvideo eller ett popupfönster. En bakgrundsvideo spelas utan att besökaren väljer den. Ett popupfönster lägger sig ovanpå innehållet. Videobubblan stannar i hörnet tills personen själv öppnar den.
De flesta videobubblor har en liten knapp för att stänga dem.
Det är en viktig detalj. När en besökare stänger bubblan bör webbplatsen respektera valet och hålla den dold under resten av besöket.
Du kan vanligtvis anpassa förhandsvisning, färger, hörn och skugga. En fast illustration med en uppspelningssymbol kan också användas i stället för en rörlig förhandsvisning.
Bubblan stannar på samma plats när besökaren rullar. Den bör inte hoppa, ändra storlek eller försvinna när personen når ett nytt avsnitt.
Hur fungerar en videobubbla på en webbplats?
Bubblan ligger i ett hörn och visar ett kort klipp utan ljud. När besökaren klickar öppnas en större spelare med en kort hälsning och en tydlig nästa handling.

Den ska vara tillgänglig utan att störa när personen orienterar sig på sidan.
Många installationer väntar tre till fem sekunder innan bubblan visas. Då dyker den inte upp i samma ögonblick som sidan öppnas. Klippet startar utan ljud och med lugn rörelse. Vissa lösningar pausar förhandsvisningen nära sidfoten så att den inte konkurrerar med andra element.
Besökarens upplevelse och nästa handling
När bubblan öppnas fyller videon ofta ungefär en tredjedel av skärmen på dator och mer på mobil. Videon kan nu spelas med ljud och är vanligtvis 15 till 30 sekunder lång. Under den finns oftast en primär knapp och ibland ett andra alternativ.
Knappens text är ofta viktigare än en mycket polerad videoproduktion. “Boka ett möte på 15 minuter” eller “Be om en offert” förklarar nästa steg bättre än “Läs mer”. I ett lokalt fall sammanföll en direkt bokningsknapp med 42 procent fler möten. En andra knapp kan leda till en guide eller chatt för personer som inte är redo att boka.
Så fungerar tekniken
Widgeten använder ett lätt skript som visar bubblan som ett fast element. Videon kan levereras genom ett nätverk för innehållsdistribution så att den inte hämtas direkt från webbplatsens egen server. Du kan lägga till en videobubbla med HTML på de flesta plattformar. Den faktiska tidsåtgången beror på system och installation.
Skriptet registrerar skärmstorlek och interaktion för att styra när bubblan pausas, öppnas eller stängs. Många leverantörer anpassar också videokvaliteten efter anslutningen.
Sen laddning av videofilerna är viktig. Koden för spelaren kan vara redo, men själva videon bör hämtas först när besökaren närmar sig eller använder widgeten. Då slipper du överföra tunga filer till personer och robotar som aldrig öppnar bubblan.
Var bör du placera en videobubbla?
Startsidan, prissidan och de viktigaste tjänstesidorna är bra platser att börja på. Där finns ofta besökare som redan överväger en handling.
På startsidan kan en kort presentation skapa förtroende innan personen går vidare. Ett lokalt företag registrerade 42 procent fler bokningar än månaden före efter att ha lagt till en videohälsning. Jämförelsen visar inte att videon var den enda orsaken.
Prissidan besöks ofta av personer som redan överväger ett köp. I sex konkreta installationer ökade antalet förfrågningar med 43 till 70 procent när videobubblor visades på pris- eller kontaktsidor. Ett fall registrerade 17 procent högre konvertering.
De observerade fallen tyder på att sidor nära ett beslut bör prioriteras.
Bra placeringar och sidor där du bör vara försiktig
Långa blogginlägg är inte alltid rätt plats. En person som söker information kan uppleva videon som en distraktion. I de granskade fallen ökade tiden på produktsidor med 19 till 33 procent, medan bloggartiklarna inte visade någon tydlig förändring.
På dator fungerar det nedre högra hörnet ofta bra. På mobil bör det finnas ungefär 20 till 30 pixlars avstånd till nederkanten, så att oavsiktliga tryck minskar och viktiga knappar inte täcks.
Juridiska sidor och integritetspolicyer bör normalt vara fria från bubblan. Betalningsflödet är inte heller alltid en bra plats, eftersom en distraktion kan avbryta ett köp som redan är bestämt.
Varje sida behöver sitt eget budskap
En allmän presentation kan fungera på startsidan. Prissidan behöver ett annat budskap som svarar på frågor om pris och värde. Ett videobudskap som passar den enskilda sidan är vanligtvis mer relevant än samma inspelning överallt.
Budskapet bör passa besökarens avsikt. På en tjänstesida vill personen förstå skillnaden mellan alternativen. På kontaktsidan kan det räcka att bekräfta att en riktig människa läser och svarar på meddelandet.
Tekniska detaljer om placeringen
Undvik de övre hörnen där meny och meddelanden redan konkurrerar om utrymmet. De nedre hörnen ger ofta färre konflikter. Testa alltid på en riktig telefon eftersom en datorsimulering inte visar alla mobila förhållanden.
En bubbla som visas först när personen verkar vara på väg att lämna kan kännas påträngande. En regel baserad på hur långt personen har rullat kan vara mer relevant eftersom den når besökare som redan har läst en del.
Samma bubbla på alla webbadresser blir snabbt för mycket. Börja med tre till fem viktiga sidor och spela in ett hjälpsamt budskap till var och en.
Kodens placering påverkar också den upplevda laddningen. Även om videon hämtas senare kan ett element mycket tidigt i sidans DOM påverka renderingen. Placera koden på ett lämpligt ställe och låt CSS styra den synliga positionen.
Testa hela upplevelsen på riktiga telefoner och i de skärmstorlekar som förekommer i dina egna analysdata.
När är det meningsfullt att använda en videobubbla?
En videobubbla skapar ofta värde när företaget först behöver sälja förtroende och därefter själva tjänsten. Konsulter, coacher, byråer och tjänsteföretag är beroende av en personlig kontakt. En synlig människa svarar snabbt på frågan: “Vem kommer jag att arbeta med?”
Vissa lokala företag har sett tydliga förändringar. En egenföretagare registrerade 42 procent fler bokningar efter en personlig videohälsning. Det är fortfarande ett enda fall och resultatet behöver mätas på varje webbplats.
Förtroende betyder ofta mer än en perfekt videoproduktion.
Värdet kan vara lägre vid ett rent transaktionsköp. Om personen bara jämför pris, leverans och recensioner kan en personlig presentation skapa extra friktion. Ett företag med komplexa tjänster får ofta mer nytta av formatet än en butik med enkla vardagsvaror.
I sex installationer ökade antalet förfrågningar med 43 till 70 procent, med ett genomsnitt nära 53 procent. Tiden på webbplatsen ökade med 19 till 33 procent och ett fall visade 17 procent högre konvertering. Det är siffror från konkreta fall, inte ett löfte. CompleteGreet använder planer baserade på unika besökare.
Kompatibilitet spelar också roll. Team som använder WordPress, Shopify, Wix, Squarespace, Webflow, React eller Vue kan lägga in en bubbla utan att bygga om hela webbplatsen. Om ditt system kräver en specialintegration behöver den finnas med i projektplanen.
Börja med sidor där köpavsikten är hög: produkt, tjänst och pris. Där finns ofta personer som redan överväger att köpa, så en kort hälsning kan minska den sista osäkerheten.
I företag med återkommande kunder eller värdefulla affärer kan ett samtal vara viktigare än att ta bort några millisekunder från betalningsflödet. Bubblan kan inleda kontakten innan personen lämnar sidan.
Widgeten visas som en liten rund spelare som sitter fast i ett hörn. Den innehåller vanligtvis ett inspelat meddelande från grundaren eller en medarbetare. Besökaren får därmed ett personligt välkomnande utan att någon behöver vara online samtidigt.
Nedan går vi igenom de tekniska delarna, de sidor där formatet kan testas och de typer av webbplatser som ofta får mest nytta av det.
De viktigaste delarna och besökarens flöde
Det finns tre centrala delar. En regel använder tiden på sidan eller rulldjupet för att avgöra när hälsningen ska visas. Själva bubblan fungerar som ett synligt ankare och ett klick öppnar ett större videolager.
Videolagret visar normalt ett inspelat meddelande på 10 till 30 sekunder. Ljudet är avstängt från början så att besökaren själv väljer om det ska höras. Under videon finns en handling som kan leda till bokning, formulär eller ett produktavsnitt.
Krav på installationen
Videon bör levereras effektivt och använda en komprimerad MP4- eller WebM-fil. Det finns ingen filstorlek som passar alla webbplatser, så mät den faktiska vikten och laddningen. Det hänger samman med Googles rekommendationer för Core Web Vitals och de upplevelsemått som kan påverka synligheten.
Läs också rekommendationerna om tillgänglighet i videowidgets . Se till att det finns tangentbordsnavigering, namn för skärmläsare och en tydlig pausknapp. Om du tar emot besökare som omfattas av GDPR bör du granska GDPR krav för videowidgets innan spårning eller analys aktiveras.
Testa widgeten på riktiga telefoner så att den inte täcker meny, knappar eller fält. På dator kan den ligga i ett nedre hörn, men på en liten skärm kan en annan placering behövas.
De sex fallen registrerade i genomsnitt 53 procent fler förfrågningar. Formatet passar ofta bäst för bokningar och köp som kräver eftertanke, men fungerar bäst när personen i videon känns äkta och budskapet passar sidan.
När du jämför verktyg bör du också fundera på om din målgrupp föredrar ett direkt samtal eller att gå vidare i sin egen takt.
Vanliga frågor
Hur jämförs priset på CompleteGreet och VideoAsk vid mer än 500 visningar i månaden?
CompleteGreet använder månadsplaner baserade på unika besökare. VideoAsk kan ha gränser som bland annat är kopplade till bearbetningsminuter. Vid hög användning kan VideoAsk kräva en större plan. Jämför aktuella priser med ditt faktiska användningsmönster.
Kan en CompleteGreet videohälsning installeras på Shopify på mindre än 30 minuter?
En standardinstallation kan gå snabbt. Koden kopieras från CompleteGreet och läggs till i Shopify temat. Tidsåtgången ökar om du behöver särskild design, bestämda webbadresser, flera handlingar eller grundliga tester. Många vanliga installationer kräver ingen specialutveckling.
Fungerar CompleteGreet på specialbyggda webbplatser eller bara på WordPress och Squarespace?
Lösningen fungerar på webbplatser som tillåter HTML eller JavaScript, däribland React, Vue och statiska HTML-sidor. Skriptet kan laddas utan att blockera resten av sidan.
Ska jag välja CompleteGreet eller Bonjoro för tackvideor efter ett köp?
Bonjoro fokuserar på individuella videor efter ett köp och anslutningar till CRM. CompleteGreet visar videohälsningar på webbplatsen före köpet. Bonjoro passar bättre för personlig uppföljning, medan CompleteGreet passar för förtroende på en start- eller landningssida.
Kan CompleteGreet samla in svar genom videoenkäter?
Det är inte lösningens främsta syfte. CompleteGreet är gjort för videohälsningar och förtroende. Använd ett enkätverktyg eller VideoAsk om du behöver många frågor, villkorade flöden eller komplex datainsamling.
Ger videohälsningar faktiskt fler konverteringar?
Vissa fall har registrerat förbättringar på 8 till 25 procent beroende på bransch och placering. Det garanterar inte samma resultat någon annanstans. Budskapet, sidan, erbjudandet och målgruppen påverkar effekten, så mät före och efter.
