Guider 5 maj 2026

Så här lägger du till en videobubbla i Duda

Lär dig hur du lägger till en videobubbla på Duda, anpassar visningen och testar widgeten före publicering.

Så här lägger du till en videobubbla i Duda

Viktigaste punkterna

  • Många Duda-webbplatser kan få widgeten online genom att bädda in HTML, men tidsåtgången beror på installationen.
  • Med målstyrningsregler kan du visa bubblan där den är relevant.
  • Öppna webbplatsen i Chrome, Safari och Firefox, innan du berättar för andra om ändringen.

Hur installerar du CompleteGreet på Duda?

Duda har ingen egen appbutik som Shopify. Installationen sker därför med en kodsnutt i den visuella redigeraren. Följ den uppdaterade vägledningen och testa sidan därefter.

Så här lägger du till en videobubbla i Duda
  1. Logga in på CompleteGreet och kopiera det unika skriptet från kontrollpanelen. Det börjar med en skripttagg och slutar med din kontoidentifierare.
  2. Öppna Duda-redigeraren och klicka på Widgets i sidopanelen till vänster. Gå förbi ikonerna för sociala medier och hitta HTML-widgeten nära listans nederkant.
  3. Dra HTML-widgeten till sidan. Duda visar en grå platshållare där du släpper den. Dubbelklicka på rutan för att öppna HTML-inställningarna, som kommer in från vänster.
  4. Lägg in CompleteGreet-skriptet i kodfältet. Stäng inställningspanelen genom att klicka på X högst upp till höger.
  5. Klicka på Spara högst upp till höger i Duda-redigeraren och välj därefter Publicera för att göra ändringen synlig.

Varför visas widgeten inte i redigeraren?

Den grå platshållaren förblir grå, och det är normalt. Förhandsvisningen i Duda körs i en isolerad miljö där externa skript blockeras av säkerhetsskäl. Videobubblan visas först på den publicerade sidan eller i förhandsvisningen när du har sparat och laddat om sidan.

Kontrollera den aktiva sidan direkt efter publiceringen. Öppna startsidan i ett inkognitofönster och leta efter bubblan i hörnet. Hur snabbt den visas beror på webbläsaren och laddningen.

Om du fortfarande inte kan se något ska du rensa webbläsarens cache. Duda CDN kan ibland leverera en cachad version i några minuter efter publiceringen.

Vad kan du anpassa på Duda?

Med målstyrningsregler kan du visa bubblan där den är relevant. Visa den på bestämda webbadresser, dölj den på betalningssidor eller utlös den efter scrollängd och tid på sidan. Välj en fördröjning som ger besökarna tid att orientera sig.

Så här lägger du till en videobubbla i Duda

Handlingsknapparna kan länka till valfri destination. Skicka besökare till en prissida eller en kalender, eller öppna ett nytt e-postfönster. Knappens text kan redigeras, och du kan testa två varianter med olika erbjudanden.

Formulär i widgeten kan samla in potentiella kunder utan att skicka besökaren någon annanstans. Lägg till namn, e-post, telefon eller egna frågor om projektet. Insändningar kan skickas till din inkorg eller anslutas till Zapier och vidare till stödda integrationerBekräftelsemeddelandet har begränsad längd, så håll tacktexten kort.

Profil och utseende

Bubblans färg, storlek och placering justeras i kontrollpanelen. Använd samma färgkoder som på webbplatsen så att widgeten känns som en del av sidan. Avatarbilden beskärs automatiskt till en cirkel, så placera ansiktet mitt i miniatyrbilden.

Placeringen på mobil förtjänar extra uppmärksamhet.

Bubblan visas normalt längst ner till höger. På Duda-sidor med fasta sidfötter eller befintliga chattwidgetar kan du flytta den till vänster för att undvika överlappning. Testa på riktiga enheter, inte bara genom att ändra webbläsarfönstrets storlek.

Videokvaliteten har betydelse på långsamma anslutningar. I kontrollpanelen kan du begränsa upplösningen för besökare på mobildata och samtidigt erbjuda högre upplösning på dator. Det kan hålla laddningen snabb utan att göra bilden suddig.

Vad bör du kontrollera före lansering?

Öppna webbplatsen i Chrome, Safari och Firefox innan du berättar för andra om ändringen. Videobubblan bör ligga i hörnet utan att täcka navigering eller knappar i sidfoten.

Mobil är extra viktigt.

Många besökare ser widgeten på sin telefon. Ladda sidan i iOS Safari och Android Chrome. Bubblan bör anpassa storleken utan att tvinga fram helskärm, och stängningsknappen ska vara lätt att nå med tummen. Om widgeten täcker mobilmenyn eller betalningsknappen ska du justera förskjutningen i kontrollpanelen.

