Guider 27 april 2026

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

Lär hur du installerar och testar en videobubbla i PrestaShop med en försiktig arbetsgång för tema, prestanda, placering och integritet.

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

Kort sagt

  • Installationen kräver åtkomst till PrestaShop och bör följa den uppdaterade vägledningen till det tema eller den modul, du använder.
  • Anpassa utseende och visningsregler till butiken, men bekräfta vilka inställningar där faktiskt finns i den aktuella lösningen.
  • Testa butiken i flera webbläsare och på riktiga mobiltelefoner, innan videobubblan publiceras.

Hur installerar du CompleteGreet i PrestaShop?

Tidsåtgången beror på PrestaShop-version, tema, åtkomst och installationsmetod. Följ den uppdaterade dokumentation, och användning helst ett eget fält, en lämplig modul eller ett barntema i stället för att ändra hovedtemaet direkt.

Så här lägger du till en videobubbla i PrestaShop
  1. Skapa en konto hos CompleteGreet, och hent installationskoden från det område, där är angivet i den aktuella vägledning.
  2. Log in i PrestaShop-administrationen, och kontrollera först vilken version och vilket aktivt tema butiken användare.
  3. Find det godkendte område till anpassad kod i temat eller modulet. Menunavne och tillgängliga val kan variere mellan versioner och teman.
  4. Om lösningen kräver en temafil, bör ändringen foretages i ett barntema eller av den, där vedligeholder butiken. Gem en kopi av filen, före den redigeres.
  5. Placér scriptet det ställe, som anbefales i den uppdaterade installationsguide, normalt nära på slutningen av sidans element. Gem utan att ändra andra temakode.
  6. Tøm PrestaShop-cachen efter ändringen, öppna butikkens startsida och produktsidor i ett privat browservindue, och kontrollera att bubblan visas utan fejlmeddelelser.

Om bubblan inte visas, bör du kontrollera kodeplacering, cache, samtyckeslösning, indholdsregler och eventuella sikkerhedsindstillinger, innan du gör flera förändringar.

Undvika att redigere hovedtemaet direkt.

En temaopdatering kan overskrive sådana förändringar. Användning ett barntema eller en lämplig metode till anpassad kod, när temat stöder det. Filstier kan variere, så bekräfta dem i dokumentationen för netop din PrestaShop-version och ditt tema.

Vad kan du anpassa i PrestaShop?

Utseende och visningsregler kan tilpasses, men de tillgängliga val beror på det aktuella CompleteGreet-abonnemang, widgetversionen och butikkens tekniska installation.

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

Visningsregler

Börja med regler per sida. Du kan t.ex. visa bubblan på udvalgte produktsidor eller dölja den i delar av butiken, där den forstyrrer. Fördröjning, rulning och andra utlösare kan vara tillgängliga, men inställningar och funktion kan förändras. Välj få regler först, test dem som ny och tilbagevendenbesökarna, och se till för att samtycke och integritet respekteres. En regel, där fungerar på dator, ska också kontrolleras på mobil.

En frekvensgrænse kan mindske irritation. Låt ett lukkevalg bli respekteret resten av besöket, och test var ofta bubblan bör visas i stället för att använda en universell inställning.

Handlingsknapper

Knappens text bör tydeligt beskrive nästa skridt, t.ex. att still ett frågor eller booke ett samtal. Vilka handlingar och tests där finns i kontrollpanelen, ska bekräftas i den aktuella dokumentationen. Se till för att linket fungerar, att mätningen registrerer den riktiga handling, och att färger och kontrast passar till butiken.

Placér bubblan, så den inte kolliderer med chat, varukorg, samtykkebanner eller navigation. Standardplaceringen är inte alltid riktig. Kontrollera avståndet på flera skärmstorlekar med de andra flytande elementer synliga.

Formulärfält

Om widgeten har en indbygget formulär, bör I bara bede om uppgifter, där är nödvändiga till formålet. Färre felter kan göra formularenklere, men den faktiska effekten ska mätas i er butik. Nielsen Norman Groups artikler om formulär ger användbara principper för tydliga labels, fejlmeddelelser och ett enkelt flow. Användning inte en fast procent för frafald som garanti. Telefonfelter bör bara används, när de är nödvändiga, behandlingen är forklaret, och företaget faktiskt kan följa upp inden för den lovade tid.

En formulär i widgeten kan bevara sammanhanget på sidan, medan en separat kontaktsida ger mer utrymme till förklaring och samtycke. Test vilken möjlighet som passar bäst för er behov.

Profil och placering

Ett tydeligt porträtt eller ett relevant logotyp kan används i bubblan. Välj ett skarpt bild med god kontrast, och kontrollera hur det beskärs på olika skärmar. Färger, kant och skygge bör passa till webbplatsen utan att elementet ligner en påträngande annons.

Lukkeknappen ska vara let att se och använda på mobil och med tastatur. Följ de gällande riktlinjer för tillgängliga trykflader, kontrast och fokus, och test den faktiska widget i stället för att stole på en förhandsvisning.

Förhandsvisa varje förändring på en riktig produkt och checkoutrelevant sida. Butikkens egna stilark, apps och bannere kan flytte elementer på sätt, där inte visas i kontrollpanelen.

Vad bör du kontrollera före publicering?

Öppna butiken i Vanliga webbläsare, och kontrollera att videobubblan inte täcker navigation, köpknappar, variantvalg eller andra viktiga funktioner. Gentag testen, när du är logget ut.

Mobiltesten är särskilt viktig.

Test på iPhone och Android med butikkens riktiga innehåll. Bubblan ska kunna öppnas och lukkes utan att tvinge oönskad helskärm, och knapperne ska vara lette att nå. PrestaShop-teman placerar menuer och handlingsfelter forskelligt, så välj sida och afstand ut från det faktiska tema, inte en allmän regel.

Kør en ydeevnetest med Googles vägledning om Web Vitals efter installationen. Videofiler och tredjepartsscripts kan påverka sidan. Kontrollera hur scriptet laddas, komprimér videon, och mål den färdiga produktsida på mobil. Där finns ingen bestämd filgräns eller snabb lösning, där garanterar gode resultat för alla butiker.

Test formuläret från start till slut. Indsend en test med godkendte testoplysninger, och bekräfta att den lander i det riktiga system utan att skicka en ekstern kundehenvendelse. Kontrollera också fejlmeddelelse, samtycke och bekräftelse.

Kontrollera visningsreglerne på sidor, var bubblan ska vara synlig eller dold. Cache, samtycke och klientbaseret navigation kan påverka resultatet. Antag inte en bestämd laddningstid, men mål hur den faktisk beter sig sig.

En videobubbla kan ge besökare en tydligare vej från produktinformation till frågor eller kontakt. Om den minskar frafaldet i er butik, ska dokumenteres genom test.

Den tekniska lösning kan vara annorlunda än på en vanligt webbplats.

Beregn inte förväntade förfrågningar med en allmän multiplikator. Användning butikkens egna sessioner, den nuvarande konverteringsgrad, relevanta handlingar och en kontrolleret testperiode.

Före aktivering bör I kontrollera cache, scriptplacering och kompatibilitet med PrestaShops skabelonmotor. En liten syntaksfejl kan påverka hela sidan, så bed en utvecklare kontrollera ändringen, om du är usikre.

Personalisering och analyse kan kräva samtycke, tydlig information och lämplig opbevaring. Widgeten bör följa butikkens samtykkeflow och er konkreta behandlingsgrundlag i overensstemmelse med EUs vägledning om integritet och företagets egna rutiner för sletning och opbevaring.

Produktnamnsidor kan vara ett relevant ställe att testa bubblan, men den bästa placering varierar. Krav till PrestaShop-version, API-nyckel, modul och cache ska alltid bekräftas i den uppdaterade dokumentation.

Vanliga frågor

Hur lägger till jag CompleteGreet till PrestaShop utan att redigere temakoden?

Användning ett godkendt modul eller ett fält till anpassad kod, om temat eller PrestaShop-installationen erbjuder det. Menuer och funktioner varierar. Följ den uppdaterade vägledningen, och användning ett barntema eller teknisk hjälp, om direkt filändring är nödvändig.

Varför visas CompleteGreet-videobubblan inte i PrestaShop-förhandsvisningen?

Förhandsvisning, cache, samtycke eller sikkerhedsregler kan hindra scriptet. Test i ett privat browservindue, medan du är logget ut, och kontrollera kodeplacering och browserkonsol. Antag inte att en dold förhandsvisning betyder, att produktionen fungerar.

Kan CompleteGreet bara visas på bestämda PrestaShop-sidor, t.ex. kassan eller produktsidor?

Siderregler kan används till att afgrænse visningen, om funktionen finns i den aktuella lösningen. Indtast och test precisa URL-mönster, och vurder om video i kassan hjälper eller forstyrrer. Kontrollera både inkluderade och ekskluderede sidor.

Gör CompleteGreet PrestaShop-butiken långsammare?

Alla tredjepartsscripts och videor kan påverka ydeevnen. Var mycket beror på filer, tema, andra scripts, enhet och nätverk. Mål Core Web Vitals före och efter installationen, och följ de aktuella råd om asynkron laddning och komprimering.

Var ska CompleteGreet-koden placeras i PrestaShop-administrationen?

Den riktiga placering beror på PrestaShop-version, tema och installationsmetod. Använd ett dokumenterat modulområde eller fält till anpassad kod, när det finns. Undvika fristående CMS-sidor, medmindre videon bevidst bara ska visas där, och tøm cachen efter ändringen.

Vad kostar CompleteGreet för en liten PrestaShop-butik?

Pris, besöksgränser, inkluderade funktioner och abonnementsperiode kan förändras. Kontrollera den aktuella prissidan och hur trafik och användning mäts. Jämför abonnementet med butikkens faktiska besökstal och behov, före du väljer.

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.