Kontrollera att målstyrningen fungerar. Kontrollera att widgeten bara visas på de sidor du har valt och är dold där du har valt bort den. Duda-sidor kan innehålla dynamiska sektioner, så testa flera sidmallar om webbplatsen använder dem.

Kör ett hastighetstest med Google Web Vitals-rekommendationer efter installationen. Videofiler ökar belastningen. Om LCP-mätningen blir sämre ska du kontrollera om skriptet laddas asynkront och om videofilen är tillräckligt liten. Gör en förändring i taget och mät igen.

Testa alla formulärinskick. Fyll i kontaktformuläret i widgeten, skicka det och kontrollera att förfrågan kommer till inkorgen eller CRM-systemet. Ett formulär som inte fungerar försvagar tilliten snabbare än en webbplats utan formulär.

När allt är kontrollerat kan du publicera sidan. Följ analyserna efter publiceringen, eftersom vissa problem först blir synliga när riktiga besökare använder sidan.

Videobubblor kan göra passiv surfning till ett direkt samtal genom att placera ett mänskligt ansikte ett klick bort. På Duda laddas laget oberoende av huvudinnehållet, så du kan ge sidan en personlig prägel utan att ändra hela mallen.

Byråer och webbplatsägare använder sådana widgetar för att korta vägen från intresse till förfrågan utan att bygga om sidmallarna. Installationen kan göras med kod i sidhuvudet, även av team med begränsad JavaScript-erfarenhet.

Sammanställda undersökningar kan visa att webbplatser med videobubblor får fler förfrågningar, men resultatet varierar och bör mätas på varje enskild webbplats. Widgeten kan fånga besökare med hög köpintention medan de överväger erbjudandet.

Avvisningsfrekvensen kan också förändras när bubblan visas på sidor där besökare ofta lämnar webbplatsen. Ett synligt erbjudande om hjälp kan minska osäkerheten, men effekten ska kontrolleras med dina egna data.

Kostnaderna kan vara förutsägbara även om trafiken förändras.

Priser för Duda och CompleteGreet kan förändras. Se aktuella priser och bedöm lönsamheten med dina egna konverteringsdata i stället för ett fast nollpunktsmål.

Före aktivering bör du kontrollera stöd för minskad rörelse och tangentbordsnavigering. Följ W3C’s rekommendationer för tillgänglighet för att säkerställa att bubblan inte blockerar fokus för skärmläsare eller skapar problem för personer som använder tangentbord.

Resultat från en viss bransch eller installation kan inte användas som garanti för andra webbplatser. Testa därför placering, budskap och prestanda i din egen installation.

Små Duda-webbplatser kan få mycket ut av en extra relevant förfrågan, men prioritera test av mobilvisningen. Aktivera widgeten på en testunderdomän först och publicera den när du har kontrollerat att bubblan inte täcker navigeringen på små skärmar.

Vanliga frågor

Hur lägger jag till CompleteGreet på en Duda-webbplats utan att redigera kod?

Kopiera inbäddningskoden från CompleteGreet-kontrollpanelen, öppna Duda-redigeraren och lägg till en HTML-widget i en kolumn eller rad. Lägg in koden i HTML-fältet och klicka på Spara. Videobubblan visas på de sidor där du placerar widgeten. Du behöver inga egna CSS-filer.

Varför visas videobubblan inte i Dudas förhandsvisning?

Förhandsvisningen i Duda kan blockera externa skript av säkerhetsskäl. Publicera sidan på en testadress och kontrollera den där. Om bubblan fortfarande inte visas ska du kontrollera att inbäddningskoden är komplett och att widgeten är aktiv i kontrollpanelen.

Kan jag bara visa CompleteGreet på bestämda Duda-sidor, till exempel prissidan?

Ja. Placera bara HTML-widgeten på de rader eller sidor där du vill visa hälsningen. Om den ska visas på hela webbplatsen kan du använda målstyrningsinställningarna i CompleteGreet för att inkludera eller utesluta webbadresser. På så sätt kan bubblan döljas på betalnings- eller juridiska sidor.

Gör CompleteGreet en Duda-webbplats långsammare?

Widgeten laddas asynkront efter huvudinnehållet. Du bör fortfarande mäta Core Web Vitals och mobilhastigheten efter installationen, eftersom tema, videofil och andra skript påverkar resultatet.

Vad kostar CompleteGreet om månaden?

Priser och besöksgränser kan förändras. Se den aktuella prissidan för den riktiga planen. Större planer kan täcka mer trafik, men du bör alltid bedöma kostnaden i förhållande till dina egna konverteringar och förfrågningar.

Kan jag bestämma var videobubblan visas på Duda-mobil?

Ja. Välj placering längst ner till vänster eller längst ner till höger i CompleteGreet-inställningarna och justera avståndet till skärmkanten. Testa på en riktig mobil och i Dudas förhandsvisning före publiceringen så att bubblan inte överlappar webbläsarknappar eller menyn.

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.